{"title":"Pyrazine","description":"\u003cp\u003eBuy Pyrazine at J\u0026amp;K scientific, a global supplier of quality chemicals and lab supplies for chemistry synthesis and analysis, materials, life science research and industry.\u003c\/p\u003e","products":[{"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":"a011004584","title":"2-Hydroxy-5-methylpyrazine, 97% | 20721-17-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\"\u003e2-Hydroxy-5-methylpyrazine, 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\"\u003e1004584\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\"\u003e20721-17-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×250MG","offer_id":45497690620094,"sku":"JK1004584_250_MG","price":15.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/5e4685818fcd6f0cb9b4c81efeb1ed6a.jpg?v=1776967236"},{"product_id":"a01197689","title":"2-Acetyl-3-ethylpyrazine, 99% | 32974-92-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\"\u003e2-Acetyl-3-ethylpyrazine, 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\"\u003e197689\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\"\u003e32974-92-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\/17632\/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×1G","offer_id":45499572682942,"sku":"JK197689_1_G","price":50.4,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/24df934d2b760da42dc4bd0e9a345028.jpg?v=1776277629"},{"product_id":"a01362558","title":"2-Isobutyl-3-methylpyrazine, 98% | 13925-06-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\"\u003e2-Isobutyl-3-methylpyrazine, 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\"\u003e362558\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\"\u003e13925-06-9\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\/32567\/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":45499733311678,"sku":"JK362558_5_G","price":73.8,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/362558.png?v=1776287892"},{"product_id":"j5334981","title":"2,3,5,6-Tetramethylpyrazine | 1124-11-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\"\u003e2,3,5,6-Tetramethylpyrazine\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\"\u003e34981\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\"\u003e1124-11-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e2,3,5,6-Tetramethylpyrazine is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003eFlavoring Agent: Commonly used in the food industry, it enhances the flavor profile of various products, especially in baked goods and snacks, providing a rich, roasted aroma.\u003c\/p\u003e\n\u003cp\u003eFragrance Industry: Employed in the formulation of perfumes and scented products, it contributes to complex scent compositions, making fragrances more appealing.\u003c\/p\u003e\n\u003cp\u003eAromatherapy: Utilized in essential oils and diffusers, it is valued for its calming properties, helping to create soothing environments in wellness and relaxation spaces.\u003c\/p\u003e\n\u003cp\u003ePharmaceuticals: Investigated for its potential therapeutic effects, it may play a role in developing medications aimed at improving mood and cognitive functions.\u003c\/p\u003e\n\u003cp\u003eResearch Applications: Used in various scientific studies to explore its chemical behavior and interactions, aiding researchers in understanding pyrazine derivatives and their applications.\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×25G","offer_id":45501929160894,"sku":"CI34981_25_G","price":126.5,"currency_code":"USD","in_stock":true},{"title":"1×5G","offer_id":45501929193662,"sku":"CI34981_5_G","price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ff1529a1bb37fa1f3f2d27b2a363048c.jpg?v=1776368291"},{"product_id":"j5320379","title":"5-Boc-Amino-pyrazine-2-carboxylic acid | 891782-63-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\"\u003e5-Boc-Amino-pyrazine-2-carboxylic acid\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\"\u003e20379\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\"\u003e891782-63-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e5-Boc-Amino-pyrazine-2-carboxylic acid is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: This compound serves as a key intermediate in the synthesis of various pharmaceuticals, particularly in the development of drugs targeting neurological disorders.\u003c\/p\u003e\n\u003cp\u003ePeptide Synthesis: It is commonly used in the formation of peptide bonds, making it valuable in creating complex peptides for therapeutic applications.\u003c\/p\u003e\n\u003cp\u003eBiochemical Research: Researchers employ this compound to study enzyme interactions and metabolic pathways, aiding in the understanding of biological processes.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemistry: It can be utilized in the formulation of agrochemicals, enhancing the efficacy of crop protection products.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: The compound finds application in developing novel materials with specific properties, such as improved thermal stability and chemical resistance.\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×5G","offer_id":45501906813118,"sku":"CI20379_5_G","price":2740.5,"currency_code":"USD","in_stock":true},{"title":"1×250MG","offer_id":45501906845886,"sku":"CI20379_250_MG","price":365.3,"currency_code":"USD","in_stock":true},{"title":"1×100MG","offer_id":45501906878654,"sku":"CI20379_100_MG","price":184.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/fe153ffa210e1d0dbdb9df0609ae0fbe.jpg?v=1776340564"},{"product_id":"q8807-0750","title":"2,2'-Bipyrazine, 95% | 10199-00-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\"\u003e2,2'-Bipyrazine, 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\"\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\"\u003e07-0750\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\"\u003e10199-00-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×250mg","offer_id":45721577947326,"sku":"SC07-0750_250_MG","price":184.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45721577980094,"sku":"SC07-0750_1_G","price":603.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/64eec6fb32952f4059c7968fb76bf194.jpg?v=1776376423"},{"product_id":"a01142584","title":"2-Ethyl-3,5(6)-dimethylpyrazine, 99% | 27043-05-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\"\u003e2-Ethyl-3,5(6)-dimethylpyrazine, 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\"\u003e142584\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\"\u003e27043-05-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×1KG","offer_id":45727424479422,"sku":"JK142584_1_KG","price":328.77,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_31f96c9b-d5f8-4c9c-bbcd-703a3188e06b.png?v=1776272144"},{"product_id":"a01195054","title":"5-Methylpyrazine-2-carboxylic acid, 98% | 5521-55-1","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\"\u003e5-Methylpyrazine-2-carboxylic 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\"\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\"\u003e195054\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\"\u003e5521-55-1\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\/17345\/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":45728470499518,"sku":"JK195054_5_G","price":35.1,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e8ddcb87934b039659bfb593d250f867.jpg?v=1776277376"},{"product_id":"a01211364","title":"tert-Butyl 3-bromo-5,6-dihydro-[1,2,4]triazolo[4,3-a]pyrazine-7(8H)-carboxylate, 97% | 723286-80-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\"\u003etert-Butyl 3-bromo-5,6-dihydro-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2,4\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003etriazolo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,3-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine-7(8H)-carboxylate, 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\"\u003e211364\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\"\u003e723286-80-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\/19055\/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×1G","offer_id":45727294324926,"sku":"JK211364_1_G","price":362.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/19d88b8e262acdff5783ecec00963713.jpg?v=1776278609"},{"product_id":"a01317436","title":"2-Bromo-5-hydroxypyrazine, 95% | 374063-92-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\"\u003e2-Bromo-5-hydroxypyrazine, 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\"\u003e317436\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\"\u003e374063-92-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\/29775\/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×1G","offer_id":45728224280766,"sku":"JK317436_1_G","price":322.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/317436.png?v=1776286083"},{"product_id":"a01915922","title":"3-Chloro-2,5-dimethylpyrazine, 97% | 95-89-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\"\u003e3-Chloro-2,5-dimethylpyrazine, 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\"\u003e915922\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\"\u003e95-89-6\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\/54881\/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":45728471744702,"sku":"JK915922_5_G","price":32.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/2a86b6673daa07a46968cecd8ebce5fa.jpg?v=1776301202"},{"product_id":"j5320348","title":"5,6,7,8-Tetrahydro-[1,2,4]triazolo[4,3-a]pyrazine oxalate | 59624-08-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\"\u003e5,6,7,8-Tetrahydro-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2,4\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003etriazolo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,3-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine oxalate\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\"\u003e20348\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\"\u003e59624-08-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e5,6,7,8-Tetrahydro-[1,2,4]triazolo[4,3-a]pyrazine oxalate is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: This compound serves as a scaffold in drug design, particularly for developing new medications targeting neurological disorders due to its ability to interact with specific receptors in the brain.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemistry: It is used in formulating agrochemicals, enhancing the efficacy of pesticides and herbicides, which helps in increasing crop yield while minimizing environmental impact.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: The compound is explored for creating advanced materials, including polymers and coatings, that exhibit improved durability and resistance to environmental factors.\u003c\/p\u003e\n\u003cp\u003eBiochemical Research: It plays a role in studies related to enzyme inhibition and metabolic pathways, aiding researchers in understanding complex biological systems and developing targeted therapies.\u003c\/p\u003e\n\u003cp\u003eAnalytical Chemistry: This chemical is utilized in the development of analytical methods for detecting and quantifying various substances, providing reliable results in quality control processes.\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×100MG","offer_id":45730184822974,"sku":"CI20348_100_MG","price":467.7,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/466146cca01150683b0c22e6d0c205b9.jpg?v=1776340529"},{"product_id":"j5326258","title":"5-Bromo-2-chloropyrazine | 912773-21-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\"\u003e5-Bromo-2-chloropyrazine\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\"\u003e26258\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\"\u003e912773-21-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e5-Bromo-2-chloropyrazine is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: This compound serves as a key intermediate in the synthesis of various pharmaceuticals, particularly in the development of anti-cancer and anti-inflammatory drugs, enhancing therapeutic efficacy.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemistry: It is used in the formulation of agrochemicals, including pesticides and herbicides, providing effective solutions for crop protection against pests and diseases.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: The compound is explored in creating novel materials, such as polymers and coatings, which exhibit improved durability and resistance to environmental factors.\u003c\/p\u003e\n\u003cp\u003eBiological Research: Researchers utilize it in studies related to enzyme inhibition and receptor binding, aiding in the understanding of biological pathways and disease mechanisms.\u003c\/p\u003e\n\u003cp\u003eAnalytical Chemistry: It serves as a standard reference material in analytical methods, ensuring accurate calibration and validation of techniques used in chemical analysis.\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":45730264252606,"sku":"CI26258_1_G","price":83.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/7568fe8a20f76767188b84b1d36bc825.jpg?v=1776352144"},{"product_id":"j5326353","title":"7-Chloropyrido[4,3-b]pyrazine | 93049-39-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\"\u003e7-Chloropyrido\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,3-b\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine\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\"\u003e26353\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\"\u003e93049-39-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e7-Chloropyrido[4,3-b]pyrazine is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: This compound serves as a crucial intermediate in the synthesis of various pharmaceuticals, particularly in the development of drugs targeting neurological disorders.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemicals: It is employed in the formulation of agrochemicals, providing effective solutions for pest control and enhancing crop yield through its bioactive properties.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: The compound is explored for its potential in creating advanced materials, including polymers and coatings that require specific chemical resistance and durability.\u003c\/p\u003e\n\u003cp\u003eBiochemical Research: Researchers utilize it to study enzyme interactions and metabolic pathways, aiding in the understanding of complex biological systems.\u003c\/p\u003e\n\u003cp\u003eAnalytical Chemistry: It is used as a reference standard in analytical methods, ensuring accurate detection and quantification of related compounds in various samples.\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×250MG","offer_id":45730298331326,"sku":"CI26353_250_MG","price":240.7,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/8bf25c69e71356cef90860a005a87572.jpg?v=1776352433"},{"product_id":"j5326328","title":"Ethyl [1,2,4]triazolo[4,3-a]pyrazine-3-carboxylate | 723286-67-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\"\u003eEthyl \u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2,4\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003etriazolo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,3-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine-3-carboxylate\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\"\u003e26328\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\"\u003e723286-67-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003eEthyl [1,2,4]triazolo[4,3-a]pyrazine-3-carboxylate is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: This compound is significant in the synthesis of new pharmaceuticals, particularly in the development of anti-inflammatory and anti-cancer agents. Its unique structure allows for the modification of biological activity, making it a valuable tool for medicinal chemists.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemistry: It is used in the formulation of agrochemicals, including fungicides and herbicides. The compound's effectiveness in targeting specific plant pathogens enhances crop protection, contributing to increased agricultural productivity.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: The compound plays a role in the development of advanced materials, such as polymers and coatings. Its properties can improve the durability and performance of materials used in various industrial applications.\u003c\/p\u003e\n\u003cp\u003eBiochemical Research: Researchers utilize it as a biochemical probe to study enzyme interactions and metabolic pathways. This application helps in understanding complex biological processes and developing targeted therapies.\u003c\/p\u003e\n\u003cp\u003eAnalytical Chemistry: Ethyl [1,2,4]triazolo[4,3-a]pyrazine-3-carboxylate is employed in analytical methods for detecting and quantifying various substances in complex mixtures, enhancing the accuracy of chemical analyses.\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":45746561286334,"sku":"CI26328_1_G","price":203.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ce058bb8304aaa74736a23f6b59e10e7.jpg?v=1776352357"},{"product_id":"ts246cs-0005439","title":"3-Phenyl-5,6,7,8-tetrahydro-imidazo[1,2-a]pyrazine | 885281-16-3","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\"\u003e3-Phenyl-5,6,7,8-tetrahydro-imidazo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine\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\"\u003eChemScene\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\"\u003eCS-0005439\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\"\u003e885281-16-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":"ChemScene","offers":[{"title":"1×100mg","offer_id":45733903990974,"sku":"TS246CS-0005439_100_MG","price":125.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/486186.png?v=1776425644"},{"product_id":"ts246cs-0019332","title":"6-Bromo-2-pyrazinecarbonitrile | 859064-02-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\"\u003e6-Bromo-2-pyrazinecarbonitrile\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\"\u003eChemScene\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\"\u003eCS-0019332\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\"\u003e859064-02-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":"ChemScene","offers":[{"title":"1×100mg","offer_id":45751987077310,"sku":"TS246CS-0019332_100_MG","price":10.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/cb8b2dc164d4591a43de277eb559c4ad.jpg?v=1776430128"},{"product_id":"ts246cs-0036829","title":"Ethyl imidazo[1,2-a]pyrazine-3-carboxylate | 1286754-14-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\"\u003eEthyl imidazo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine-3-carboxylate\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\"\u003eChemScene\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\"\u003eCS-0036829\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\"\u003e1286754-14-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":"ChemScene","offers":[{"title":"1×1g","offer_id":45733995282622,"sku":"TS246CS-0036829_1_G","price":73.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/f360569d2d6dd7f8e8d8f843905143dd.jpg?v=1776436692"},{"product_id":"ts246cs-0037108","title":"tert-Butyl 6-oxo-1H-pyrazine-3-carboxylate | 1259478-79-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\"\u003etert-Butyl 6-oxo-1H-pyrazine-3-carboxylate\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\"\u003eChemScene\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\"\u003eCS-0037108\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\"\u003e1259478-79-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":"ChemScene","offers":[{"title":"1×100mg","offer_id":45733993742526,"sku":"TS246CS-0037108_100_MG","price":205.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e966d865164387ea38caf404c6a7a852.jpg?v=1776437015"},{"product_id":"ts246cs-0038331","title":"tert-Butyl (7R,8aS)-7-hydroxy-3,4,6,7,8,8a-hexahydro-1H-pyrrolo[1,2-a]pyrazine-2-carboxylate | 1204603-42-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\"\u003etert-Butyl (7R,8aS)-7-hydroxy-3,4,6,7,8,8a-hexahydro-1H-pyrrolo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine-2-carboxylate\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\"\u003eChemScene\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\"\u003eCS-0038331\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\"\u003e1204603-42-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":"ChemScene","offers":[{"title":"1×100mg","offer_id":45733995217086,"sku":"TS246CS-0038331_100_MG","price":32.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/cbffe870b31a8f456cc6af803060cf05.jpg?v=1776438226"},{"product_id":"ts246cs-0038852","title":"Methyl 5-methylpyrazine-2-carboxylate | 41110-33-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\"\u003eMethyl 5-methylpyrazine-2-carboxylate\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\"\u003eChemScene\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\"\u003eCS-0038852\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\"\u003e41110-33-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":"ChemScene","offers":[{"title":"1×5g","offer_id":45755086602430,"sku":"TS246CS-0038852_5_G","price":24.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/264227.png?v=1776438816"},{"product_id":"ts246cs-0040752","title":"[1,2,4]Triazolo[1,5-a]pyrazine | 399-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\"\u003e\n\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2,4\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eTriazolo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,5-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine\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\"\u003eChemScene\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\"\u003eCS-0040752\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\"\u003e399-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":"ChemScene","offers":[{"title":"1×1g","offer_id":45734002819262,"sku":"TS246CS-0040752_1_G","price":34.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/d568e047b996570b43fd3bd28ca9d933.jpg?v=1776440371"},{"product_id":"ts246cs-0041319","title":"Methyl 3-iodopyrazine-2-carboxylate | 173290-17-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\"\u003eMethyl 3-iodopyrazine-2-carboxylate\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\"\u003eChemScene\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\"\u003eCS-0041319\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\"\u003e173290-17-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":"ChemScene","offers":[{"title":"1×1g","offer_id":45734009471166,"sku":"TS246CS-0041319_1_G","price":80.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/dde168ce7ac31b6333ee8bd66b842ad7.jpg?v=1776441428"},{"product_id":"ts246cs-0041590","title":"Ethyl 5,6,7,8-tetrahydroimidazo[1,2-a]pyrazine-2-carboxylate | 91476-82-3","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\"\u003eEthyl 5,6,7,8-tetrahydroimidazo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine-2-carboxylate\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\"\u003eChemScene\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\"\u003eCS-0041590\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\"\u003e91476-82-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":"ChemScene","offers":[{"title":"1×250mg","offer_id":45734011601086,"sku":"TS246CS-0041590_250_MG","price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/f686adf798683150491f5b71a1370750.jpg?v=1776442036"},{"product_id":"ts246cs-0043018","title":"2-Amino-5-bromo-3-ethynylpyrazine | 1209289-08-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\"\u003e2-Amino-5-bromo-3-ethynylpyrazine\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\"\u003eChemScene\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\"\u003eCS-0043018\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\"\u003e1209289-08-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":"ChemScene","offers":[{"title":"1×250mg","offer_id":45734029000894,"sku":"TS246CS-0043018_250_MG","price":34.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/21e1b46170527b8e2bcea521aca45961.jpg?v=1776444645"},{"product_id":"ts246cs-0044086","title":"[1,2,4]Triazolo[4,3-a]pyrazine | 274-82-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\"\u003e\n\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2,4\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eTriazolo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,3-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine\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\"\u003eChemScene\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\"\u003eCS-0044086\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\"\u003e274-82-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":"ChemScene","offers":[{"title":"1×1g","offer_id":45734239699134,"sku":"TS246CS-0044086_1_G","price":32.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/795885_b98ec825-25f3-435c-9b36-baca44b558be.png?v=1776446129"},{"product_id":"ts246cs-0050721","title":"5,7-Dichloropyrido[3,4-b]pyrazine | 1379338-74-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\"\u003e5,7-Dichloropyrido\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,4-b\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine\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\"\u003eChemScene\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\"\u003eCS-0050721\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\"\u003e1379338-74-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":"ChemScene","offers":[{"title":"1×1g","offer_id":45734249857214,"sku":"TS246CS-0050721_1_G","price":63.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/b0ee2e8e68a43a80284ec3c1117846ab.jpg?v=1776450772"},{"product_id":"ts246cs-0051596","title":"3,6-Dibromopyrazine-2-carboxylic acid | 957230-68-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\"\u003e3,6-Dibromopyrazine-2-carboxylic acid\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\"\u003eChemScene\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\"\u003eCS-0051596\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\"\u003e957230-68-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":"ChemScene","offers":[{"title":"1×5g","offer_id":45734250152126,"sku":"TS246CS-0051596_5_G","price":86.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/cf662145928b91dcb2168d3e0f156c26.jpg?v=1776451450"},{"product_id":"ts246cs-0054598","title":"5-Methoxypyrazine-2-carbaldehyde | 32205-72-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\"\u003e5-Methoxypyrazine-2-carbaldehyde\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\"\u003eChemScene\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\"\u003eCS-0054598\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\"\u003e32205-72-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":"ChemScene","offers":[{"title":"1×100mg","offer_id":45764667310270,"sku":"TS246CS-0054598_100_MG","price":40.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/47140b02fe58f1b4fcbe81c2c8883a03.jpg?v=1776453676"},{"product_id":"ts246cs-0054600","title":"6-Methylpyrazine-2-carbaldehyde | 116758-01-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\"\u003e6-Methylpyrazine-2-carbaldehyde\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\"\u003eChemScene\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\"\u003eCS-0054600\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\"\u003e116758-01-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":"ChemScene","offers":[{"title":"1×100mg","offer_id":45734305202366,"sku":"TS246CS-0054600_100_MG","price":21.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/3072078c265de914a2e8a986be9019b4.jpg?v=1776453678"},{"product_id":"ts246cs-0059182","title":"5,6-Dimethylpyrazine-2-carboxylic acid | 13515-06-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\"\u003e5,6-Dimethylpyrazine-2-carboxylic acid\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\"\u003eChemScene\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\"\u003eCS-0059182\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\"\u003e13515-06-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":"ChemScene","offers":[{"title":"1×1g","offer_id":45734323060926,"sku":"TS246CS-0059182_1_G","price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/627a66bfbfaba08b66c5e36c55cb5d06.jpg?v=1776455103"},{"product_id":"ts246cs-0061675","title":"3-Chloro-2-isopropyl-5-methylpyrazine | 116513-20-3","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\"\u003e3-Chloro-2-isopropyl-5-methylpyrazine\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\"\u003eChemScene\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\"\u003eCS-0061675\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\"\u003e116513-20-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":"ChemScene","offers":[{"title":"1×100mg","offer_id":45734354976958,"sku":"TS246CS-0061675_100_MG","price":48.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e3d9677c9653bafa5cb467162a8ae434.jpg?v=1776457409"},{"product_id":"ts246cs-0061803","title":"Methyl 3,5-dibromopyrazine-2-carboxylate | 1035818-91-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\"\u003eMethyl 3,5-dibromopyrazine-2-carboxylate\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\"\u003eChemScene\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\"\u003eCS-0061803\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\"\u003e1035818-91-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":"ChemScene","offers":[{"title":"1×250mg","offer_id":45734355992766,"sku":"TS246CS-0061803_250_MG","price":50.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/c0f5662c4b4ae225681bee375217ee13.jpg?v=1776457571"},{"product_id":"ts246cs-0062143","title":"6-Bromopyrazine-2-carboxamide | 1209459-76-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\"\u003e6-Bromopyrazine-2-carboxamide\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\"\u003eChemScene\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\"\u003eCS-0062143\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\"\u003e1209459-76-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":"ChemScene","offers":[{"title":"1×100mg","offer_id":45734497583294,"sku":"TS246CS-0062143_100_MG","price":57.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ee477f5f341bf2293d6a46966448b551.jpg?v=1776457929"},{"product_id":"ts246cs-0072745","title":"Pyrido[2,3-b]pyrazine | 322-46-3","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\"\u003ePyrido\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e2,3-b\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine\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\"\u003eChemScene\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\"\u003eCS-0072745\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\"\u003e322-46-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":"ChemScene","offers":[{"title":"1×1g","offer_id":45734567739582,"sku":"TS246CS-0072745_1_G","price":65.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/217810.png?v=1776460378"},{"product_id":"ts246cs-0075705","title":"2-(1H-Imidazol-2-yl)pyrazine | 119165-68-3","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\"\u003e2-(1H-Imidazol-2-yl)pyrazine\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\"\u003eChemScene\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\"\u003eCS-0075705\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\"\u003e119165-68-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":"ChemScene","offers":[{"title":"1×250mg","offer_id":45734572163262,"sku":"TS246CS-0075705_250_MG","price":25.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/5d24a2c407cfc953dea8f8955b45a0d2.jpg?v=1776460804"},{"product_id":"ts246cs-0080007","title":"Methyl pyrazine-2-carboxylate | 6164-79-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\"\u003eMethyl pyrazine-2-carboxylate\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\"\u003eChemScene\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\"\u003eCS-0080007\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\"\u003e6164-79-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":"ChemScene","offers":[{"title":"1×25g","offer_id":45765017862334,"sku":"TS246CS-0080007_25_G","price":24.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/451233_1bf20d0d-a55f-4a68-aeae-c239053a2c6a.png?v=1776461506"},{"product_id":"ts246cs-0089835","title":"Ethyl 7-aminofuro[2,3-b]pyrazine-6-carboxylate | 187732-95-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\"\u003eEthyl 7-aminofuro\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e2,3-b\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine-6-carboxylate\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\"\u003eChemScene\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\"\u003eCS-0089835\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\"\u003e187732-95-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":"ChemScene","offers":[{"title":"1×1g","offer_id":45734261293246,"sku":"TS246CS-0089835_1_G","price":40.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/eba5b86f66122a86fda69f3bfa95f9e8.jpg?v=1776465016"},{"product_id":"a019261086","title":"Perchloropyrazine, 97% | 13484-50-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\"\u003ePerchloropyrazine, 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\"\u003e9261086\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\"\u003e13484-50-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×250MG","offer_id":45734277808318,"sku":"JK9261086_250_MG","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/8ddb0e4670354cb3dc16b8f118926d17.jpg?v=1776303305"},{"product_id":"a01207194","title":"2-Pyrazinecarboxylic acid, 99% | 98-97-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\"\u003e2-Pyrazinecarboxylic acid, 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\"\u003e207194\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\"\u003e98-97-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\/18597\/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":45734335348926,"sku":"JK207194_25_G","price":30.4,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/420949_fb855ad1-e89c-4ae6-a5c0-80bc024c501e.png?v=1776278272"},{"product_id":"a01213990","title":"2-Amino-5-phenylpyrazine, 97% | 13535-13-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-Amino-5-phenylpyrazine, 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\"\u003e213990\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\"\u003e13535-13-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":"J\u0026K Chemical","offers":[{"title":"1×25G","offer_id":45734337020094,"sku":"JK213990_25_G","price":874.4,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/213990.png?v=1776278852"},{"product_id":"a01990057","title":"2,3-Dicyanopyrazine, 97% | 13481-25-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\"\u003e2,3-Dicyanopyrazine, 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\"\u003e990057\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\"\u003e13481-25-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×100G","offer_id":45734837190846,"sku":"JK990057_100_G","price":454.7,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/504662.png?v=1776312165"},{"product_id":"a01269994","title":"2,5-Dibromopyrazine, 98% | 23229-26-7","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,5-Dibromopyrazine, 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\"\u003e269994\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\"\u003e23229-26-7\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\/25295\/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":45735542554814,"sku":"JK269994_5_G","price":144.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/269994.png?v=1776283096"},{"product_id":"a01939041","title":"2-Ethyl-3-methoxypyrazine, 98% | 25680-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-Ethyl-3-methoxypyrazine, 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\"\u003e939041\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\"\u003e25680-58-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\/57985\/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":45734586253502,"sku":"JK939041_25_G","price":166.3,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/120827.png?v=1776305638"},{"product_id":"a012323084","title":"2,3-Dimethoxypyrazine, 97% | 68468-30-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,3-Dimethoxypyrazine, 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\"\u003e2323084\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\"\u003e68468-30-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×25G","offer_id":45734624133310,"sku":"JK2323084_25_G","price":769.4,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e502331fabfb2b3d99396537102a8832.jpg?v=1776279928"},{"product_id":"j5320124","title":"3-Chloro-pyrazine-2-carbaldehyde | 121246-96-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\"\u003e3-Chloro-pyrazine-2-carbaldehyde\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\"\u003e20124\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\"\u003e121246-96-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e3-Chloro-pyrazine-2-carbaldehyde is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003eSynthesis of Pharmaceuticals: This compound serves as a key intermediate in the synthesis of various pharmaceuticals, particularly in the development of anti-cancer and anti-inflammatory drugs.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemicals: It is used in the formulation of agrochemicals, enhancing the efficacy of pesticides and herbicides, which helps in improving crop yields.\u003c\/p\u003e\n\u003cp\u003eFlavor and Fragrance Industry: The compound finds applications in creating specific flavoring agents and fragrances, providing unique aromatic profiles for food and cosmetic products.\u003c\/p\u003e\n\u003cp\u003eResearch and Development: It is a valuable reagent in organic synthesis, aiding researchers in developing new compounds and studying reaction mechanisms.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: This chemical is explored in the development of novel materials, particularly in the field of electronics, where it can contribute to the creation of advanced conductive polymers.\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×250MG","offer_id":45744140222654,"sku":"CI20124_250_MG","price":162.0,"currency_code":"USD","in_stock":true},{"title":"1×1G","offer_id":45744140255422,"sku":"CI20124_1_G","price":420.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/317ca9ad1465b152ae4eaf3e83d5581a.jpg?v=1776340346"},{"product_id":"j5324378","title":"8-Chlorotriazolo[4,3-A]pyrazine | 68774-77-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\"\u003e8-Chlorotriazolo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,3-A\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyrazine\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\"\u003e24378\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\"\u003e68774-77-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e8-Chlorotriazolo[4,3-A]pyrazine is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: This compound serves as a key intermediate in the synthesis of various pharmaceuticals, particularly in the development of anti-cancer and anti-inflammatory agents.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemicals: It is used in formulating agrochemicals that enhance crop protection, providing effective solutions against pests and diseases.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: The compound is explored for its potential in developing advanced materials, including polymers with enhanced thermal and mechanical properties.\u003c\/p\u003e\n\u003cp\u003eBiochemical Research: It acts as a tool in biochemical assays, helping researchers study enzyme activities and interactions in various biological systems.\u003c\/p\u003e\n\u003cp\u003eEnvironmental Monitoring: 8-Chlorotriazolo[4,3-A]pyrazine is investigated for its role in detecting and analyzing environmental contaminants, contributing to ecological safety.\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":45745902911678,"sku":"CI24378_1_G","price":109.1,"currency_code":"USD","in_stock":true},{"title":"1×5G","offer_id":45745902977214,"sku":"CI24378_5_G","price":425.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/3d1e423daf92b723d4b511b65e6b9df0.jpg?v=1776347925"},{"product_id":"j5324510","title":"2,6-Dichloropyrazine | 4774-14-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\"\u003e2,6-Dichloropyrazine\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\"\u003e24510\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\"\u003e4774-14-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e2,6-Dichloropyrazine is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: This compound serves as an important intermediate in the synthesis of various pharmaceuticals, particularly in the development of anti-inflammatory and antimicrobial agents.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemicals: It is used in the formulation of agrochemicals, including herbicides and fungicides, which help in enhancing crop protection and yield.\u003c\/p\u003e\n\u003cp\u003eFlavor and Fragrance Industry: 2,6-Dichloropyrazine is employed in creating specific flavor profiles and fragrances, providing unique sensory experiences in food and cosmetic products.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: This chemical is utilized in the production of specialty polymers and resins, contributing to the development of advanced materials with desirable properties.\u003c\/p\u003e\n\u003cp\u003eAnalytical Chemistry: It acts as a reference standard in analytical labs for the detection and quantification of related compounds, ensuring accuracy in research and quality control processes.\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×250G","offer_id":45745929224382,"sku":"CI24510_250_G","price":185.0,"currency_code":"USD","in_stock":true},{"title":"1×25G","offer_id":45745929257150,"sku":"CI24510_25_G","price":33.7,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/975104f7d5581eaa00e76155db454dd7.jpg?v=1776348244"},{"product_id":"j5324047","title":"7-AMINOPYRIDO[2,3-B]PYRAZINE | 804551-62-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\"\u003e7-AMINOPYRIDO\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e2,3-B\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003ePYRAZINE\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\"\u003e24047\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\"\u003e804551-62-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e7-AMINOPYRIDO[2,3-B]PYRAZINE is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: This compound serves as a key intermediate in the synthesis of various pharmaceuticals, particularly in developing drugs targeting neurological disorders.\u003c\/p\u003e\n\u003cp\u003eBiochemical Research: It is used in studies exploring enzyme inhibition and receptor binding, aiding researchers in understanding complex biological pathways.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemistry: The compound is investigated for its potential as a pesticide or herbicide, offering a new avenue for crop protection with lower environmental impact.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: It finds applications in creating advanced materials, such as polymers and coatings, enhancing durability and resistance to environmental factors.\u003c\/p\u003e\n\u003cp\u003eDiagnostic Tools: Researchers are exploring its use in developing diagnostic agents for imaging techniques, improving the accuracy of medical diagnoses.\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":45746008752318,"sku":"CI24047_1_G","price":835.2,"currency_code":"USD","in_stock":true},{"title":"1×250MG","offer_id":45746008785086,"sku":"CI24047_250_MG","price":405.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/9b43795af5b194bd471db57460d460e3.jpg?v=1776347194"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/collections\/Pyrazine_2D_aromatic_full_svg.png?v=1781160852","url":"https:\/\/www.jk-sci.com\/collections\/pyrazine.oembed?page=3","provider":"J\u0026K Scientific LLC","version":"1.0","type":"link"}