{"title":"Thiophenes","description":"\u003ch2\u003e\u003cspan class=\"\"\u003eBasic Product Introduction\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eThiophene\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e\u003cspan\u003e \u003c\/span\u003e(molecular formula: C₄H₄S) is a five-membered aromatic heterocyclic compound consisting of one sulfur atom and four carbon atoms. It appears as a colorless to pale yellow liquid with a characteristic odor similar to benzene.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan class=\"\"\u003eCore Chemical Properties\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eThiophene is an important sulfur-containing aromatic heterocycle with the following characteristics:\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eAromatic Stability\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: The lone pair electrons on the sulfur atom participate in conjugation, forming a stable aromatic six-electron system, giving thiophene good thermal and chemical stability.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eElectron-Rich Character\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: The electron-donating effect of the sulfur atom makes the thiophene ring more prone to electrophilic substitution reactions than the benzene ring, with higher reactivity. Substitution preferentially occurs at the α-positions (2- or 5-position).\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eStructural Diversity\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: The thiophene ring can be functionalized at multiple sites and can also be fused with other aromatic rings to form complex structures such as benzothiophene and thienothiophene.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cspan class=\"\"\u003eApplication Introduction\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch3\u003e\u003cspan class=\"\"\u003e2.1 Pharmaceutical Applications\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eThe thiophene scaffold is present in numerous marketed drugs and drug candidates, and is recognized as a \"privileged scaffold\" in drug design. Representative drugs include:\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"ds-scroll-area ds-scroll-area--show-on-focus-within ds-scroll-area--enabled _1210dd7 c03cafe9\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e\u003cspan class=\"\"\u003eDrug Name\u003c\/span\u003e\u003c\/th\u003e\n\u003cth\u003e\u003cspan class=\"\"\u003eThiophene Type\u003c\/span\u003e\u003c\/th\u003e\n\u003cth\u003e\u003cspan class=\"\"\u003eIndication\/Mechanism\u003c\/span\u003e\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eClopidogrel\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eThienopyridine\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eAntiplatelet aggregation, thrombosis prevention\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003ePrasugrel\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eThienopyridine\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eADP receptor antagonist, antithrombotic\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eTicagrelor\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eTriazolothiophene\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eP2Y12 receptor antagonist, antithrombotic\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eTeniposide\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eThiophene derivative\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eAntitumor\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eTiagabine\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eThiophene derivative\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eAntiepileptic\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eAntitumor Activity\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Thiophene derivatives exhibit good antiproliferative activity and selectivity against various lung cancer cell lines such as A549 and NCI-H460, serving as targeted inhibitors of EGFR and NF-κB signaling factors.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eSynthetic Methods\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Common synthetic methods for thiophene derivatives in medicinal chemistry include the Gewald reaction (for 2-aminothiophenes), the Hinsberg reaction, and various cross-coupling reactions (Suzuki, Stille, Buchwald-Hartwig, etc.).\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan class=\"\"\u003e2.2 Organic Electronics and Materials Science\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eThiophene-based materials are core building blocks in the field of organic electronics, with the following main applications:\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eOrganic Light-Emitting Diodes (OLEDs)\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eThiophene serves as a π-conjugated core for constructing multiple resonance thermally activated delayed fluorescence (MR-TADF) emitters.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eIn 2024, a research team from Jilin University reported the first MR-TADF material (Th-BN) using thiophene as the π-core, achieving an OLED external quantum efficiency (EQE) of 34.6%.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eThiophene derivatives are widely used as hole transport materials and emissive materials in OLED displays and lighting.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eOrganic Solar Cells (OSCs)\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eThiophene-based polymers (e.g., PCDTBT, PCE-18) serve as donor materials paired with fullerene acceptors to form efficient active layer systems.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eThe planar rigid structure and long π-conjugation of thiophene facilitate intermolecular π-π stacking, improving charge carrier mobility.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eOrganic Field-Effect Transistors (OFETs) and Organic Thin-Film Transistors (OTFTs)\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eFused ring structures such as thienothiophene feature co-planar rigidity and long π-conjugation, providing high hole mobility.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eConductive Polymers\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003ePEDOT (Poly(3,4-ethylenedioxythiophene)) is one of the most successful conductive polymers, used in antistatic coatings, organic capacitors, bioelectrodes, and more.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eOther Applications\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Nonlinear optical materials, electrochromic devices, chemical sensors, agrochemicals, and industrial catalysts\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 class=\"ace-line ace-line old-record-id-XOO5dSjeZondpVxIvYCcLiujnQJ\"\u003eNeed Bulk Quantities? Let’s Talk Strategy.\u003c\/h2\u003e\n\u003cdiv\u003e\n\u003cp data-end=\"963\" data-start=\"625\"\u003eAt \u003cstrong data-end=\"646\" data-start=\"628\"\u003eJ\u0026amp;K Scientific\u003c\/strong\u003e, we offer a curated selection of \u003cstrong data-end=\"709\" data-start=\"680\"\u003ethiophene-based compounds\u003c\/strong\u003e, available in high-purity grades suitable for both \u003cstrong data-end=\"790\" data-start=\"761\"\u003elaboratory-scale research\u003c\/strong\u003e and \u003cstrong data-end=\"825\" data-start=\"795\"\u003ebulk industrial production\u003c\/strong\u003e. From halogenated thiophenes to functionalized building blocks, our catalog supports innovation in both academic and commercial settings.\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.jk-sci.com\/pages\/request-bulk-quote\" rel=\"noopener\" target=\"_blank\"\u003e—\u0026gt; Request a Bulk Quote\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.jk-sci.com\/pages\/contact-form\" rel=\"noopener\" target=\"_blank\"\u003e—\u0026gt; Contact Our Technical Team\u003c\/a\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","products":[{"product_id":"a011210123","title":"2,2'-Dithiobis[N-methylbenzamide], 98% | 2527-58-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,2'-Dithiobis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003eN-methylbenzamide\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1210123\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2527-58-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×100MG","offer_id":45499782037694,"sku":"JK1210123_100_MG","price":152.2,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/a4ea7b6b33e828a45254977227f441aa.jpg?v=1776269616"},{"product_id":"a01372968","title":"2-Fluoro-5-(trifluoromethyl)benzaldehyde, 97% | 146137-78-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Fluoro-5-(trifluoromethyl)benzaldehyde, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e372968\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e146137-78-2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/33216\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45500050997438,"sku":"JK372968_5_G","price":89.6,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/372968.png?v=1776288302"},{"product_id":"a01245481","title":"3-Ethoxy-3-iminopropionic acid ethyl ester hydrochloride, 95% | 2318-25-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e3-Ethoxy-3-iminopropionic acid ethyl ester hydrochloride, 95%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e245481\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2318-25-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/22865\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25G","offer_id":45499901247678,"sku":"JK245481_25_G","price":138.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/245481.png?v=1776281194"},{"product_id":"a01550835","title":"Ethyl 2-cyclohexanonecarboxylate, 97% | 1655-07-8","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eEthyl 2-cyclohexanonecarboxylate, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e550835\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1655-07-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/44107\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25G","offer_id":45500085272766,"sku":"JK550835_25_G","price":52.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/550835.png?v=1776295062"},{"product_id":"a01y23002","title":"4-tert-Butoxystyrene, 99%, electronic grade, single metal ion ≤ 50ppb | 95418-58-9","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-tert-Butoxystyrene, 99%, electronic grade, single metal ion ≤ 50ppb\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e284202\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e95418-58-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45500272148670,"sku":"JKY23002_5_G","price":16.1,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/266345.png?v=1776314259"},{"product_id":"a01140534","title":"β-Estradiol 3-benzoate, 98% | 50-50-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eβ-Estradiol 3-benzoate, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e140534\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e50-50-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/8613\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45499791966398,"sku":"JK140534_5_G","price":118.1,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/140534.png?v=1776271633"},{"product_id":"a01493728","title":"G418 disulfate salt, for biochemistry | 108321-42-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eG418 disulfate salt, for biochemistry\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e493728\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e108321-42-2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/40685\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45500072657086,"sku":"JK493728_5_G","price":554.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/493728.png?v=1776293031"},{"product_id":"a01435238","title":"Diacetone acrylamide, 98% | 2873-97-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eDiacetone acrylamide, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e435238\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2873-97-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/37090\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×100G","offer_id":45500066889918,"sku":"JK435238_100_G","price":53.2,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/435238.png?v=1776290749"},{"product_id":"a01396145","title":"1,8-Dibromooctane, 97.5% | 4549-32-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1,8-Dibromooctane, 97.5%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e396145\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4549-32-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/34644\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25G","offer_id":45500061384894,"sku":"JK396145_25_G","price":41.2,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/396145.png?v=1776289185"},{"product_id":"a01560863","title":"2-Chloro-4-fluorophenol, 98% | 1996-41-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Chloro-4-fluorophenol, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e560863\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1996-41-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/44745\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25G","offer_id":45500087369918,"sku":"JK560863_25_G","price":49.7,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/560863.png?v=1776295438"},{"product_id":"a011004597","title":"2-Amino-5-bromo-6-chloropyrazine, 97% | 173253-42-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Amino-5-bromo-6-chloropyrazine, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1004597\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e173253-42-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45499767652542,"sku":"JK1004597_5_G","price":9.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/7a2bcc3538cc2684041ae670b65a2c3a.jpg?v=1776967230"},{"product_id":"a01443623","title":"9-Ethylguanine, 98% | 879-08-3","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e9-Ethylguanine, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e443623\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e879-08-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/37622\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25MG","offer_id":45500067512510,"sku":"JK443623_25_MG","price":48.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/443623.png?v=1776291092"},{"product_id":"a01513935","title":"4,6-Dichloro-1,3,5-triazin-2-amine, 98% | 933-20-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4,6-Dichloro-1,3,5-triazin-2-amine, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e513935\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e933-20-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/41927\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45500078129342,"sku":"JK513935_5_G","price":49.6,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/513935.png?v=1776293769"},{"product_id":"a01618287","title":"Disperse red 17, 98%, reference material | 3179-89-3","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eDisperse red 17, 98%, reference material\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e618287\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e3179-89-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25MG","offer_id":45500098150590,"sku":"JK618287_25_MG","price":57.4,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/a0de4d65c6b917e74ee9b3e21d052cbe.jpg?v=1776297489"},{"product_id":"a01434320","title":"(S)-3-Amino-2-azepanone, 98% | 21568-87-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e(S)-3-Amino-2-azepanone, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e434320\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e21568-87-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×250MG","offer_id":45500066660542,"sku":"JK434320_250_MG","price":13.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/434320.png?v=1776290697"},{"product_id":"a01985189","title":"3-Ethoxy-4-hydroxybenzaldehyde, 99%, reference material | 121-32-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e3-Ethoxy-4-hydroxybenzaldehyde, 99%, reference material\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e985189\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e121-32-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×100MG","offer_id":45500227322046,"sku":"JK985189_100_MG","price":22.4,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/134312.png?v=1776311718"},{"product_id":"a01265357","title":"9,10-Dihydro-9-oxa-10-phosphaphenanthrene 10-oxide, 99% | 35948-25-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e9,10-Dihydro-9-oxa-10-phosphaphenanthrene 10-oxide, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e265357\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e35948-25-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/24816\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×100G","offer_id":45499964555454,"sku":"JK265357_100_G","price":55.1,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/265357.png?v=1776282666"},{"product_id":"q8876-2958","title":"Osmium(VIII) oxide (99.99+%-Os) PURATREM | 20816-12-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eOsmium(VIII) oxide (99.99+%-Os) PURATREM\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e76-2958\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e20816-12-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45491599737022,"sku":"SC76-2958_1_G","price":203.0,"currency_code":"USD","in_stock":true},{"title":"5×1g","offer_id":45491599769790,"sku":"SC76-2958_1_G","price":759.0,"currency_code":"USD","in_stock":true},{"title":"1×5G","offer_id":45491599802558,"sku":"SC76-2958_5_G","price":759.0,"currency_code":"USD","in_stock":true},{"title":"1×500mg","offer_id":45491599835326,"sku":"SC76-2958_500_MG","price":123.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45491599868094,"sku":"SC76-2958_250_MG","price":81.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/6766e71cbb797bc26d6ae42c763d1014.jpg?v=1776390618"},{"product_id":"q8896-1000","title":"Suba-Seal #17","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eSuba-Seal #17\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-1000\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×50pcs","offer_id":45491590135998,"sku":"SC96-1000_50_PCS","price":95.0,"currency_code":"USD","in_stock":true},{"title":"1×50PC","offer_id":45491590168766,"sku":"SC96-1000_50_PC","price":95.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_27c51577-50cd-473e-b915-d82f90539ee7.png?v=1776396420"},{"product_id":"q8893-2045","title":"Calcium stearate, min. 85% | 1592-23-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eCalcium stearate, min. 85%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-2045\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1592-23-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1000G","offer_id":45491583025342,"sku":"SC93-2045_1000_G","price":91.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491583058110,"sku":"SC93-2045_1_KG","price":66.0,"currency_code":"USD","in_stock":true},{"title":"1×100g","offer_id":45491583090878,"sku":"SC93-2045_100_G","price":37.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/a7c2bf3373ffe71b5f4306e480f6a58a.jpg?v=1776393085"},{"product_id":"q8893-2543","title":"Manganese powder (99.5%) | 7439-96-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eManganese powder (99.5%)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-2543\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e7439-96-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1000G","offer_id":45491552059582,"sku":"SC93-2543_1000_G","price":219.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491552092350,"sku":"SC93-2543_1_KG","price":219.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45491552125118,"sku":"SC93-2543_250_G","price":74.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ed397203cc32db4edd7a9574ecd80288.jpg?v=1776393419"},{"product_id":"q8893-8273","title":"Lead powder (99.5%) | 7439-92-1","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eLead powder (99.5%)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-8273\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e7439-92-1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1kg","offer_id":45491575521470,"sku":"SC93-8273_1_KG","price":101.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45491575554238,"sku":"SC93-8273_250_G","price":33.0,"currency_code":"USD","in_stock":true},{"title":"1×1000G","offer_id":45491575587006,"sku":"SC93-8273_1000_G","price":101.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/03e58a397560b7bca3e6c7e6450de61d.jpg?v=1776396168"},{"product_id":"q8896-5151","title":"Stainless steel bubbler, 150ml, horizontal in line, electropolished with fill-port, PCTFE valve stem tip","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eStainless steel bubbler, 150ml, horizontal in line, electropolished with fill-port, PCTFE valve stem tip\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-5151\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1CYL","offer_id":45491578601662,"sku":"SC96-5151_1_CYL","price":2582.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_6edd6dc0-6445-41e3-86e2-737b1cfd609e.png?v=1776396651"},{"product_id":"q8893-5131","title":"Antimony(III) chloride (99%-Sb) | 10025-91-9","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eAntimony(III) chloride (99%-Sb)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-5131\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e10025-91-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×250g","offer_id":45491572310206,"sku":"SC93-5131_250_G","price":148.0,"currency_code":"USD","in_stock":true},{"title":"1×1000G","offer_id":45491572342974,"sku":"SC93-5131_1000_G","price":440.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491572375742,"sku":"SC93-5131_1_KG","price":440.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/8fee6f91258937a7bacc4699e8f7ac4b.jpg?v=1776394933"},{"product_id":"q8893-2707","title":"Cobalt(II) citrate hydrate | 866-81-9","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eCobalt(II) citrate hydrate\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-2707\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e866-81-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1000G","offer_id":45491567362238,"sku":"SC93-2707_1000_G","price":656.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491567427774,"sku":"SC93-2707_1_KG","price":656.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45491567460542,"sku":"SC93-2707_250_G","price":220.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/c4329609af858b8000c0f7297904f7a3.jpg?v=1776393520"},{"product_id":"q8893-1951","title":"Potassium tetrafluoroborate | 14075-53-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003ePotassium tetrafluoroborate\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-1951\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e14075-53-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×500g","offer_id":45491545997502,"sku":"SC93-1951_500_G","price":70.0,"currency_code":"USD","in_stock":true},{"title":"1×2kg","offer_id":45491546030270,"sku":"SC93-1951_2_KG","price":196.0,"currency_code":"USD","in_stock":true},{"title":"1×2000G","offer_id":45491546063038,"sku":"SC93-1951_2000_G","price":196.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/548e1fcbb19c8b2c937505516ccc7604.jpg?v=1776392976"},{"product_id":"a01948114","title":"Methoxybenzylidene in methanol, reference material, 100 μg\/mL | 738-70-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eMethoxybenzylidene in methanol, reference material, 100 μg\/mL\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e948114\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e738-70-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1ML","offer_id":45500208447678,"sku":"JK948114_1_ML","price":10.8,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/453948_da2ddc13-3a4e-443d-9495-eb7d9127ad45.png?v=1776308327"},{"product_id":"q8893-2914","title":"Copper(I) chloride, anhydrous, 97+% | 7758-89-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eCopper(I) chloride, anhydrous, 97+%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-2914\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e7758-89-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×250g","offer_id":45491539148990,"sku":"SC93-2914_250_G","price":93.0,"currency_code":"USD","in_stock":true},{"title":"1×1000G","offer_id":45491539181758,"sku":"SC93-2914_1000_G","price":279.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491539214526,"sku":"SC93-2914_1_KG","price":279.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/8f8cbabd9b261dd224e50ab5fa8f22ff.jpg?v=1776393754"},{"product_id":"q8893-8220","title":"Lead(II) oxide (Litharge), 99+% | 1317-36-8","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eLead(II) oxide (Litharge), 99+%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-8220\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1317-36-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×2kg","offer_id":45491530498238,"sku":"SC93-8220_2_KG","price":187.0,"currency_code":"USD","in_stock":true},{"title":"1×2000G","offer_id":45491530531006,"sku":"SC93-8220_2000_G","price":187.0,"currency_code":"USD","in_stock":true},{"title":"1×500g","offer_id":45491530563774,"sku":"SC93-8220_500_G","price":65.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/a9cd415b265a5786c78d29c16b770c41.jpg?v=1776396124"},{"product_id":"q8893-1537","title":"Phenylphosphonic acid, 98% | 1571-33-1","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003ePhenylphosphonic acid, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-1537\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1571-33-1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×50g","offer_id":45491522568382,"sku":"SC93-1537_50_G","price":47.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45491522601150,"sku":"SC93-1537_250_G","price":208.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491522666686,"sku":"SC93-1537_1_KG","price":713.0,"currency_code":"USD","in_stock":true},{"title":"1×1000G","offer_id":45491522699454,"sku":"SC93-1537_1000_G","price":713.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/138dd8c8922c04086d443c74a6fe85ce.jpg?v=1776392843"},{"product_id":"q8893-2527","title":"Manganese(II) chloride, anhydrous, 97% | 7773-01-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eManganese(II) chloride, anhydrous, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-2527\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e7773-01-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×500g","offer_id":45491520405694,"sku":"SC93-2527_500_G","price":47.0,"currency_code":"USD","in_stock":true},{"title":"1×2kg","offer_id":45491520438462,"sku":"SC93-2527_2_KG","price":87.0,"currency_code":"USD","in_stock":true},{"title":"1×2000G","offer_id":45491520471230,"sku":"SC93-2527_2000_G","price":87.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/23ef0957a2ffbc46476268fb391e62dd.jpg?v=1776393403"},{"product_id":"q8893-1559","title":"Triethylphosphate, 99% | 78-40-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eTriethylphosphate, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-1559\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e78-40-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×2000G","offer_id":45491499761854,"sku":"SC93-1559_2000_G","price":187.0,"currency_code":"USD","in_stock":true},{"title":"4×500g","offer_id":45491499794622,"sku":"SC93-1559_500_G","price":187.0,"currency_code":"USD","in_stock":true},{"title":"1×500g","offer_id":45491518734526,"sku":"SC93-1559_500_G","price":64.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/dcb3c2832d31ac67c39574ba0ec0503b.jpg?v=1776392862"},{"product_id":"q8893-5644","title":"Barium stearate, tech. gr. | 6865-35-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eBarium stearate, tech. gr.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-5644\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e6865-35-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1000G","offer_id":45491498680510,"sku":"SC93-5644_1000_G","price":85.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45491498713278,"sku":"SC93-5644_250_G","price":30.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491498746046,"sku":"SC93-5644_1_KG","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/0c98287f63681b3ec9ecaabb51982e91.jpg?v=1776395143"},{"product_id":"q8893-2647","title":"Iron(III) phosphate hydrate | 51833-68-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eIron(III) phosphate hydrate\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-2647\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e51833-68-2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×2kg","offer_id":45491499270334,"sku":"SC93-2647_2_KG","price":335.0,"currency_code":"USD","in_stock":true},{"title":"1×500g","offer_id":45491499303102,"sku":"SC93-2647_500_G","price":106.0,"currency_code":"USD","in_stock":true},{"title":"1×2000G","offer_id":45491499335870,"sku":"SC93-2647_2000_G","price":335.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e9bebaf89cbae4da3f040463a9019fdd.jpg?v=1776393484"},{"product_id":"q8874-2202","title":"Tungsten carbonyl, 99% (99.9+%-W) sublimed | 14040-11-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eTungsten carbonyl, 99% (99.9+%-W) sublimed\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e74-2202\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e14040-11-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×25G","offer_id":45491497763006,"sku":"SC74-2202_25_G","price":530.0,"currency_code":"USD","in_stock":true},{"title":"1×5G","offer_id":45491497795774,"sku":"SC74-2202_5_G","price":132.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/96e8c0ab7509771c23515a5cb080c9fe.jpg?v=1776390470"},{"product_id":"q8893-1184","title":"Sodium sulfite, anhydrous, 98+% (ACS) | 7757-83-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eSodium sulfite, anhydrous, 98+% (ACS)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-1184\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e7757-83-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1000G","offer_id":45491489702078,"sku":"SC93-1184_1000_G","price":69.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45491489734846,"sku":"SC93-1184_250_G","price":25.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491490652350,"sku":"SC93-1184_1_KG","price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/0ae4c4273c1ab36d2d04a3e55659f991.jpg?v=1776392417"},{"product_id":"q8893-3060","title":"Zinc powder (99.9%) | 7440-66-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eZinc powder (99.9%)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-3060\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e7440-66-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×500g","offer_id":45491486097598,"sku":"SC93-3060_500_G","price":98.0,"currency_code":"USD","in_stock":true},{"title":"1×2000G","offer_id":45491488161982,"sku":"SC93-3060_2000_G","price":307.0,"currency_code":"USD","in_stock":true},{"title":"4×500g","offer_id":45499539783870,"sku":"SC93-3060_500_G","price":307.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/c7972d2115130bf5291b13d52ef89d96.jpg?v=1776393968"},{"product_id":"q8893-2607","title":"Iron(III) chloride, anhydrous, 98% | 7705-08-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eIron(III) chloride, anhydrous, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-2607\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e7705-08-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1kg","offer_id":45491464339646,"sku":"SC93-2607_1_KG","price":65.0,"currency_code":"USD","in_stock":true},{"title":"1×5000G","offer_id":45491464372414,"sku":"SC93-2607_5000_G","price":196.0,"currency_code":"USD","in_stock":true},{"title":"1×5kg","offer_id":45491464700094,"sku":"SC93-2607_5_KG","price":196.0,"currency_code":"USD","in_stock":true},{"title":"1×1000G","offer_id":45491464732862,"sku":"SC93-2607_1000_G","price":65.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/6ddf893d19ab92c9d4bb6ae6d12d6ce2.jpg?v=1776393425"},{"product_id":"q8893-5411","title":"Molecular sieves, -600 mesh powder (Linde 13X) | 63231-69-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eMolecular sieves, -600 mesh powder (Linde 13X)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-5411\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e63231-69-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1kg","offer_id":45491418497214,"sku":"SC93-5411_1_KG","price":110.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45491441533118,"sku":"SC93-5411_250_G","price":48.0,"currency_code":"USD","in_stock":true},{"title":"1×1000G","offer_id":45491441565886,"sku":"SC93-5411_1000_G","price":110.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_b3a6b7a9-1fc6-40cf-8b2f-85811536eb17.png?v=1776395020"},{"product_id":"q8898-0271","title":"Stainless steel bubbler, 150ml, vertical, electropolished with fill-port, high temp valves (315°C)","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eStainless steel bubbler, 150ml, vertical, electropolished with fill-port, high temp valves (315°C)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e98-0271\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1CYL","offer_id":45499541356734,"sku":"SC98-0271_1_CYL","price":2709.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_a7910b3a-0c03-4d42-839f-e26cc4cdb145.png?v=1776396919"},{"product_id":"j5303542","title":"4-(4-Hydroxymethyl-3-methoxyphenoxy)butyryl BHA resin","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-(4-Hydroxymethyl-3-methoxyphenoxy)butyryl BHA resin\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eChem Impex\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e03542\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003eAdditional application information coming soon\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"Chem Impex","offers":[{"title":"1×1G","offer_id":45736096858302,"sku":"CI03542_1_G","price":33.7,"currency_code":"USD","in_stock":true},{"title":"1×5G","offer_id":45736096891070,"sku":"CI03542_5_G","price":134.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/8c448b5d72b5378610e98e1ad60d6f9b.jpg?v=1776321453"},{"product_id":"q8893-2632","title":"Iron(II) chloride tetrahydrate, 99% | 13478-10-9","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eIron(II) chloride tetrahydrate, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-2632\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e13478-10-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1000G","offer_id":45491613991102,"sku":"SC93-2632_1000_G","price":146.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45491614056638,"sku":"SC93-2632_250_G","price":48.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491614122174,"sku":"SC93-2632_1_KG","price":146.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/811eed258319b0146d5b217d068e09b0.jpg?v=1776393462"},{"product_id":"q8893-5022","title":"Tin(IV) chloride, anhydrous, 98% | 7646-78-8","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eTin(IV) chloride, anhydrous, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-5022\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e7646-78-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×250g","offer_id":45491622969534,"sku":"SC93-5022_250_G","price":60.0,"currency_code":"USD","in_stock":true},{"title":"1×1000G","offer_id":45491623035070,"sku":"SC93-5022_1000_G","price":178.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491623100606,"sku":"SC93-5022_1_KG","price":178.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/f1c049bdb3284c50a020d1ba22a505a6.jpg?v=1776394774"},{"product_id":"q8896-4295","title":"Stainless steel bubbler, 300ml, vertical, electropolished with fill-port, high temp valves (315°C) with rotated handles, no dip tube","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eStainless steel bubbler, 300ml, vertical, electropolished with fill-port, high temp valves (315°C) with rotated handles, no dip tube\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-4295\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1cyl","offer_id":45491654000830,"sku":"SC96-4295_1_CYL","price":2838.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_e4a7f123-e74a-4ee5-8c36-a3f675861718.png?v=1776396581"},{"product_id":"q8893-5740","title":"Lanthanum(III) oxide (99.9%-La) (REO) | 1312-81-8","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eLanthanum(III) oxide (99.9%-La) (REO)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-5740\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1312-81-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×50g","offer_id":45491656589502,"sku":"SC93-5740_50_G","price":46.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45497722962110,"sku":"SC93-5740_1_KG","price":519.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45497722994878,"sku":"SC93-5740_250_G","price":176.0,"currency_code":"USD","in_stock":true},{"title":"1×1000G","offer_id":45497723027646,"sku":"SC93-5740_1000_G","price":519.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/c907d697bf187c41236be24b9b6f4f50.jpg?v=1776395218"},{"product_id":"q8893-4019","title":"Zirconium silicate, 98% | 10101-52-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eZirconium silicate, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-4019\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e10101-52-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1000G","offer_id":45491659571390,"sku":"SC93-4019_1000_G","price":118.0,"currency_code":"USD","in_stock":true},{"title":"1×1kg","offer_id":45491659604158,"sku":"SC93-4019_1_KG","price":118.0,"currency_code":"USD","in_stock":true},{"title":"1×250g","offer_id":45497723093182,"sku":"SC93-4019_250_G","price":44.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/0e56635f7138ab6eff7e29e6a73bb127.jpg?v=1776394326"},{"product_id":"q8893-1244","title":"Magnesium oxide, -325 mesh, 98% | 1309-48-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eMagnesium oxide, -325 mesh, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-1244\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1309-48-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1kg","offer_id":45491663929534,"sku":"SC93-1244_1_KG","price":123.0,"currency_code":"USD","in_stock":true},{"title":"1×1000G","offer_id":45497723060414,"sku":"SC93-1244_1000_G","price":123.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/53edc1d3c9ffaf546584cda041baedaa.jpg?v=1776392505"},{"product_id":"q8896-4000","title":"Suba-Seal #49","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eSuba-Seal #49\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-4000\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×50pcs","offer_id":45491674415294,"sku":"SC96-4000_50_PCS","price":356.0,"currency_code":"USD","in_stock":true},{"title":"1×50PC","offer_id":45491674448062,"sku":"SC96-4000_50_PC","price":356.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_84eff839-47fa-43b4-a416-1318e7b27219.png?v=1776396561"},{"product_id":"q8898-0270","title":"Stainless steel bubbler, 300ml, vertical, electropolished with fill-port, high temp valves (315°C)","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eStainless steel bubbler, 300ml, vertical, electropolished with fill-port, high temp valves (315°C)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e98-0270\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1CYL","offer_id":45491675660478,"sku":"SC98-0270_1_CYL","price":2768.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_7676fe9a-80a1-46b4-883e-4819e16732de.png?v=1776396916"},{"product_id":"q8893-2859","title":"Nickel boride (99%-Ni) | 12007-00-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eNickel boride (99%-Ni)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e93-2859\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e12007-00-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×50G","offer_id":45491679035582,"sku":"SC93-2859_50_G","price":246.0,"currency_code":"USD","in_stock":true},{"title":"1×10G","offer_id":45491679068350,"sku":"SC93-2859_10_G","price":62.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/359017_4c393139-c691-49c5-8a3c-babf6cfa2547.png?v=1776393686"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/collections\/Thiophene-2D-full_svg.png?v=1781159915","url":"https:\/\/www.jk-sci.com\/collections\/thiophene.oembed?page=6","provider":"J\u0026K Scientific LLC","version":"1.0","type":"link"}