{"title":"Pyran","description":"\u003cdiv data-mce-fragment=\"1\"\u003eBuy Pyran at J\u0026amp;K scientific, a global supplier of quality chemicals and lab supplies for chemistry synthesis and analysis, materials, life science research and industry.\u003c\/div\u003e","products":[{"product_id":"a01472598","title":"2-Nitrophenyl-β-D-thiogalactopyranoside, 98% | 1158-17-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Nitrophenyl-β-D-thiogalactopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e472598\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\"\u003e1158-17-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/39417\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×100MG","offer_id":45497669353662,"sku":"JK472598_100_MG","price":373.8,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/472598.png?v=1776292225"},{"product_id":"a01137660","title":"Phenyl 2-acetamido-2-deoxy-β-D-glucopyranoside, 98% | 5574-80-1","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003ePhenyl 2-acetamido-2-deoxy-β-D-glucopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e137660\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\"\u003e5574-80-1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/8237\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45497689604286,"sku":"JK137660_5_G","price":683.1,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/137660.png?v=1776271275"},{"product_id":"a01975696","title":"3,4,6-Tri-O-acetyl-α-D-glucopyranose 1,2-(methyl orthoacetate), 98% | 92420-89-8","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e3,4,6-Tri-O-acetyl-α-D-glucopyranose 1,2-(methyl orthoacetate), 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e975696\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\"\u003e92420-89-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45499576910014,"sku":"JK975696_5_G","price":81.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/398807.png?v=1776310896"},{"product_id":"a01425945","title":"2,3,4,6-Tetra-O-acetyl-β-D-glucopyranosylchloride, 97% | 4451-36-9","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,3,4,6-Tetra-O-acetyl-β-D-glucopyranosylchloride, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e425945\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\"\u003e4451-36-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×250MG","offer_id":45499596308670,"sku":"JK425945_250_MG","price":62.8,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/425945.png?v=1776290393"},{"product_id":"a01974383","title":"2,3,4,6-Tetra-O-acetyl-α-D-galactopyranosyl 2,2,2-trichloroacetimidate, 95% | 86520-63-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,3,4,6-Tetra-O-acetyl-α-D-galactopyranosyl 2,2,2-trichloroacetimidate, 95%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e974383\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\"\u003e86520-63-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":"J\u0026K Chemical","offers":[{"title":"1×1G","offer_id":45499599749310,"sku":"JK974383_1_G","price":84.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/9f5d93251bb1e67a3bdd785254c84e97.jpg?v=1776310784"},{"product_id":"a01983864","title":"4-(β-D-Glucopyranosyloxy)-3-methoxybenzaldehyde, 98% | 494-08-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-(β-D-Glucopyranosyloxy)-3-methoxybenzaldehyde, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e983864\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\"\u003e494-08-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×50MG","offer_id":45499685404862,"sku":"JK983864_50_MG","price":85.2,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/109456.png?v=1776311589"},{"product_id":"q8807-6365","title":"N-[(1S,2S)-2-(Dimethylamino)-1,2-diphenylethyl]-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 98%, (99% ee) | 1414889-04-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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(1S,2S)-2-(Dimethylamino)-1,2-diphenylethyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 98%, (99% ee)\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-6365\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\"\u003e1414889-04-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×100MG","offer_id":45501831610558,"sku":"SC07-6365_100_MG","price":193.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/166e537cdabb79d165146d01f0805c15.jpg?v=1776377622"},{"product_id":"a01952683","title":"4-Methylphenyl 2,3,4,6-tetra-O-acetyl-1-thio-β-D-glucopyranoside, 98% | 28244-94-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-Methylphenyl 2,3,4,6-tetra-O-acetyl-1-thio-β-D-glucopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e952683\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\"\u003e28244-94-2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25G","offer_id":45499738030270,"sku":"JK952683_25_G","price":216.6,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/4313bd69dd1aec93d0245cea1b6f035e.jpg?v=1776308731"},{"product_id":"q8807-6366","title":"N-[(1S,2S)-1,2-Diphenyl-2-(1-pyrrolidinyl)ethyl]-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 95% | 1414889-06-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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(1S,2S)-1,2-Diphenyl-2-(1-pyrrolidinyl)ethyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 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-6366\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\"\u003e1414889-06-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×50MG","offer_id":45501845831870,"sku":"SC07-6366_50_MG","price":122.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/b492e2c51d042e2bb39135d0617c0455.jpg?v=1776377626"},{"product_id":"a01273374","title":"2,3,4,6-Tetra-O-acetyl-D-glucopyranose, 95% | 10343-06-3","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,3,4,6-Tetra-O-acetyl-D-glucopyranose, 95%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e273374\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\"\u003e10343-06-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45499747336382,"sku":"JK273374_5_G","price":48.7,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/405e0f72e626020dc02c4ec455130bad.jpg?v=1776283324"},{"product_id":"j5330693","title":"4-Methylumbelliferyl a-L-idopyranosiduronic acid 2-sulphate disodium salt | 1045020-74-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-Methylumbelliferyl a-L-idopyranosiduronic acid 2-sulphate disodium salt\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eChem Impex\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e30693\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\"\u003e1045020-74-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":"Chem Impex","offers":[{"title":"1×5MG","offer_id":45501917659326,"sku":"CI30693_5_MG","price":3967.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/7a76a7034ff2e0e5c3e4336c210e0831.jpg?v=1776362978"},{"product_id":"a01266729","title":"Isopropyl-β-D-thiogalactopyranoside, 99%, for biochemistry | 367-93-1","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eIsopropyl-β-D-thiogalactopyranoside, 99%, for biochemistry\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e266729\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\"\u003e367-93-1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/24947\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003ch2\u003eProduct Introduction\u003c\/h2\u003e\n\u003cp\u003eIsopropyl-β-D-thiogalactopyranoside (IPTG) is a widely used non-metabolizable inducer of the lac operon in molecular biology. It is a synthetic analog of lactose that can effectively induce gene expression controlled by lac promoter-based systems.\u003c\/p\u003e\n\u003cp\u003eUnlike lactose, IPTG is not hydrolyzed by β-galactosidase, allowing for stable and sustained induction of recombinant protein expression. It binds to the lac repressor (LacI), releasing it from the operator region and enabling transcription of downstream genes.\u003c\/p\u003e\n\u003cp\u003eDue to its reliability and efficiency, IPTG is extensively used in recombinant protein expression, gene regulation studies, and bacterial expression systems, especially in E. coli.\u003c\/p\u003e\n\u003ch2\u003eMechanism of Reaction\u003c\/h2\u003e\n\u003cp\u003eIsopropyl-β-D-thiogalactopyranoside functions as a lac operon inducer.In molecular systems:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eIPTG binds to the lac repressor (LacI)\u003c\/li\u003e\n\u003cli\u003eCauses conformational change in LacI\u003c\/li\u003e\n\u003cli\u003eReleases LacI from the lac operator\u003c\/li\u003e\n\u003cli\u003eInitiates transcription of downstream genes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eThis makes IPTG ideal for controlled gene expression systems.\u003c\/p\u003e\n\u003ch2\u003eKey Research Applications\u003c\/h2\u003e\n\u003ch3\u003e1.Recombinant Protein Expression\u003c\/h3\u003e\n\u003cp\u003eIPTG is widely used to induce protein expression in bacterial systems.Typical applications include:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eExpression of recombinant proteins in E. coli\u003c\/li\u003e\n\u003cli\u003eInduction of lac promoter-controlled genes\u003c\/li\u003e\n\u003cli\u003eOptimization of expression conditions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e2.Gene Regulation Studies\u003c\/h3\u003e\n\u003cp\u003eIt is commonly used in studies of gene expression and regulation.Applications include:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePromoter activity analysis\u003c\/li\u003e\n\u003cli\u003eGene function studies\u003c\/li\u003e\n\u003cli\u003eRegulatory pathway research\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e3.Molecular Cloning and Reporter Systems\u003c\/h3\u003e\n\u003cp\u003eIPTG plays a key role in molecular biology techniques.Applications include:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBlue-white screening (with X-Gal)\u003c\/li\u003e\n\u003cli\u003eReporter gene assays\u003c\/li\u003e\n\u003cli\u003ePlasmid-based expression systems\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e4.Synthetic Biology and Biotechnology\u003c\/h3\u003e\n\u003cp\u003eWidely used in engineered biological systems.Applications include:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSynthetic gene circuit design\u003c\/li\u003e\n\u003cli\u003eControlled expression systems\u003c\/li\u003e\n\u003cli\u003eIndustrial biotechnology processes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eRecommended Experimental Conditions\u003c\/h2\u003e\n\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eParameter\u003c\/td\u003e\n\u003ctd\u003eRecommended Conditions\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWorking Concentration\u003c\/td\u003e\n\u003ctd\u003eTypically 0.1–1 mM (optimize as needed)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInduction Method\u003c\/td\u003e\n\u003ctd\u003eAddition to culture medium\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHost System\u003c\/td\u003e\n\u003ctd\u003eCommonly \u003cem\u003e\u003ci\u003eE. coli\u003c\/i\u003e\u003c\/em\u003e expression systems\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTemperature\u003c\/td\u003e\n\u003ctd\u003e16–37 °C (depending on expression strategy)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAssay Format\u003c\/td\u003e\n\u003ctd\u003eLiquid culture, agar plates\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n\u003cp\u003e\u003cem\u003e\u003ci\u003eOptimal conditions depend on vector, host strain, and target protein.\u003c\/i\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003ch2\u003eAdvantages in Enzyme Assays\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eStrong and stable induction capability\u003c\/li\u003e\n\u003cli\u003eNon-metabolizable (consistent expression levels)\u003c\/li\u003e\n\u003cli\u003eEasy to use and widely compatible\u003c\/li\u003e\n\u003cli\u003eSuitable for a wide range of expression systems\u003c\/li\u003e\n\u003cli\u003eHighly reproducible results\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eResearch Areas\u003c\/h2\u003e\n\u003cp\u003eResearchers working in the following fields may benefit from this compound:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMolecular biology and gene expression research\u003c\/li\u003e\n\u003cli\u003eRecombinant protein production\u003c\/li\u003e\n\u003cli\u003eSynthetic biology and genetic engineering\u003c\/li\u003e\n\u003cli\u003eMicrobiology and bacterial systems\u003c\/li\u003e\n\u003cli\u003eBiotechnology and industrial enzyme production\u003c\/li\u003e\n\u003c\/ul\u003e\n    \u003c\/div\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n    \u003ch2 class=\"section-header\"\u003eFAQ\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003e\u003cstrong\u003eWhat is IPTG used for?\u003c\/strong\u003e\u003cbr\u003eIt is used to induce gene expression in lac operon-based systems, especially in E. coli.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhy is IPTG preferred over lactose?\u003c\/strong\u003e\u003cbr\u003eBecause it is non-metabolizable, providing stable and continuous induction.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhat concentration of IPTG should be used?\u003c\/strong\u003e\u003cbr\u003eTypically 0.1–1 mM, but optimization is recommended depending on the system.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25G","offer_id":45499742126270,"sku":"JK266729_25_G","price":406.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/127562.png?v=1776282788"},{"product_id":"q8807-6364","title":"N-[(1R,2R)-2-(Dimethylamino)-1,2-diphenylethyl]-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 98%, (99% ee) | 1440198-44-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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(1R,2R)-2-(Dimethylamino)-1,2-diphenylethyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 98%, (99% ee)\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-6364\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\"\u003e1440198-44-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×100MG","offer_id":45502382604478,"sku":"SC07-6364_100_MG","price":193.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/25f79314e9cc019165a37a5b2fa7e20d.jpg?v=1776377619"},{"product_id":"q8807-6367","title":"N-[(1S,2S)-2-(1-Pyrrolidinyl)cyclohexyl]-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 95% | 1471290-67-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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(1S,2S)-2-(1-Pyrrolidinyl)cyclohexyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 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-6367\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\"\u003e1471290-67-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":45502400069822,"sku":"SC07-6367_50_MG","price":116.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/a29331f67dbd41fed59b762bea341c33.jpg?v=1776377629"},{"product_id":"q8807-6363","title":"N-[(1R,2R)-2-Aminocyclohexyl]-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 95% | 933456-75-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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(1R,2R)-2-Aminocyclohexyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 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-6363\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\"\u003e933456-75-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×100MG","offer_id":45502492639422,"sku":"SC07-6363_100_MG","price":180.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/149a9fdea59f9e282c23242f6927d97f.jpg?v=1776377616"},{"product_id":"q8805-0054","title":"7-{[(4,4,5,5-Tetramethyl-1,3,2-dioxaborolan-2-yl)benzyl]oxy}-2H-1-benzopyran-2-one CBBE | 1522117-80-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\"\u003e7-{\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4,4,5,5-Tetramethyl-1,3,2-dioxaborolan-2-yl)benzyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eoxy}-2H-1-benzopyran-2-one CBBE\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\"\u003e05-0054\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\"\u003e1522117-80-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×5mg","offer_id":45655212753086,"sku":"SC05-0054_5_MG","price":72.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/6e91acb55fb383faa9a4ac90d3d99338.jpg?v=1776373967"},{"product_id":"a01184406","title":"2-Chloro-4-nitrophenyl β-D-galactopyranoside, 98% | 123706-60-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Chloro-4-nitrophenyl β-D-galactopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e184406\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\"\u003e123706-60-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/15673\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1G","offer_id":45502080057534,"sku":"JK184406_1_G","price":118.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/9e4baf8d3bbd10a460a9e8b8a2193292.jpg?v=1776276211"},{"product_id":"q8807-0042","title":"N-[(1R,2R)-2-(Dimethylamino)cyclohexyl]-N'-(2,3,4,6-tetra-O-acetyl-\u0026#946;-D-glucopyranosyl)thiourea, min. 98% | 933456-78-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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(1R,2R)-2-(Dimethylamino)cyclohexyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 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\"\u003e07-0042\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\"\u003e933456-78-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×100mg","offer_id":45721455100094,"sku":"SC07-0042_100_MG","price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/82e3c79e118b0758f410b6f840a01e5f.jpg?v=1776375176"},{"product_id":"j5328218","title":"2-Acetamido-2-deoxy-b-D-glucopyranosyl azide 3,4,6-triacetate | 6205-69-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\"\u003e2-Acetamido-2-deoxy-b-D-glucopyranosyl azide 3,4,6-triacetate\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eChem Impex\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e28218\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\"\u003e6205-69-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        \u003cp\u003e2-Acetamido-2-deoxy-b-D-glucopyranosyl azide 3,4,6-triacetate is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003eGlycobiology: This compound plays a crucial role in the study of carbohydrate structures and functions, aiding researchers in understanding glycoproteins and their interactions in biological systems.\u003c\/p\u003e\n\u003cp\u003eDrug Development: Its azide group allows for click chemistry applications, facilitating the synthesis of new pharmaceutical compounds, which can lead to more effective drugs with fewer side effects.\u003c\/p\u003e\n\u003cp\u003eBioconjugation: The compound can be used to attach biomolecules to surfaces or other molecules, enhancing the development of targeted therapies and diagnostic tools in medicine.\u003c\/p\u003e\n\u003cp\u003ePolymer Chemistry: It serves as a building block for creating functionalized polymers, which can be applied in various industries, including biomedical devices and drug delivery systems.\u003c\/p\u003e\n\u003cp\u003eAnalytical Chemistry: This chemical is useful in the development of assays and detection methods, providing researchers with tools to analyze complex biological samples more effectively.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"Chem Impex","offers":[{"title":"1×1G","offer_id":45501873684670,"sku":"CI28218_1_G","price":123.0,"currency_code":"USD","in_stock":true},{"title":"1×10G","offer_id":45501873750206,"sku":"CI28218_10_G","price":900.2,"currency_code":"USD","in_stock":true},{"title":"1×5G","offer_id":45501873815742,"sku":"CI28218_5_G","price":480.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/433e44aad4e8efcaa3a2b52820de33cb.jpg?v=1776357436"},{"product_id":"q8807-0044","title":"N-[(1R,2R)-2-Amino-1,2-diphenylethyl]-N'-(2,3,4,6-tetra-O-acetyl-\u0026#946;-D-glucopyranosyl)thiourea, min. 98% | 1174340-49-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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(1R,2R)-2-Amino-1,2-diphenylethyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 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\"\u003e07-0044\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\"\u003e1174340-49-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×100mg","offer_id":45721457623230,"sku":"SC07-0044_100_MG","price":146.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/9bcb7951fafd6941b3952adeab284344.jpg?v=1776375183"},{"product_id":"q8807-0046","title":"N-[(8α;,9S)-6'-Methoxycinchonan-9-yl]-N'-(2,3,4,6-tetra-O-acetyl-\u0026#946;-D-glucopyranosyl)thiourea, min. 95% | 1402349-85-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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(8α;,9S)-6'-Methoxycinchonan-9-yl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 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-0046\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\"\u003e1402349-85-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×100mg","offer_id":45721460572350,"sku":"SC07-0046_100_MG","price":146.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/29222cbf3004c1e93ed9b0f844c1551e.jpg?v=1776375191"},{"product_id":"j5321810","title":"Octyl-b-D-thioglucopyranoside | 85618-21-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\"\u003eOctyl-b-D-thioglucopyranoside\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eChem Impex\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e21810\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\"\u003e85618-21-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n    \u003ch2 class=\"section-header\"\u003eApplication\u003c\/h2\u003e\n    \u003cdiv class=\"html-area\"\u003e\n        \u003cp\u003eOctyl-b-D-thioglucopyranoside is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003eBiotechnology: This compound serves as a non-ionic surfactant, enhancing the solubility of hydrophobic compounds in biological assays, which is crucial for drug formulation and delivery.\u003c\/p\u003e\n\u003cp\u003eCell Culture: It is used to improve cell membrane permeability, facilitating the uptake of therapeutic agents in mammalian cell cultures, thereby increasing the efficacy of treatments.\u003c\/p\u003e\n\u003cp\u003eProtein Purification: Octyl-b-D-thioglucopyranoside aids in the solubilization of membrane proteins, making it easier for researchers to isolate and study these proteins in various applications, including vaccine development.\u003c\/p\u003e\n\u003cp\u003eAnalytical Chemistry: This compound is employed in chromatography techniques to separate complex mixtures, providing clearer results in the analysis of biological samples.\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: Its ability to enhance drug solubility and stability makes it a valuable additive in the formulation of oral and injectable medications, improving patient outcomes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"Chem Impex","offers":[{"title":"1×100G","offer_id":45501917397182,"sku":"CI21810_100_G","price":1019.6,"currency_code":"USD","in_stock":true},{"title":"1×1G","offer_id":45501917429950,"sku":"CI21810_1_G","price":33.7,"currency_code":"USD","in_stock":false},{"title":"1×25G","offer_id":45501917462718,"sku":"CI21810_25_G","price":413.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/8a7ce870b538a1648420dece60b25398.jpg?v=1776342490"},{"product_id":"q8807-0043","title":"N-[(1S,2S)-2-(Dimethylamino)cyclohexyl]-N'-(2,3,4,6-tetra-O-acetyl-\u0026#946;-D-glucopyranosyl)thiourea, min. 98% | 1133834-54-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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(1S,2S)-2-(Dimethylamino)cyclohexyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 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\"\u003e07-0043\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\"\u003e1133834-54-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×100mg","offer_id":45721516179646,"sku":"SC07-0043_100_MG","price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/cf64d9da51664df788ba59cd6bb52ea4.jpg?v=1776375180"},{"product_id":"j5322710","title":"(4-Fmoc-amino-tetrahydropyran-4-yl)acetic acid | 946716-25-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-Fmoc-amino-tetrahydropyran-4-yl)acetic acid\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eChem Impex\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e22710\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\"\u003e946716-25-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        \u003cp\u003e(4-Fmoc-amino-tetrahydropyran-4-yl)acetic acid is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePeptide Synthesis: This compound serves as a protecting group in peptide synthesis, allowing for the selective modification of amino acids without interfering with other functional groups.\u003c\/p\u003e\n\u003cp\u003eDrug Development: It plays a crucial role in the design of new pharmaceuticals, particularly in creating compounds that can enhance bioavailability and stability in drug formulations.\u003c\/p\u003e\n\u003cp\u003eBioconjugation: The chemical is used in bioconjugation processes, facilitating the attachment of biomolecules to surfaces or other molecules, which is essential in developing targeted therapies.\u003c\/p\u003e\n\u003cp\u003eResearch in Organic Chemistry: Researchers utilize this compound for studying reaction mechanisms and developing new synthetic pathways, contributing to advancements in organic synthesis techniques.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: It is applied in creating functionalized polymers and materials, enhancing properties such as solubility and mechanical strength, which are valuable in various industrial applications.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"Chem Impex","offers":[{"title":"1×1G","offer_id":45501998596286,"sku":"CI22710_1_G","price":713.4,"currency_code":"USD","in_stock":true},{"title":"1×5G","offer_id":45501998694590,"sku":"CI22710_5_G","price":3173.8,"currency_code":"USD","in_stock":true},{"title":"1×100MG","offer_id":45501998727358,"sku":"CI22710_100_MG","price":147.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e29ce7e413fc8c68361783c7efa62860.jpg?v=1776343866"},{"product_id":"q8807-0045","title":"N-[(1R,2R)-1,2-Diphenyl-2-(1-piperidinyl)ethyl]-N'-(2,3,4,6-tetra-O-acetyl-\u0026#946;-D-glucopyranosyl)thiourea, min. 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\"\u003eN-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(1R,2R)-1,2-Diphenyl-2-(1-piperidinyl)ethyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-N'-(2,3,4,6-tetra-O-acetyl-β-D-glucopyranosyl)thiourea, 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\"\u003e07-0045\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×100mg","offer_id":45721677725886,"sku":"SC07-0045_100_MG","price":168.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/9efb81529860f9e21441338b8a5313cf.jpg?v=1776375187"},{"product_id":"q8808-1260","title":"(α;R)-Tetrahydro-α;-phenyl-2H-pyran-4-methanol, 98% (99% ee) | 1800345-36-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(α;R)-Tetrahydro-α;-phenyl-2H-pyran-4-methanol, 98% (99% ee)\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\"\u003e08-1260\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\"\u003e1800345-36-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×500mg","offer_id":45722185203902,"sku":"SC08-1260_500_MG","price":174.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/64d605a9e3e2afccb2cc1149661ba5ce.jpg?v=1776378052"},{"product_id":"a011418411","title":"Syringaresnol-4-O-β-D-apiofuranosyl-(1→2)-β-D-glucopyranoside,(-)-(p)  (-)-Syringaresnol-4-o-beta-d-apiofuranosyl-(1-2)-beta-d-glucopyranoside, 98%, from Silktree Albizia Bark | 136997-64-3","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eSyringaresnol-4-O-β-D-apiofuranosyl-(1→2)-β-D-glucopyranoside,(-)-(p)  (-)-Syringaresnol-4-o-beta-d-apiofuranosyl-(1-2)-beta-d-glucopyranoside, 98%, from Silktree Albizia Bark\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1418411\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\"\u003e136997-64-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5MG","offer_id":45727424086206,"sku":"JK1418411_5_MG","price":274.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_8c8c8f51-412a-4cbb-8255-6558bc605c78.png?v=1776272062"},{"product_id":"a011415532","title":"Diosmetin-7-O-β-D-glucopyranoside, 98% | 20126-59-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eDiosmetin-7-O-β-D-glucopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1415532\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\"\u003e20126-59-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/9162\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×20MG","offer_id":45727237669054,"sku":"JK1415532_20_MG","price":221.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/97111362652156ceb0bcd5d9a481e89d.jpg?v=1776271903"},{"product_id":"a01158857","title":"Tetrahydropyran-4-acetic acid, 97% | 85064-61-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eTetrahydropyran-4-acetic acid, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e158857\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\"\u003e85064-61-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/12232\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1G","offer_id":45727257952446,"sku":"JK158857_1_G","price":110.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/412394.png?v=1776273983"},{"product_id":"a01193434","title":"4-Methylumbelliferyl β-D-xylopyranoside, 98% | 6734-33-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-Methylumbelliferyl β-D-xylopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e193434\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\"\u003e6734-33-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/17069\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×250MG","offer_id":45727283249342,"sku":"JK193434_250_MG","price":347.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/8e046df7cbf462b659af50d1f3187de5.jpg?v=1776277247"},{"product_id":"a01200861","title":"1,2,3,4,6-Penta-O-galloyl-β-D-glucopyranose, 96% | 14937-32-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1,2,3,4,6-Penta-O-galloyl-β-D-glucopyranose, 96%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e200861\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\"\u003e14937-32-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/17958\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5MG","offer_id":45728485605566,"sku":"JK200861_5_MG","price":156.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/200861.png?v=1776277841"},{"product_id":"a01192653","title":"5-Bromo-4-chloro-3-indolyl β-D-glucopyranoside, 98% | 15548-60-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e5-Bromo-4-chloro-3-indolyl β-D-glucopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e192653\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\"\u003e15548-60-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/16987\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×100MG","offer_id":45727416451262,"sku":"JK192653_100_MG","price":837.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/29595f27a42e08affb53e0b42336ea19.jpg?v=1776277152"},{"product_id":"a01219074","title":"2-Acetamido-2-deoxy-6-O-(β-D-galactopyranosyl)-D-glucopyranose, 90% | 50787-10-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Acetamido-2-deoxy-6-O-(β-D-galactopyranosyl)-D-glucopyranose, 90%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e219074\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\"\u003e50787-10-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1MG","offer_id":45727417106622,"sku":"JK219074_1_MG","price":292.7,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/219074_1e1c9886-c7ae-4288-aa91-caac4d2dec4c.png?v=1776279139"},{"product_id":"a01264561","title":"4-Isothiocyanatophenyl α-D-mannopyranoside, 97% | 96345-79-8","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-Isothiocyanatophenyl α-D-mannopyranoside, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e264561\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\"\u003e96345-79-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/24743\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25MG","offer_id":45727432212670,"sku":"JK264561_25_MG","price":257.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/264561.png?v=1776282597"},{"product_id":"a01271280","title":"2-tert-Butyl-4-(dicyanomethylene)-6-[2-(1,1,7,7-tetramethyljulolidin-9-yl)vinyl]-4H-pyran, 98% | 200052-70-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-tert-Butyl-4-(dicyanomethylene)-6-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e2-(1,1,7,7-tetramethyljulolidin-9-yl)vinyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-4H-pyran, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e271280\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\"\u003e200052-70-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/25414\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×200MG","offer_id":45728217956542,"sku":"JK271280_200_MG","price":240.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/201232.png?v=1776283168"},{"product_id":"a012750831","title":"1,3,4,6-Tetra-O-acetyl-2-deoxy-2-[(2-azidoacetyl)amino]-β-D-glucopyranose, 98% | 857677-98-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1,3,4,6-Tetra-O-acetyl-2-deoxy-2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(2-azidoacetyl)amino\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-β-D-glucopyranose, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2750831\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\"\u003e857677-98-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25MG","offer_id":45727230329022,"sku":"JK2750831_25_MG","price":185.8,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/d47a5c79d3d27de2fbb2c8152f3c0ff2.jpg?v=1776283592"},{"product_id":"a01300047","title":"2-Acetamido-2-deoxy-3-O-(β-D-galactopyranosyl)-D-galactopyranose, 95% | 20972-29-6","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Acetamido-2-deoxy-3-O-(β-D-galactopyranosyl)-D-galactopyranose, 95%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e300047\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\"\u003e20972-29-6\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/28647\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1MG","offer_id":45727237931198,"sku":"JK300047_1_MG","price":409.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/300047.png?v=1776285283"},{"product_id":"a01330794","title":"Methyl β-D-galactopyranoside, 98% | 1824-94-8","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eMethyl β-D-galactopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e330794\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\"\u003e1824-94-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/30667\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1G","offer_id":45728226443454,"sku":"JK330794_1_G","price":74.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/330794.png?v=1776286673"},{"product_id":"a01331925","title":"6-Chloro-3-indolyl β-D-galactopyranoside, 98% | 138182-21-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e6-Chloro-3-indolyl β-D-galactopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e331925\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\"\u003e138182-21-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/30731\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×250MG","offer_id":45728831799486,"sku":"JK331925_250_MG","price":220.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/331925.png?v=1776286714"},{"product_id":"a01357101","title":"4-Aminophenyl β-L-fucopyranoside, 97% | 69936-58-9","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-Aminophenyl β-L-fucopyranoside, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e357101\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\"\u003e69936-58-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×250MG","offer_id":45728242892990,"sku":"JK357101_250_MG","price":347.6,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/357101.png?v=1776287663"},{"product_id":"a01360345","title":"4-(Tetrahydro-2H-pyran-2-yloxy)phenylboronic acid, 97% | 182281-01-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-(Tetrahydro-2H-pyran-2-yloxy)phenylboronic acid, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e360345\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\"\u003e182281-01-2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×5G","offer_id":45727259951294,"sku":"JK360345_5_G","price":61.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/360345.png?v=1776287796"},{"product_id":"a01334526","title":"1,2,3,4,6-Penta-O-acetyl-D-mannopyranose, 98% | 25941-03-1","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1,2,3,4,6-Penta-O-acetyl-D-mannopyranose, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e334526\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\"\u003e25941-03-1\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/30881\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×25G","offer_id":45729875525822,"sku":"JK334526_25_G","price":256.1,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/334526_4a33f977-6e3b-46ec-b6b8-1989d77443a5.png?v=1776286814"},{"product_id":"a01534966","title":"Decyl β-D-maltopyranoside, 98% | 82494-09-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eDecyl β-D-maltopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e534966\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\"\u003e82494-09-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/43173\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1G","offer_id":45727416123582,"sku":"JK534966_1_G","price":166.7,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/534966.png?v=1776294516"},{"product_id":"a01567607","title":"Nonyl β-D-glucopyranoside, 98% | 69984-73-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eNonyl β-D-glucopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e567607\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\"\u003e69984-73-2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/45145\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×250MG","offer_id":45727417368766,"sku":"JK567607_250_MG","price":77.7,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/567607.png?v=1776295651"},{"product_id":"a01615400","title":"4-Nitrophenyl β-D-xylopyranoside, 98% | 2001-96-9","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-Nitrophenyl β-D-xylopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e615400\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\"\u003e2001-96-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/47942\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×100MG","offer_id":45733816631486,"sku":"JK615400_100_MG","price":53.2,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/615400.png?v=1776297407"},{"product_id":"a01632892","title":"Tridecyl β-D-maltopyranoside, 98% | 93911-12-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eTridecyl β-D-maltopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e632892\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\"\u003e93911-12-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/49293\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1G","offer_id":45727429034174,"sku":"JK632892_1_G","price":623.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/632892.png?v=1776298100"},{"product_id":"a01770039","title":"1,3,4,6-Tetra-O-acetyl-2-deoxy-D-glucopyranose, 98% | 69515-91-9","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1,3,4,6-Tetra-O-acetyl-2-deoxy-D-glucopyranose, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e770039\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\"\u003e69515-91-9\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/2629980\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1G","offer_id":45727429198014,"sku":"JK770039_1_G","price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/5889b4b9b166ef46a4adfb5c616f5f88.jpg?v=1776298214"},{"product_id":"a01771034","title":"4-Nitrophenyl 2,3,4,6-tetra-O-acetyl-α-D-mannopyranoside, 98% | 13242-51-8","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-Nitrophenyl 2,3,4,6-tetra-O-acetyl-α-D-mannopyranoside, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e771034\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\"\u003e13242-51-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×250MG","offer_id":45733938528446,"sku":"JK771034_250_MG","price":125.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/4803cb87b4c169ff03a46f9908fd5ec6.jpg?v=1776298231"},{"product_id":"a01913850","title":"1-(2-Tetrahydropyranyl)-1H-pyrazole-5-boronic acid pinacol ester, 97% | 903550-26-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1-(2-Tetrahydropyranyl)-1H-pyrazole-5-boronic acid pinacol ester, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e913850\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\"\u003e903550-26-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/54569\/1\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eView\/Download\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"J\u0026K Chemical","offers":[{"title":"1×1G","offer_id":45728268124350,"sku":"JK913850_1_G","price":21.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/913850.png?v=1776300892"},{"product_id":"a019229576","title":"Hydroxypropyl tetrahydropyrantriol, 98% | 439685-79-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eHydroxypropyl tetrahydropyrantriol, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e9229576\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\"\u003e439685-79-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":"J\u0026K Chemical","offers":[{"title":"1×100MG","offer_id":45728500056254,"sku":"JK9229576_100_MG","price":174.6,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/16428f685fb77d179de7e7df24c9db70.jpg?v=1776302818"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/collections\/2H-Pyran_svg.png?v=1781160624","url":"https:\/\/www.jk-sci.com\/collections\/pyran.oembed?page=2","provider":"J\u0026K Scientific LLC","version":"1.0","type":"link"}