{"title":"Photocatalyst","description":null,"products":[{"product_id":"q8807-1780","title":"2-Phenylpyridine, 95% | 1008-89-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-Phenylpyridine, 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-1780\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\"\u003e1008-89-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×1g","offer_id":45721660063934,"sku":"SC07-1780_1_G","price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/759af4616a137cb6786082f516f622c9.jpg?v=1776377011"},{"product_id":"q8807-2625","title":"2-[4-(Trifluoromethyl)phenyl]pyridine, 95% | 203065-88-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\"\u003e2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4-(Trifluoromethyl)phenyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 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-2625\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\"\u003e203065-88-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45721731858622,"sku":"SC07-2625_1_G","price":42.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/33a61994ea968c482d5433457ff7ba3d.jpg?v=1776377198"},{"product_id":"q8807-0481","title":"3,8-Bis[3,5-bis(trifluoromethyl)phenyl]-1,10-phenanthroline | 1228032-35-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e3,8-Bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-bis(trifluoromethyl)phenyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-1,10-phenanthroline\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-0481\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\"\u003e1228032-35-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×500mg","offer_id":45721534759102,"sku":"SC07-0481_500_MG","price":332.0,"currency_code":"USD","in_stock":true},{"title":"1×100mg","offer_id":45721534857406,"sku":"SC07-0481_100_MG","price":83.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/0f2ed1b0cb1c5648ebff51c9ac7895a3.jpg?v=1776376227"},{"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":"q8807-0290","title":"2,2'-Bipyridine, 99+% BIPY | 366-18-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\"\u003e2,2'-Bipyridine, 99+% BIPY\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-0290\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\"\u003e366-18-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×100g","offer_id":45721619005630,"sku":"SC07-0290_100_G","price":284.0,"currency_code":"USD","in_stock":true},{"title":"1×25g","offer_id":45721619103934,"sku":"SC07-0290_25_G","price":98.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/b711920bc89b048509c92e56819dbd60.jpg?v=1776375947"},{"product_id":"q8807-1420","title":"2-(2,4-Difluorophenyl)pyridine, min. 97% | 391604-55-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\"\u003e2-(2,4-Difluorophenyl)pyridine, min. 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e07-1420\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\"\u003e391604-55-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45721653936318,"sku":"SC07-1420_1_G","price":60.0,"currency_code":"USD","in_stock":true},{"title":"1×5g","offer_id":45721654034622,"sku":"SC07-1420_5_G","price":232.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/07f0b4b0b551a87f6755c9bb6a78325a.jpg?v=1776376908"},{"product_id":"q8807-1430","title":"5,5'-Bis(trifluoromethyl)-2,2'-bipyridine, min 97% | 142946-80-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\"\u003e5,5'-Bis(trifluoromethyl)-2,2'-bipyridine, min 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e07-1430\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\"\u003e142946-80-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":"US-Strem","offers":[{"title":"1×5g","offer_id":45721655312574,"sku":"SC07-1430_5_G","price":401.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45721655378110,"sku":"SC07-1430_1_G","price":102.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/98ed84f74c1d55daa41384aaa3612eeb.jpg?v=1776376933"},{"product_id":"q8807-1410","title":"2-(4-Fluorophenyl)-5-methylpyridine, min. 97% | 85237-65-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-(4-Fluorophenyl)-5-methylpyridine, min. 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e07-1410\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\"\u003e85237-65-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45721638961342,"sku":"SC07-1410_1_G","price":102.0,"currency_code":"USD","in_stock":true},{"title":"1×5g","offer_id":45721639059646,"sku":"SC07-1410_5_G","price":403.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/d87079b7c3f2b9a01ad479e3179651e4.jpg?v=1776376871"},{"product_id":"q8807-1280","title":"2-(2,4-Difluorophenyl)-5-methylpyridine, 95% | 583052-21-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,4-Difluorophenyl)-5-methylpyridine, 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-1280\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\"\u003e583052-21-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×500mg","offer_id":45721699057854,"sku":"SC07-1280_500_MG","price":64.0,"currency_code":"USD","in_stock":true},{"title":"1×2g","offer_id":45721699156158,"sku":"SC07-1280_2_G","price":185.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/dca690b75ac1ac5fb67b91311bace641.jpg?v=1776376631"},{"product_id":"q8807-1425","title":"4,4'-Bis(trifluoromethyl)-2,2'-bipyridine, min. 95% | 142946-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\"\u003e4,4'-Bis(trifluoromethyl)-2,2'-bipyridine, min. 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-1425\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\"\u003e142946-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":"US-Strem","offers":[{"title":"1×1g","offer_id":45721710035134,"sku":"SC07-1425_1_G","price":100.0,"currency_code":"USD","in_stock":true},{"title":"1×5g","offer_id":45721710133438,"sku":"SC07-1425_5_G","price":396.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/fdec508e485376e815096be2125738fd.jpg?v=1776376922"},{"product_id":"q8807-1923","title":"4,7-Dimethoxy-1,10-phenanthroline, 98% | 92149-07-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\"\u003e4,7-Dimethoxy-1,10-phenanthroline, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e07-1923\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\"\u003e92149-07-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×250mg","offer_id":45721719144638,"sku":"SC07-1923_250_MG","price":109.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45721719374014,"sku":"SC07-1923_1_G","price":324.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/4d983c6d3f0bb461dc0dd30d30691280.jpg?v=1776377048"},{"product_id":"q8807-4040","title":"2-(2,4-Difluorophenyl)-5-(trifluoromethyl)pyridine, 98% dF(CF3)ppy | 387827-64-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\"\u003e2-(2,4-Difluorophenyl)-5-(trifluoromethyl)pyridine, 98% dF(CF3)ppy\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-4040\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\"\u003e387827-64-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×250mg","offer_id":45721824428222,"sku":"SC07-4040_250_MG","price":110.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45721824559294,"sku":"SC07-4040_1_G","price":325.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/53878e30a5c33f0e4c4e2588e10d6da0.jpg?v=1776377417"},{"product_id":"q8807-1415","title":"2-(2,4-Difluorophenyl)-5-fluoropyridine, min 95% | 1426047-01-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\"\u003e2-(2,4-Difluorophenyl)-5-fluoropyridine, min 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-1415\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\"\u003e1426047-01-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×5g","offer_id":45722085556414,"sku":"SC07-1415_5_G","price":412.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45722085589182,"sku":"SC07-1415_1_G","price":104.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/790d90202a7c35826732953121362ea5.jpg?v=1776376890"},{"product_id":"q8807-0458","title":"4,4'-Dimethyl-2,2'-bipyridine, 99% DMBPY | 1134-35-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4,4'-Dimethyl-2,2'-bipyridine, 99% DMBPY\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-0458\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\"\u003e1134-35-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45721532170430,"sku":"SC07-0458_1_G","price":31.0,"currency_code":"USD","in_stock":true},{"title":"1×5g","offer_id":45721532203198,"sku":"SC07-0458_5_G","price":117.0,"currency_code":"USD","in_stock":true},{"title":"1×25g","offer_id":45721532235966,"sku":"SC07-0458_25_G","price":402.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/8be525f1452117da0e9194d8338355bf.jpg?v=1776376206"},{"product_id":"q8807-0370","title":"4,4'-Dicarboxy-2,2'-bipyridine, 98% | 6813-38-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\"\u003e4,4'-Dicarboxy-2,2'-bipyridine, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e07-0370\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\"\u003e6813-38-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":"US-Strem","offers":[{"title":"1×250mg","offer_id":45721617498302,"sku":"SC07-0370_250_MG","price":67.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45721617629374,"sku":"SC07-0370_1_G","price":197.0,"currency_code":"USD","in_stock":true},{"title":"1×5g","offer_id":45721617694910,"sku":"SC07-0370_5_G","price":781.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/6ea8079ac7cb96132fb87ef7b3eb7c0d.jpg?v=1776376138"},{"product_id":"q8807-1650","title":"1,10-Phenanthroline, anhydrous, 99% | 66-71-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\"\u003e1,10-Phenanthroline, anhydrous, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e07-1650\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\"\u003e66-71-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×5g","offer_id":45721657311422,"sku":"SC07-1650_5_G","price":52.0,"currency_code":"USD","in_stock":true},{"title":"1×25g","offer_id":45721657409726,"sku":"SC07-1650_25_G","price":199.0,"currency_code":"USD","in_stock":true},{"title":"1×100g","offer_id":45721657475262,"sku":"SC07-1650_100_G","price":599.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/b31d0c5fdb29e1949a9789a395755f04.jpg?v=1776376964"},{"product_id":"q8896-7790","title":"Iridium Photocatalyst Kit 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\"\u003eIridium Photocatalyst Kit 2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7790\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1kit","offer_id":45726931583166,"sku":"SC96-7790_1_KIT","price":548.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ee332c00a367e9435177636625c7af78_74f8dca7-f57d-43c9-90cf-727b6a4b3c0f.jpg?v=1776396820"},{"product_id":"q8896-4450","title":"Ruthenium Photocatalyst Kit","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\"\u003eRuthenium Photocatalyst Kit\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-4450\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1kit","offer_id":45727154438334,"sku":"SC96-4450_1_KIT","price":315.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ee332c00a367e9435177636625c7af78_7fb7b48a-9af4-487e-9815-0ae612a83a75.jpg?v=1776396584"},{"product_id":"q8896-7780","title":"Iridium Photocatalyst Kit 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\"\u003eIridium Photocatalyst Kit 1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7780\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1kit","offer_id":45727161483454,"sku":"SC96-7780_1_KIT","price":685.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ee332c00a367e9435177636625c7af78_513ee91d-ba45-4e31-ad9b-ffa6272b53ea.jpg?v=1776396816"},{"product_id":"q8877-0340","title":"[4,4'-Bis(1,1-dimethylethyl)-2,2'-bipyridine]bis[3,5-difluoro-2-(5-fluoro-2-pyridinyl)phenyl]iridium hexafluorophosphate, min. 98% | 2042201-18-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\"\u003e\n\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,4'-Bis(1,1-dimethylethyl)-2,2'-bipyridine\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003ebis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-difluoro-2-(5-fluoro-2-pyridinyl)phenyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eiridium hexafluorophosphate, min. 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e77-0340\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\"\u003e2042201-18-1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×50mg","offer_id":45725621551294,"sku":"SC77-0340_50_MG","price":88.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45725621616830,"sku":"SC77-0340_250_MG","price":241.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e7733078c487fcb2f79fc1150c117cf5.jpg?v=1776390700"},{"product_id":"q8877-0355","title":"Di-\u0026#956;-chlorotetrakis[3,5-difluoro-2-(5-fluoro-2-pyridinyl-\u0026#954;N)phenyl-\u0026#954;C]diiridium, min. 98% (mixture of isomers) | 849723-04-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\"\u003eDi-μ-chlorotetrakis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-difluoro-2-(5-fluoro-2-pyridinyl-κN)phenyl-κC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003ediiridium, min. 98% (mixture of isomers)\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\"\u003e77-0355\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\"\u003e849723-04-2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45725621747902,"sku":"SC77-0355_1_G","price":347.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45725621780670,"sku":"SC77-0355_250_MG","price":117.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/864360c01f7148c6fddafe716e9dbc7c.jpg?v=1776390711"},{"product_id":"q8877-0380","title":"4,4'-Bis(trifluoromethyl)-2,2'-bipyridinebis[3,5-difluoro-2-[5-methyl-2-pyridinyl)phenyl] iridium(III) hexafluorophosphate, 98%","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4,4'-Bis(trifluoromethyl)-2,2'-bipyridinebis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-difluoro-2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e5-methyl-2-pyridinyl)phenyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e iridium(III) hexafluorophosphate, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e77-0380\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×250mg","offer_id":45725623025854,"sku":"SC77-0380_250_MG","price":181.0,"currency_code":"USD","in_stock":true},{"title":"1×50mg","offer_id":45725623058622,"sku":"SC77-0380_50_MG","price":74.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/4c9fcf6756dcd588bb514e034be3eaa4.jpg?v=1776390727"},{"product_id":"q8896-7795","title":"Iridium Photocatalyst Master Kit","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\"\u003eIridium Photocatalyst Master Kit\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7795\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1kit","offer_id":45727208800446,"sku":"SC96-7795_1_KIT","price":1271.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ee332c00a367e9435177636625c7af78_c9ded3d0-b0b8-46c5-bfac-a726b88d02c9.jpg?v=1776396823"},{"product_id":"q8877-0345","title":"Di-\u0026#956;-chlorotetrakis[3,5-difluoro-2-(5-methyl-2-pyridinyl-\u0026#954;N)phenyl-\u0026#954;C]diiridium, 98% | 1335047-33-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\"\u003eDi-μ-chlorotetrakis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-difluoro-2-(5-methyl-2-pyridinyl-κN)phenyl-κC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003ediiridium, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e77-0345\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\"\u003e1335047-33-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45725653565630,"sku":"SC77-0345_1_G","price":338.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45725653598398,"sku":"SC77-0345_250_MG","price":114.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/b2b1c8a846aa7c26a5921f379f7e6ee2.jpg?v=1776390704"},{"product_id":"q8877-0285","title":"[4,4'-Di-t-butyl-2,2'-bipyridine][bis[5-(t-butyl)-2-[4-(t-butyl)-2-pyridinyl-kN]phenyl-kC]iridium(III) hexafluorophosphate, 95% | 808142-80-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\"\u003e\n\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,4'-Di-t-butyl-2,2'-bipyridine\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003ebis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e5-(t-butyl)-2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4-(t-butyl)-2-pyridinyl-kN\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003ephenyl-kC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eiridium(III) hexafluorophosphate, 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\"\u003e77-0285\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\"\u003e808142-80-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":45725714251966,"sku":"SC77-0285_250_MG","price":290.0,"currency_code":"USD","in_stock":true},{"title":"1×50mg","offer_id":45725714284734,"sku":"SC77-0285_50_MG","price":75.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/c8b8b9018fbe6e126c0c95f1f9ea3915.jpg?v=1776390682"},{"product_id":"q8877-0365","title":"Di-\u0026#956;-chlorotetrakis[3,5-difluoro-2-(2-pyridinyl-\u0026#954;N)phenyl-\u0026#954;C]diiridium, 98% | 562824-27-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\"\u003eDi-μ-chlorotetrakis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-difluoro-2-(2-pyridinyl-κN)phenyl-κC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003ediiridium, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e77-0365\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\"\u003e562824-27-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×1g","offer_id":45725847421118,"sku":"SC77-0365_1_G","price":261.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45725847453886,"sku":"SC77-0365_250_MG","price":88.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/4126fabec3da3c71375b91b1e7b0e7de.jpg?v=1776390718"},{"product_id":"q8896-7510","title":"EvoluChem? Photochemical Methylation Array Kit","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\"\u003eEvoluChem? Photochemical Methylation Array Kit\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7510\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1KIT","offer_id":46421329674430,"sku":"SC96-7510_1_KIT","price":599.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_20b3db2c-82e5-4ed9-a943-4b00f3227d02.png?v=1776396785"},{"product_id":"q8896-7560","title":"EvoluChem? Photocatalytic Alkylation Kit","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\"\u003eEvoluChem? Photocatalytic Alkylation Kit\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7560\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1KIT","offer_id":46421334491326,"sku":"SC96-7560_1_KIT","price":581.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_e5276a22-ddf8-4f8c-93d5-52adddcc4aed.png?v=1776396804"},{"product_id":"q8896-7570","title":"EvoluChem? Iridium\/Nickel PhotoRedOx Base and Solvent Screening Kit 2 (C-O coupling)","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\"\u003eEvoluChem? Iridium\/Nickel PhotoRedOx Base and Solvent Screening Kit 2 (C-O coupling)\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7570\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1KIT","offer_id":46421337211070,"sku":"SC96-7570_1_KIT","price":558.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_bc234907-c546-45e6-9d89-47002142fe28.png?v=1776396808"},{"product_id":"q8896-7520","title":"EvoluChem? Iridium\/Nickel PhotoRedOx Base and Solvent Screening Kit 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\"\u003eEvoluChem? Iridium\/Nickel PhotoRedOx Base and Solvent Screening Kit 1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7520\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1KIT","offer_id":46421342519486,"sku":"SC96-7520_1_KIT","price":507.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_f37efbad-5846-4b3a-9c0a-41a42593acec.png?v=1776396789"},{"product_id":"q8896-7530","title":"EvoluChem? Iridium\/Nickel PhotoRedOx Base and Ligand Screening Kit 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\"\u003eEvoluChem? Iridium\/Nickel PhotoRedOx Base and Ligand Screening Kit 1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7530\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1KIT","offer_id":46421344518334,"sku":"SC96-7530_1_KIT","price":788.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_fe256db6-5416-4181-adb6-af91795da86d.png?v=1776396793"},{"product_id":"q8896-7540","title":"EvoluChem? Iridium\/Nickel PhotoRedOx Base and Ligand Screening Kit 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\"\u003eEvoluChem? Iridium\/Nickel PhotoRedOx Base and Ligand Screening Kit 2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7540\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1KIT","offer_id":46421347434686,"sku":"SC96-7540_1_KIT","price":1049.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_acfa18b0-44e0-4f70-b7e2-3d9810fd6437.png?v=1776396796"},{"product_id":"q8896-7550","title":"EvoluChem? Iridium\/Nickel PhotoRedOx Base and Iridium Catalyst Screening Kit","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\"\u003eEvoluChem? Iridium\/Nickel PhotoRedOx Base and Iridium Catalyst Screening Kit\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e96-7550\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1KIT","offer_id":46421348876478,"sku":"SC96-7550_1_KIT","price":898.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_3ce62717-4e79-4fbd-90fa-b28f5c0c7458.png?v=1776396801"},{"product_id":"q8877-0335","title":"Di-\u0026#956;-chlorotetrakis[5-fluoro-2-(5-methyl-2-pyridinyl-\u0026#954;N)phenyl-\u0026#954;C]diiridium, 98% | 808142-89-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\"\u003eDi-μ-chlorotetrakis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e5-fluoro-2-(5-methyl-2-pyridinyl-κN)phenyl-κC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003ediiridium, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e77-0335\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\"\u003e808142-89-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45332448936126,"sku":"SC77-0335_1_G","price":346.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45332448968894,"sku":"SC77-0335_250_MG","price":117.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/fecff0eb6d68ad427c16c2724ff73e69.jpg?v=1776390697"},{"product_id":"q8844-7930","title":"Tris(4,4'-dimethyl-2,2'-bipyridine)ruthenium(II) hexafluorophosphate, 95%, DMBPY | 83605-44-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\"\u003eTris(4,4'-dimethyl-2,2'-bipyridine)ruthenium(II) hexafluorophosphate, 95%, DMBPY\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\"\u003e44-7930\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\"\u003e83605-44-1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×250mg","offer_id":45332453458110,"sku":"SC44-7930_250_MG","price":157.0,"currency_code":"USD","in_stock":true},{"title":"1×50mg","offer_id":45332453490878,"sku":"SC44-7930_50_MG","price":50.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45332453523646,"sku":"SC44-7930_1_G","price":466.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/64b939593603c34d48ee4a0abe39c174.jpg?v=1776388105"},{"product_id":"q8877-7015","title":"Tris(2-phenylpyridinato-C2,N)iridium(III), 95% | 94928-86-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\"\u003eTris(2-phenylpyridinato-C2,N)iridium(III), 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\"\u003e77-7015\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\"\u003e94928-86-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        Technical Notes\u003cbr\u003e1.Photocatalyst for a-amino c -H arylation of cyano(hetero )arenes by tertiary amines\u003cbr\u003e2.Photocatalyst for trifluoromethylation of alkenes and alkynes\u003cbr\u003e3.Photocatalyst for reduction of alkyl, alkenyl, aryl iodides (a) and intramolecular reductive cyclizations (d)\u003cbr\u003e4.Photocatalyst for organocatalyst assisted direct arylation of allylic sp c -H bonds\u003cbr\u003e5.Photocatalyst for the generation multifluorinated biaryls via functionalization of the C-F bond of a\u003cbr\u003eperfluoroarene and c H bond of the other arene in the presence of amines\u003cbr\u003e6. Photocatalyst for visible-light photoredox arylation of thiols with various aryl halides\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":"US-Strem","offers":[{"title":"1×250mg","offer_id":45332467318974,"sku":"SC77-7015_250_MG","price":257.0,"currency_code":"USD","in_stock":true},{"title":"1×50mg","offer_id":45332467351742,"sku":"SC77-7015_50_MG","price":65.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/deca2a92daf72b5b5fd1829390efe1ac.jpg?v=1776390937"},{"product_id":"q8877-0410","title":"(4,4'-Di-t-butyl-2,2'-bipyridine)bis[2-(2-pyridinyl-kN)phenyl-kC]iridium(III) hexafluorophosphate, 99% | 676525-77-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\"\u003e(4,4'-Di-t-butyl-2,2'-bipyridine)bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e2-(2-pyridinyl-kN)phenyl-kC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eiridium(III) hexafluorophosphate, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e77-0410\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\"\u003e676525-77-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        Technical Notes:\u003cbr\u003e1.This Iridium catalyst is used in the synthesis of ß-amidovinyI sulfones via visible-light photoredox catalysis . \r2. Numerous uses of this photoredox catalyst are reported (see Ref.2).\u003cbr\u003eReferences :\u003cbr\u003e1. Adv. Synth. Cat., 2013, 355, 809\u003cbr\u003e2. Chem. Rev., 2013, 113, 5322. (review)\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":"US-Strem","offers":[{"title":"1×500mg","offer_id":45332472234174,"sku":"SC77-0410_500_MG","price":383.0,"currency_code":"USD","in_stock":true},{"title":"1×100mg","offer_id":45332472266942,"sku":"SC77-0410_100_MG","price":96.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/524a6c9e83d9b005b2b7e763cec65e57.jpg?v=1776390735"},{"product_id":"q8807-0273","title":"4,4'-Bis(di-t-butyl)-2,2'-bipyridine, 97% DTBBPY | 72914-19-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\"\u003e4,4'-Bis(di-t-butyl)-2,2'-bipyridine, 97% DTBBPY\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-0273\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\"\u003e72914-19-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        Technical Notes:\u003cbr\u003e1.L igand for the iridium-catalyzed boylation of arenes\u003cbr\u003e2.L igand for the iridium-catalyzed synthesis of arylboronic acids and aryl trifluoroborates\u003cbr\u003e3.L igand for the nickel-catalyzed hydroxycarboxylation of 1 ,2-dienes by reaction carbon dioxide and oxygen\u003cbr\u003e4.L igand for the iridium-catalyzed meta borylation followed by halogenation of 1,3-disubstituted arenes\u003cbr\u003e5.L igand for the iridium-catalyzed silyl-directed ortho-borylation of arenes\u003cbr\u003e6.L igand for the iridium-catalyzed pre paration of silyl boranes.\u003cbr\u003e7.L igand for the iridium-catalyzed microwave-accelerated borylation of aromatic C-H bonds\u003cbr\u003e8.L igand for the iridium-catalyzed silyl-directed borylation of indoles\u003cbr\u003e9.L igand for the nickel-catalyzed synthesis of functionalized dialkyl ketones from carboxylic acids and alkyl halides\u003cbr\u003e10. Ligand for the iron catalyzed arylation of heterocycles\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":"US-Strem","offers":[{"title":"1×1g","offer_id":45358192656574,"sku":"SC07-0273_1_G","price":52.0,"currency_code":"USD","in_stock":true},{"title":"1×5g","offer_id":45358192689342,"sku":"SC07-0273_5_G","price":106.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/984eaefea96f3ba5dcda506f331013eb.jpg?v=1776375888"},{"product_id":"q8807-0472","title":"4,7-Diphenyl-1,10-phenanthroline, 99% (Bathophenanthroline) | 1662-01-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\"\u003e4,7-Diphenyl-1,10-phenanthroline, 99% (Bathophenanthroline)\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-0472\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\"\u003e1662-01-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        T echnical Notes:\u003cbr\u003e1. Bidentate ligand and reagent for determination of iron.\u003cbr\u003e2. Ligand used in the copper-catalyzed protodecarboxylation of aromatic carboxylic acids.\u003cbr\u003eReference:\u003cbr\u003e1. Adv. Synth. Cata., 2007, 349, 2338.\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":"US-Strem","offers":[{"title":"1×1g","offer_id":45358194458814,"sku":"SC07-0472_1_G","price":84.0,"currency_code":"USD","in_stock":true},{"title":"1×25g","offer_id":45358194491582,"sku":"SC07-0472_25_G","price":1342.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45358194524350,"sku":"SC07-0472_250_MG","price":31.0,"currency_code":"USD","in_stock":true},{"title":"1×5g","offer_id":45358194557118,"sku":"SC07-0472_5_G","price":335.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/8abb0dcc803021e7b09cec4860d5e974.jpg?v=1776376216"},{"product_id":"q8807-1971","title":"3,5,6,8-Tetrabromo-1,10-phenanthroline, 98% | 66127-00-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\"\u003e3,5,6,8-Tetrabromo-1,10-phenanthroline, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e07-1971\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\"\u003e66127-00-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        Technical Notes：\u003cbr\u003e1. L igand used in the efficient, silane - promoted, nickel-catalyzed amination of aryl and heteroaryl chlorides . 2. L igand used in light-driven Fe -catalyzed hydrogen production from formic acid\u003cbr\u003eReferences:\u003cbr\u003e1. J. Org Chem., 2008, 73, 1429.\u003cbr\u003e2. J. Am. Chem. Soc., 2010, 132, 8924.\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":"US-Strem","offers":[{"title":"1×250mg","offer_id":45358210941118,"sku":"SC07-1971_250_MG","price":104.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45358210973886,"sku":"SC07-1971_1_G","price":311.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/2287f905b7e1ba96a4fdc1b81c88ea3c.jpg?v=1776377108"},{"product_id":"q8844-7955","title":"Tris(1,10-phenanthroline)ruthenium(II) hexafluorophosphate, 95% | 60804-75-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\"\u003eTris(1,10-phenanthroline)ruthenium(II) hexafluorophosphate, 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\"\u003e44-7955\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\"\u003e60804-75-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        Technical Notes:\u003cbr\u003e1.Photoredox catalyst for nickel assisted cross -coupling reactions of ammonium alkylsilicates with arylbromides.\u003cbr\u003e2. A photosensitizer for cobalt catalyzed visible -light driven CO2- Reduction to co in CH3CN\/H2O Solution.\u003cbr\u003eReferences:\u003cbr\u003e1. J. Am. Chem. Soc., 2016, 138, 475.\u003cbr\u003e2. Angew. Chem. Int. Ed., 2017. 56, 738.\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":"US-Strem","offers":[{"title":"1×50mg","offer_id":45360392470718,"sku":"SC44-7955_50_MG","price":73.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45360392503486,"sku":"SC44-7955_250_MG","price":281.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/25bb97363d67fe506f011857ecc78e01.jpg?v=1776388113"},{"product_id":"q8844-8033","title":"Tris(2,2'-bipyridine)ruthenium(II) hexafluorophosphate, 97% | 60804-74-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\"\u003eTris(2,2'-bipyridine)ruthenium(II) hexafluorophosphate, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e44-8033\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\"\u003e60804-74-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    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        Technical Notes\u003cbr\u003e1.Photoredox catalysts for formation of 2-substituted benzothiazoles through radical cyclization of thioanilides .\u003cbr\u003e2.Photoredox catalysis for Au-co-catalyzed of oxy- and aminoarylation of alkenes.\u003cbr\u003e3.Used for construction of quaternary carbons from tertiary alcohols via photoredox catalyzed fragmentation of tort-alkyl N-phthalimidoyoxalates.\u003cbr\u003e4.Pholoredox catalyst for trifluoromethylation of aromatio alkenes using DMSO as an oxidizer.\u003cbr\u003e5.Photoredox catalyst for Au-co-catalyzed expanslon- oxidatlve arylation reaction .\u003cbr\u003e6.Proloredox catalyst for chemos elective C(sp')- C(sp?) coupling reactions vla deboron ative\/dec arboxylativoalkenylation.\u003cbr\u003e7.Usod in photocatalytic radlcal trifluoromothylation\/cyclization cascado to gonorato CF s-containing pyrazollnos and isoxazolinos .\u003cbr\u003e8.Photoredox catalyst for Au-co-catalyzod for carbon-phosphorus cross-coupling roactions.\u003cbr\u003e9.Used in baso-froo photorodox\/nickol dual-catalytic cross-coupling of ammonium alkylsilicatos\u003cbr\u003e10. Photorodox catalyst for visiblo-light inducod alcohol oxidatlon to gonorato alkoxyl radicals using cyclic\u003cbr\u003eiodino(llI) roagont catalysis, onabling furthor soloctivo C(sp') -C(sp1) bond cloavago ond with subsoquontalkynylation\/alkonylation.\u003cbr\u003e11. Usod in enantiosoloctivo photocatalytic [3+ 2] cycloadditions of aryl cyclopropyl kotones .\u003cbr\u003e12. Photocatalyst for Lowis acid assistod ß-soloctivo roductivo coupling of alkonylpyridinos with aldohydos and\u003cbr\u003eiminos.\u003cbr\u003e13. Usod in onantiosoloctivo crossod photocycloaddltions of styronic olofins by L .owis acid catalyzod triplot\u003cbr\u003esensitizatioron\u003cbr\u003e14. Photorodox catalyst for Ni-asslstod thioarylation of unprotoctod poptidos and biomoloculos.\u003cbr\u003e15. Pholoredox catalyst for C-H trifluoromothoxylation of arones and hetoroarenos.\u003cbr\u003e16. Usod in tho synthosis of sulfonatod 1 -lsoindolinonos through a multicomponent reaction with tho insortlon of sulfur dioxide.\u003cbr\u003e17Photocatalyst for c- -H arene amination with pyridyl radical cation.\u003cbr\u003e18. Photorodox catalyst for intormolecular radical arylthiocyanation\/aryIselenocyanation of alkonos.\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":"US-Strem","offers":[{"title":"1×250mg","offer_id":45360392601790,"sku":"SC44-8033_250_MG","price":61.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45360392634558,"sku":"SC44-8033_1_G","price":179.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/18fb3e7d9ccb368d06634d10a9d9f7e2.jpg?v=1776388120"},{"product_id":"q8844-7910","title":"Tris(2,2'-bipyrazine)ruthenium(II) hexafluorophosphate, 95% | 80907-56-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\"\u003eTris(2,2'-bipyrazine)ruthenium(II) hexafluorophosphate, 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\"\u003e44-7910\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\"\u003e80907-56-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        Technical Notes:\u003cbr\u003e1. Endoperoxide synthesis by photocatalytic aerobic [2 +2+2] cycloadditions.\u003cbr\u003e2Aerobic oxidation of a tertiary aliphatic amine under visible -light photocatalysis. Facile synthesis of methylene- bridged bis-1 ,3-dicarbonyl compounds.\u003cbr\u003e3. Hydrophosphinylation of unactivated alkenes with secondary phosphine oxides under visible-light\u003cbr\u003ephotocatalysis.\u003cbr\u003e4. [3+2] Photooxygenation of aryl cyclopropanes via visible light photocatalysis.\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":"US-Strem","offers":[{"title":"1×50mg","offer_id":45360394076350,"sku":"SC44-7910_50_MG","price":69.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45360394109118,"sku":"SC44-7910_250_MG","price":274.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/b90f04a19bd0979baae510f9ae3216c6.jpg?v=1776388101"},{"product_id":"q8844-7940","title":"Tris[4,4'-bis(t-butyl)-2,2'-bipyridine]ruthenium(II) hexafluorophosphate, 95% | 75777-87-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\"\u003eTris\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,4'-bis(t-butyl)-2,2'-bipyridine\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eruthenium(II) hexafluorophosphate, 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\"\u003e44-7940\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\"\u003e75777-87-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        Technical Notes:\u003cbr\u003e1. Photoredox catalysed C-P bond formation reactions - visible light mediated oxidative phosphonylations of amines .\u003cbr\u003e2.Photoredox catalysis as an efficient tool for the aerobic oxidation of amines and alcohols.\u003cbr\u003e3.Visible-light induced, direct synthesis of polysubstituted furans from cyclopropyl ketones .\u003cbr\u003eReferences:\u003cbr\u003e1. Chem. Commun., 2011, 47, 8679. \r2 ACS Catalysis, 2012, 2, 2810.\u003cbr\u003e3. J. Org. Chem., 2016, 81, 7008.\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":"US-Strem","offers":[{"title":"1×50mg","offer_id":45360394404030,"sku":"SC44-7940_50_MG","price":74.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45360394436798,"sku":"SC44-7940_250_MG","price":286.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ad8af9e247ef5f8f42f0d4fe34b87fef.jpg?v=1776388109"},{"product_id":"q8844-7900","title":"Tris(2,2'-bipyridyl)ruthenium(II) chloride hexahydrate, min. 98% | 50525-27-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\"\u003eTris(2,2'-bipyridyl)ruthenium(II) chloride hexahydrate, min. 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e44-7900\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\"\u003e50525-27-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        Technical Notes:\u003cbr\u003e1. Visible light-promoted synthesis of spiroepoxy chromanone derivatives via a tandem oxidation\/radical\/cyclization\/epoxidation process.\u003cbr\u003e2. Visible light-promoted, asymmetric cross-dehydrogenative coupling of tertiary amines to ketones by synergistic multiple catalysis.\u003cbr\u003e3. Photoredox catalysis enabled alkylation of alkenyl carboxylic acids with N-(acyloxy)phthalimide via dual decarboxylation\u003cbr\u003e4. AlkyI esterification of vinylarenes enabled by visible -light-induced decarboxylation.\u003cbr\u003e5. Photoredox- catalyzed C-H arylation of internal alkenes to tetrasubstituted alkenes .\u003cbr\u003e6. Ru\/Ni catalytic photoredox c (sp')-C(sp') cross-coupling of alkyl sulfinate salts and aryl halides.\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":"US-Strem","offers":[{"title":"1×5g","offer_id":45360396107966,"sku":"SC44-7900_5_G","price":335.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45360396140734,"sku":"SC44-7900_250_MG","price":66.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45360396173502,"sku":"SC44-7900_1_G","price":86.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/2eae87215ab1d6f5401ed29995b4fbd3.jpg?v=1776388097"},{"product_id":"q8877-0425","title":"(4,4'-Di-t-butyl-2,2'-bipyridine)bis[3,5-difluoro-2-[5-trifluoromethyl-2-pyridinyl-kN)phenyl-kC]iridium(III) hexafluorophosphate, 99% | 870987-63-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(4,4'-Di-t-butyl-2,2'-bipyridine)bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-difluoro-2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e5-trifluoromethyl-2-pyridinyl-kN)phenyl-kC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eiridium(III) hexafluorophosphate, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e77-0425\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\"\u003e870987-63-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        Technical Notes:\u003cbr\u003e1.Visible light photoredox-catalyzed cascade cyclizations of a-bromochalcones or a-bromocinnamates with heteroarenes . \r2.Enantioselective a-benzylation of aldehydes via photoredox organocatalysis.\u003cbr\u003eReferences:\u003cbr\u003e1.Adv. Synth. Cat., 2014, 356, 557 .\u003cbr\u003e2. J. Amer. Chem. Soc., 2010, 132, 13600.\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":"US-Strem","offers":[{"title":"1×50mg","offer_id":45369953419454,"sku":"SC77-0425_50_MG","price":60.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45369953452222,"sku":"SC77-0425_250_MG","price":237.0,"currency_code":"USD","in_stock":true},{"title":"1×1g","offer_id":45369953484990,"sku":"SC77-0425_1_G","price":765.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/fe7e7008c34e07bba2212b5bc1d8f24a.jpg?v=1776390747"},{"product_id":"q8877-0218","title":"4,4'-Bis(t-butyl-2,2'-bipyridine]bis[5-methyl-2-(4-methyl-2-pyridinyl-kN)phenyl-kC]iridium hexafluorophosphate, 95% | 1607469-49-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\"\u003e4,4'-Bis(t-butyl-2,2'-bipyridine\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003ebis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e5-methyl-2-(4-methyl-2-pyridinyl-kN)phenyl-kC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eiridium hexafluorophosphate, 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\"\u003e77-0218\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\"\u003e1607469-49-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        Technical Notes:\u003cbr\u003e1. Catalyst used for the direct ß-alkylation of aldehydes via photoredox organocatalysis .\u003cbr\u003eReference:\u003cbr\u003e1. J. Am. Chem. Soc., 2014, 136, 6858.\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":"US-Strem","offers":[{"title":"1×250mg","offer_id":45369954304190,"sku":"SC77-0218_250_MG","price":282.0,"currency_code":"USD","in_stock":true},{"title":"1×50mg","offer_id":45369954336958,"sku":"SC77-0218_50_MG","price":74.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/3735a2bf9095fa36c75cb88c1029d404.jpg?v=1776390664"},{"product_id":"q8877-0220","title":"(2,2'-Bipyridine)bis[3,5-difluoro-2-[5-(trifluoromethyl)-2-pyridinyl-kN][phenyl-kC]iridium(III) hexafluorophosphate, 95% | 1092775-62-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(2,2'-Bipyridine)bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-difluoro-2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e5-(trifluoromethyl)-2-pyridinyl-kN\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003ephenyl-kC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eiridium(III) hexafluorophosphate, 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\"\u003e77-0220\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\"\u003e1092775-62-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        Technical Notes:\u003cbr\u003e1. Photocatalyst used for the chemo-, regio, and stereoselective trifluoromethylation of styrene.\u003cbr\u003e2.Photoredox catalyst used in cross-coupling: Ir\/Ni dual catalysts for the synthesis of benzylic ethers. \r3.Iridium complex used for catalytic olefin hydroamidation enabled by proton-coupled electron transfer.\u003cbr\u003e4.Catalyst used for visible light photoredox cross-coupling of acyl chlorides with potassium\u003cbr\u003ealkoxymethyltrifluoroborates\u003cbr\u003e5.Iridium catalyst used in the photoredox\/nickel dual catalytic cross-coupling of secondary alkyI\u003cbr\u003eß-trifluoroboratoketones and esters with aryl bromides.\u003cbr\u003e6. Photocatalyst used in the cross-coupling of trifluoroalkylboranes.\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":"US-Strem","offers":[{"title":"1×50mg","offer_id":45369955647678,"sku":"SC77-0220_50_MG","price":67.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45369955680446,"sku":"SC77-0220_250_MG","price":266.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/2fd98aa3c975f3a7895a1435baac897f.jpg?v=1776390668"},{"product_id":"q8877-0360","title":"4,4'-Bis(trifluoromethyl)-2,2'-bipyridinebis[3,5-difluoro-2-[5-trifluoromethyl-2-pyridinyl)phenyl] iridium(III) hexafluorophosphate, 98% | 2030437-90-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\"\u003e4,4'-Bis(trifluoromethyl)-2,2'-bipyridinebis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-difluoro-2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e5-trifluoromethyl-2-pyridinyl)phenyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e iridium(III) hexafluorophosphate, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e77-0360\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\"\u003e2030437-90-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        Technical Notes: \u003cbr\u003e1.Catalytic alkylation of remote C-H bonds enabled by proton-coupled electron transfer.\u003cbr\u003eReferences:\u003cbr\u003e1.Nature, 2016, 539, 268.\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":"US-Strem","offers":[{"title":"1×50mg","offer_id":45369956237502,"sku":"SC77-0360_50_MG","price":93.0,"currency_code":"USD","in_stock":true},{"title":"1×250mg","offer_id":45369956270270,"sku":"SC77-0360_250_MG","price":229.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/d9de8eb7ac3052777354af9d301e571b.jpg?v=1776390714"},{"product_id":"q8877-0350","title":"[4,4'-Bis(1,1-dimethylethyl)-2,2'-bipyridine-\u0026#954;N,\u0026#954;N]bis[3,5-difluoro-2-(2-pyridinyl-\u0026#954;N)phenyl-\u0026#954;C]iridium hexafluorophosphate, 97% | 1072067-44-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\"\u003e\n\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e4,4'-Bis(1,1-dimethylethyl)-2,2'-bipyridine-κN,κN\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003ebis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3,5-difluoro-2-(2-pyridinyl-κN)phenyl-κC\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eiridium hexafluorophosphate, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e77-0350\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\"\u003e1072067-44-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        Technical Notes:\u003cbr\u003e1. Alcohols as latent coupling fragments for metallaphotoredox catalysis: sp3-sp2 cross-coupling of oxalates with aryl halides.\u003cbr\u003eReferences:\u003cbr\u003e1. J. Am. Chem. Soc., 2016, 138, 13862.\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":"US-Strem","offers":[{"title":"1×500mg","offer_id":45369956729022,"sku":"SC77-0350_500_MG","price":411.0,"currency_code":"USD","in_stock":true},{"title":"1×100mg","offer_id":45369956761790,"sku":"SC77-0350_100_MG","price":104.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ad397e0f28a869baa9fe22accaacff54.jpg?v=1776390708"}],"url":"https:\/\/www.jk-sci.com\/collections\/photocatalyst.oembed?page=6","provider":"J\u0026K Scientific LLC","version":"1.0","type":"link"}