{"title":"Pyridines","description":"\u003ch2\u003e\u003cspan class=\"\"\u003eBasic Product Introduction\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003ePyridine\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e\u003cspan\u003e \u003c\/span\u003e(molecular formula: C₅H₅N) is a nitrogen-containing six-membered aromatic heterocyclic compound, structurally similar to benzene but with one CH group replaced by a nitrogen atom. It appears as a colorless to pale yellow liquid with a characteristic pungent odor. Pyridine is one of the most important heterocycles in the chemical industry.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan class=\"\"\u003eCore Chemical Properties\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eAs a nitrogen-containing aromatic heterocycle, pyridine has the following characteristics:\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eAromatic Stability\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: The nitrogen atom contributes one π-electron to the conjugated system, forming a stable 6-electron aromatic system, offering good thermal and chemical stability.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eBasicity\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: The nitrogen atom on the pyridine ring possesses a lone pair of electrons that does not participate in aromatic conjugation, making pyridine basic (pKb ≈ 8.8). It can form salts with acids.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eElectron-Deficient Character\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: The strong electronegativity of the nitrogen atom makes the pyridine ring electron-deficient through an inductive effect. Electrophilic substitution reactions are more difficult than on benzene and preferentially occur at the\u003cspan\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003e3-position\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e\u003cspan\u003e \u003c\/span\u003e(β-position). In contrast, nucleophilic substitution reactions are relatively easier and preferentially occur at the\u003cspan\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003e2-position\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e\u003cspan\u003e \u003c\/span\u003eand\u003cspan\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003e4-position\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e\u003cspan\u003e \u003c\/span\u003e(α- and γ-positions).\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eCoordination Ability\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: The pyridine nitrogen is an excellent coordinating atom, forming stable complexes with metal ions, and is widely used in catalytic chemistry.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cspan class=\"\"\u003eApplication Introduction\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch3\u003e\u003cspan class=\"\"\u003e2.1 Pharmaceutical Applications\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eThe pyridine ring is one of the most common nitrogen-containing heterocycles in drug molecules, present in numerous marketed drugs. The pyridine ring improves water solubility, metabolic stability, and target binding affinity.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eVitamins and Coenzymes\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Niacin (vitamin B₃, 3-pyridinecarboxylic acid) and nicotinamide are essential human nutrients, participating in the synthesis of NAD and NADP coenzymes, playing key roles in energy metabolism.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eADC Linkers\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Pyridine derivatives serve as linker building blocks in antibody-drug conjugates (ADCs) for stable conjugation between antibodies and cytotoxic drugs.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan class=\"\"\u003e2.2 Agrochemical Applications\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003ePyridine compounds are important scaffolds in modern agrochemicals, characterized by high efficacy, low toxicity, and broad spectrum.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eRepresentative Agrochemicals\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"ds-scroll-area ds-scroll-area--show-on-focus-within ds-scroll-area--enabled _1210dd7 c03cafe9\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e\u003cspan class=\"\"\u003eCategory\u003c\/span\u003e\u003c\/th\u003e\n\u003cth\u003e\u003cspan class=\"\"\u003eRepresentative Products\u003c\/span\u003e\u003c\/th\u003e\n\u003cth\u003e\u003cspan class=\"\"\u003eUse\u003c\/span\u003e\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eHerbicides\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eParaquat, Fluroxypyr\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003ePyridinium salt structure, rapid contact action\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eInsecticides\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eImidacloprid, Acetamiprid\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eNeonicotinoids, acting on insect nervous system\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eFungicides\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eFluopicolide, Boscalid\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"\"\u003eContain pyridine or pyridine carboxamide structures\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003eThe product\u003cspan\u003e \u003c\/span\u003e\u003c\/span\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003e3-Chloro-2-ethoxy-5-(trifluoromethyl)pyridine\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e\u003cspan\u003e \u003c\/span\u003efrom the J\u0026amp;K page features a combination of trifluoromethyl and chlorine atoms, which are common structural motifs in agrochemical molecules, improving metabolic stability and lipophilicity.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cspan class=\"\"\u003e2.3 Coordination Chemistry and Catalysis\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003ePyridine is the most classic neutral ligand in coordination chemistry:\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eTransition Metal Catalysts\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Pyridine and its derivatives are widely used in catalytic systems for palladium, nickel, copper, etc., supporting cross-coupling reactions such as Suzuki, Buchwald-Hartwig, and C-H activation.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eMOF Materials\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Pyridine carboxylic acids (e.g., isonicotinic acid) are important organic linkers for constructing metal-organic frameworks (MOFs).\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eAsymmetric Catalysis\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Chiral pyridine ligands are used in asymmetric synthesis.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ds-scroll-area ds-scroll-area--show-on-focus-within ds-scroll-area--enabled _1210dd7 c03cafe9\"\u003e\n\u003cdiv class=\"ds-scroll-area__gutters\"\u003e\n\u003cdiv class=\"ds-scroll-area__horizontal-gutter\"\u003e\n\u003ch3\u003e\u003cspan class=\"\"\u003e2.4 Materials Science\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cspan class=\"\"\u003ePyridine-based materials are valued for their electron-deficient nature and coordination ability.\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eOrganic semiconductors\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Electron transport materials with improved mobility and stability.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eOLEDs\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Electron injection\/transport layers for better device efficiency.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003ePerovskite solar cells\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Additives that passivate defects, boosting efficiency and stability.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eConductive polymers\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Used in electrochromic devices and chemical sensors.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eIonic liquids\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Pyridinium salts as green solvents and electrolytes.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eMOFs\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Pyridine carboxylates as linkers for gas storage, catalysis, and drug delivery.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003e\u003cspan class=\"\"\u003e2.5 Organic Synthesis and Industrial Applications\u003c\/span\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eSolvent\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Pyridine is a good basic solvent, widely used in esterification and acylation reactions of acyl chlorides.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eAcid Scavenger\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Pyridine can act as an acid scavenger to neutralize HCl produced in reactions.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003ePharmaceutical Intermediates\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Halogenated pyridines (e.g., 2-chloropyridine, 3-chloropyridine) are versatile intermediates for synthesizing various active molecules.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"ds-markdown-paragraph\"\u003e\u003cstrong\u003e\u003cspan class=\"\"\u003eFine Chemicals\u003c\/span\u003e\u003c\/strong\u003e\u003cspan class=\"\"\u003e: Used in the synthesis of dyes, surfactants, rubber additives, etc.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 class=\"ace-line ace-line old-record-id-XOO5dSjeZondpVxIvYCcLiujnQJ\"\u003eNeed Bulk Quantities? Let’s Talk Strategy.\u003c\/h2\u003e\n\u003cp data-start=\"586\" data-end=\"976\"\u003eAt \u003cstrong data-start=\"589\" data-end=\"607\"\u003eJ\u0026amp;K Scientific\u003c\/strong\u003e, we supply a comprehensive range of \u003cstrong data-start=\"644\" data-end=\"672\"\u003epyridine-based compounds\u003c\/strong\u003e with high purity grades suitable for both \u003cstrong data-start=\"715\" data-end=\"740\"\u003eresearch laboratories\u003c\/strong\u003e and \u003cstrong data-start=\"745\" data-end=\"776\"\u003eindustrial-scale production\u003c\/strong\u003e. Whether you're synthesizing pyridine-substituted scaffolds or working on custom formulations, we offer \u003cstrong data-start=\"881\" data-end=\"950\"\u003econsistent quality, global logistics, and technical documentation\u003c\/strong\u003e to support your workflow.\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.jk-sci.com\/pages\/request-bulk-quote\" rel=\"noopener\" target=\"_blank\"\u003e—\u0026gt; Request a Bulk Quote\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.jk-sci.com\/pages\/contact-form\" rel=\"noopener\" target=\"_blank\"\u003e—\u0026gt; Contact Our Technical Team\u003c\/a\u003e\u003c\/p\u003e","products":[{"product_id":"a01138859","title":"2-Acetamido-5-fluoropyridine, 97% | 100304-88-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-Acetamido-5-fluoropyridine, 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\"\u003e138859\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\"\u003e100304-88-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\/8399\/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":45497675972798,"sku":"JK138859_1_G","price":215.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/315261.png?v=1776271445"},{"product_id":"a011278248","title":"2-(Chloromethyl)-4-methoxy-3-methylpyridine hydrochloride, 99% | 86604-74-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-(Chloromethyl)-4-methoxy-3-methylpyridine hydrochloride, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1278248\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\"\u003e86604-74-2\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\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":45497682165950,"sku":"JK1278248_25_G","price":514.1,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/29cb55d42e015ae5044fa67f19ee8f2e.jpg?v=1776270403"},{"product_id":"a01284237","title":"2,3-Dimethylpyridine N-oxide, 98% | 22710-07-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,3-Dimethylpyridine N-oxide, 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\"\u003e284237\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\"\u003e22710-07-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\/27217\/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":45497683017918,"sku":"JK284237_1_G","price":205.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/454912.png?v=1776284236"},{"product_id":"a01287048","title":"4-Amino-3-bromopyridine, 97% | 13534-98-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e4-Amino-3-bromopyridine, 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\"\u003e287048\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\"\u003e13534-98-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/27487\/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":45497687441598,"sku":"JK287048_5_G","price":177.7,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/287048.png?v=1776284452"},{"product_id":"a01332181","title":"2-Hydroxy-5-bromopyridine, 97% | 13466-38-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\"\u003e2-Hydroxy-5-bromopyridine, 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\"\u003e332181\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\"\u003e13466-38-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\/30741\/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":45497690882238,"sku":"JK332181_5_G","price":46.8,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/332181.png?v=1776286737"},{"product_id":"a019188717","title":"2-[(4R)-4,5-Dihydro-4-(phenylmethyl)-2-oxazolyl]pyridine, 97%, ee: 98% | 1108603-35-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-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4R)-4,5-Dihydro-4-(phenylmethyl)-2-oxazolyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 97%, ee: 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\"\u003e9188717\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\"\u003e1108603-35-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×500MG","offer_id":45499476345022,"sku":"JK9188717_500_MG","price":110.3,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/0a380856f86a2a3b444f1500113dd6ba.jpg?v=1776301808"},{"product_id":"a011415149","title":"4-Chloro-3-methyl-1H-pyrrolo[2,3-b]pyridine, 95% | 688782-02-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\"\u003e4-Chloro-3-methyl-1H-pyrrolo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e2,3-b\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 95%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\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\"\u003e1415149\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\"\u003e688782-02-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×5G","offer_id":45499545845950,"sku":"JK1415149_5_G","price":337.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/0d3efd41ac84017bbf754879c2bb0ec2.jpg?v=1776271844"},{"product_id":"a01230636","title":"3-Bromo-6-methoxy-2-methyl-5-nitropyridine, 99% | 186413-76-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\"\u003e3-Bromo-6-methoxy-2-methyl-5-nitropyridine, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e230636\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\"\u003e186413-76-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/21283\/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":45499574714558,"sku":"JK230636_1_G","price":186.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/698288.png?v=1776279833"},{"product_id":"a01h08002","title":"2-Amino-3-pyridinecarboxaldehyde, 98% | 7521-41-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Amino-3-pyridinecarboxaldehyde, 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\"\u003e220708\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\"\u003e7521-41-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\/67315\/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":45499577729214,"sku":"JKH08002_5_G","price":287.8,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/324457.png?v=1776313653"},{"product_id":"a012133372","title":"Methyl-2-[bis-(2-pyridylmethyl)aminomethyl]pyridine-5-carboxylate, 98% | 146781-03-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\"\u003eMethyl-2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003ebis-(2-pyridylmethyl)aminomethyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine-5-carboxylate, 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\"\u003e2133372\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\"\u003e146781-03-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×500MG","offer_id":45499575763134,"sku":"JK2133372_500_MG","price":45.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/GeneralChemical_optimized_15963c11-16cc-4685-83e9-1d3460c0a6d1.png?v=1776278750"},{"product_id":"a01254382","title":"3-Bromo-6-chloro-2-methyl-5-nitropyridine, 97% | 186413-75-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\"\u003e3-Bromo-6-chloro-2-methyl-5-nitropyridine, 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\"\u003e254382\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\"\u003e186413-75-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\/23747\/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":45499605385406,"sku":"JK254382_250_MG","price":160.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/698289.png?v=1776281871"},{"product_id":"a01369049","title":"2-(4-Fluorophenyl)pyridine, 97% | 58861-53-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-(4-Fluorophenyl)pyridine, 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\"\u003e369049\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\"\u003e58861-53-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×1G","offer_id":45499576025278,"sku":"JK369049_1_G","price":70.8,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/369049.png?v=1776288162"},{"product_id":"a01951471","title":"Ethyl 2,4-dihydroxy-6-methyl-3-pyridine-carboxylate, 98% | 70254-52-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\"\u003eEthyl 2,4-dihydroxy-6-methyl-3-pyridine-carboxylate, 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\"\u003e951471\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\"\u003e70254-52-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/59463\/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":45499675214014,"sku":"JK951471_5_G","price":175.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/136826.png?v=1776308626"},{"product_id":"a01h08257","title":"2-Nitro-4-pyridinecarboxylic acid, 97% | 33225-74-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-Nitro-4-pyridinecarboxylic 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\"\u003e100139\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\"\u003e33225-74-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":45499680817342,"sku":"JKH08257_1_G","price":152.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e134563a6f288e65a39d3d3afdde5b9d.jpg?v=1776313771"},{"product_id":"a01289695","title":"Ethyl imidazo[1,2-a]pyridine-2-carboxylate, 97% | 38922-77-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\"\u003eEthyl imidazo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine-2-carboxylate, 97%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e289695\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\"\u003e38922-77-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\/27735\/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":45499584020670,"sku":"JK289695_1_G","price":37.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/386617.png?v=1776284653"},{"product_id":"a01402929","title":"3-Acetylpyridine adenine dinucleotide, 84% | 86-08-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-Acetylpyridine adenine dinucleotide, 84%\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\"\u003e402929\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\"\u003e86-08-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\/35089\/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":45499580481726,"sku":"JK402929_250_MG","price":176.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/402929.png?v=1776289471"},{"product_id":"a01126328","title":"2-Methylimidazo[1,2-a]pyridine-3-carboxylic acid, 97% | 21801-79-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-Methylimidazo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine-3-carboxylic 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\"\u003e126328\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\"\u003e21801-79-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\/6822\/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":45499686846654,"sku":"JK126328_1_G","price":244.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/230063.png?v=1776270287"},{"product_id":"a01293940","title":"6-Bromo-2-methyl-4-nitropyridine-N-oxide, 97% | 60323-99-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\"\u003e6-Bromo-2-methyl-4-nitropyridine-N-oxide, 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\"\u003e293940\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\"\u003e60323-99-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\/28111\/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":45499585265854,"sku":"JK293940_100_MG","price":73.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/796029.png?v=1776284867"},{"product_id":"a01103092","title":"3,5-Dichloro-2-fluoropyridine, 98% | 823-56-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\"\u003e3,5-Dichloro-2-fluoropyridine, 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\"\u003e103092\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\"\u003e823-56-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/882\/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":45499589034174,"sku":"JK103092_1_G","price":52.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/103092_e36e9ccc-8873-4579-8e4b-0c281c2ac68e.png?v=1776966977"},{"product_id":"a01486811","title":"2-Pyridinealdoxime methiodide, 99% | 94-63-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-Pyridinealdoxime methiodide, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e486811\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\"\u003e94-63-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/40259\/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":45499598471358,"sku":"JK486811_5_G","price":16.3,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/486811.png?v=1776292722"},{"product_id":"a01453257","title":"4-Bromo-2-methoxypyridine, 98% | 100367-39-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\"\u003e4-Bromo-2-methoxypyridine, 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\"\u003e453257\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\"\u003e100367-39-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/38213\/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":45499611906238,"sku":"JK453257_5_G","price":776.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/453257.png?v=1776291446"},{"product_id":"a01390078","title":"2-Bromopyridine-5-boronic acid pinacol ester, 97% | 214360-62-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-Bromopyridine-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\"\u003e390078\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\"\u003e214360-62-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\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":45499616395454,"sku":"JK390078_1_G","price":13.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/390078.png?v=1776288950"},{"product_id":"a01996779","title":"2-(3-Bromophenyl)pyridine, 98% | 4373-60-8","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-(3-Bromophenyl)pyridine, 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\"\u003e996779\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\"\u003e4373-60-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×25G","offer_id":45499676229822,"sku":"JK996779_25_G","price":225.1,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/85cdf9c2b76cd37f447040947335ee9e.jpg?v=1776312789"},{"product_id":"a01136149","title":"6-Methoxypyridine-2-carboxylic acid, 98% | 26893-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\"\u003e6-Methoxypyridine-2-carboxylic acid, 98%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e136149\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\"\u003e26893-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\/8049\/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":45499746943166,"sku":"JK136149_1_G","price":33.1,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/136149.png?v=1776271117"},{"product_id":"a01322288","title":"Ethyl 6-Bromopyridine-2-carboxylate, 98% | 21190-88-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\"\u003eEthyl 6-Bromopyridine-2-carboxylate, 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\"\u003e322288\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\"\u003e21190-88-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×100G","offer_id":45499684552894,"sku":"JK322288_100_G","price":149.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/322288.png?v=1776286308"},{"product_id":"q8807-1365","title":"2,6-Bis[(4R)-isopropyl-2-oxazolin-2-yl]pyridine, 98%, (99% ee) | 131864-67-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,6-Bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4R)-isopropyl-2-oxazolin-2-yl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 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-1365\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\"\u003e131864-67-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1G","offer_id":45501823844542,"sku":"SC07-1365_1_G","price":98.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/353382_f9fb0bbe-dbc1-4a58-bd75-7acc91d371f3.png?v=1776376712"},{"product_id":"a01h08101","title":"6-Methyl-2-pyridinecarbonitrile, 98% | 1620-75-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\"\u003e6-Methyl-2-pyridinecarbonitrile, 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\"\u003e107492\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\"\u003e1620-75-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\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":45499730559166,"sku":"JKH08101_1_G","price":25.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/5b00e0eb2a3ed691b0730929c95e7879.jpg?v=1776313684"},{"product_id":"a01387380","title":"2-Chloro-6-methoxypyridine, 98% | 17228-64-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Chloro-6-methoxypyridine, 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\"\u003e387380\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\"\u003e17228-64-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\/34117\/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":45499679375550,"sku":"JK387380_25_G","price":85.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/387380.png?v=1776288845"},{"product_id":"a01159421","title":"2,3-Dichloropyridine, 98% | 2402-77-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-Dichloropyridine, 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\"\u003e159421\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\"\u003e2402-77-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\/12361\/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×50G","offer_id":45499734524094,"sku":"JK159421_50_G","price":293.3,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/113109.png?v=1776274068"},{"product_id":"a01293169","title":"2,6-Pyridinedicarboxylic acid diethyl ester, 99% | 15658-60-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,6-Pyridinedicarboxylic acid diethyl ester, 99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e293169\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\"\u003e15658-60-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eSDS Document\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003ca href=\"https:\/\/web.jkchemical.com\/partial\/productMsdsFileByProductId\/EN\/28033\/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":45499683274942,"sku":"JK293169_25_G","price":180.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/f7ff876489a6b4e1c6db3b278e188cba.jpg?v=1776284823"},{"product_id":"a01402036","title":"2-Phenylpyridine, 98% | 1008-89-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-Phenylpyridine, 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\"\u003e402036\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1008-89-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n        \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\/35030\/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":45499687272638,"sku":"JK402036_25_G","price":82.2,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/402036.png?v=1776289412"},{"product_id":"a01916855","title":"5-Bromo-2-fluoropyridine-3-carboxaldehyde, 98% | 875781-15-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\"\u003e5-Bromo-2-fluoropyridine-3-carboxaldehyde, 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\"\u003e916855\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\"\u003e875781-15-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×25G","offer_id":45499745665214,"sku":"JK916855_25_G","price":53.5,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/d5cc1cf169d01961ac909b893f71a5bc.jpg?v=1776301289"},{"product_id":"a01211508","title":"2-Methylimidazo[1,2-a]pyridine-3-carboxylic acid ethyl ester, 97% | 2549-19-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\"\u003e2-Methylimidazo\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2-a\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine-3-carboxylic acid ethyl 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\"\u003e211508\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\"\u003e2549-19-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\/19069\/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×500MG","offer_id":45499616100542,"sku":"JK211508_500_MG","price":71.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/103087.png?v=1776278620"},{"product_id":"a01976061","title":"2-Cyano-4-nitropyridine, 98% | 19235-88-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Cyano-4-nitropyridine, 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\"\u003e976061\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\"\u003e19235-88-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×1G","offer_id":45499674394814,"sku":"JK976061_1_G","price":35.3,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/281094.png?v=1776310916"},{"product_id":"a01289340","title":"Diethyl 2,6-dimethylpyridine-3,5-dicarboxylate, 97% | 1149-24-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\"\u003eDiethyl 2,6-dimethylpyridine-3,5-dicarboxylate, 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\"\u003e289340\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\"\u003e1149-24-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×1G","offer_id":45499733639358,"sku":"JK289340_1_G","price":25.7,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/289340.png?v=1776284619"},{"product_id":"a01255623","title":"2,6-Bis[(4R)-4-tert-butyloxazolin-2-yl]pyridine, 98%, ee: ≥99% | 185346-17-2","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display: none !important;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,6-Bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4R)-4-tert-butyloxazolin-2-yl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 98%, ee: ≥99%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eJ\u0026amp;K\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e255623\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\"\u003e185346-17-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×1G","offer_id":45499742257342,"sku":"JK255623_1_G","price":96.4,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/255623.png?v=1776281943"},{"product_id":"a011431108","title":"1,4-Dihydro-1-(5-methoxy-1H-benzimidazol-2-yl)-3,5-dimethyl-4-oxo-2-pyridinecarboxylic acid ammonium salt, 98% | 2227107-89-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,4-Dihydro-1-(5-methoxy-1H-benzimidazol-2-yl)-3,5-dimethyl-4-oxo-2-pyridinecarboxylic acid ammonium salt, 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\"\u003e1431108\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\"\u003e2227107-89-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\/9584\/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×2.5MG","offer_id":45499753791678,"sku":"JK1431108_2.5_MG","price":522.6,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ec7b3137e30f540de416de2ea42fcfc6.jpg?v=1776272239"},{"product_id":"j5323650","title":"2-Piperidin-4-Ylmethylpyridine Dihydrochloride | 886886-02-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\"\u003e2-Piperidin-4-Ylmethylpyridine Dihydrochloride\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\"\u003e23650\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\"\u003e886886-02-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":"Chem Impex","offers":[{"title":"1×1G","offer_id":45502051614910,"sku":"CI23650_1_G","price":1288.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/312099.png?v=1776346429"},{"product_id":"q8807-1367","title":"(3aS,3'aS,8aR,8'aR)-2,2'-(2,6-Pyridinediyl)bis[3a,8a-dihydro-8H-indeno[1,2-d]oxazole], 95%, (99% ee) | 185346-09-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(3aS,3'aS,8aR,8'aR)-2,2'-(2,6-Pyridinediyl)bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e3a,8a-dihydro-8H-indeno\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e1,2-d\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003eoxazole\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e, 95%, (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-1367\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\"\u003e185346-09-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×250MG","offer_id":45502392598718,"sku":"SC07-1367_250_MG","price":126.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/06c8e493f8ddd2597971083a56757f5b.jpg?v=1776376719"},{"product_id":"q8807-0136","title":"Pyridine-2-aldoxime, min. 98% | 873-69-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\"\u003ePyridine-2-aldoxime, 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-0136\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\"\u003e873-69-8\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×250G","offer_id":45501832167614,"sku":"SC07-0136_250_G","price":406.0,"currency_code":"USD","in_stock":true},{"title":"1×100G","offer_id":45501832200382,"sku":"SC07-0136_100_G","price":189.0,"currency_code":"USD","in_stock":true},{"title":"1×25G","offer_id":45501832233150,"sku":"SC07-0136_25_G","price":73.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/529268.png?v=1776375441"},{"product_id":"q8807-0116","title":"3-Methoxypyridine, min. 98% | 7295-76-3","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e3-Methoxypyridine, 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-0116\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\"\u003e7295-76-3\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×100G","offer_id":45502387945662,"sku":"SC07-0116_100_G","price":360.0,"currency_code":"USD","in_stock":true},{"title":"1×25G","offer_id":45502387978430,"sku":"SC07-0116_25_G","price":120.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/507722_26ae8328-5ba2-433b-9687-01f25fd0192c.png?v=1776375382"},{"product_id":"j5326989","title":"2-Mercaptopyridine N-oxide | 1121-31-9","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Mercaptopyridine N-oxide\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\"\u003e26989\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\"\u003e1121-31-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\u003e2-Mercaptopyridine N-oxide is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003ePharmaceutical Development: This compound serves as a key intermediate in the synthesis of various pharmaceuticals, particularly those targeting neurological disorders, enhancing drug efficacy.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemistry: It is employed in the formulation of pesticides and fungicides, providing effective solutions for crop protection while minimizing environmental impact.\u003c\/p\u003e\n\u003cp\u003eAnalytical Chemistry: Used as a reagent in analytical methods, it helps in the detection and quantification of metal ions, making it valuable in environmental monitoring.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: This compound is incorporated in the development of corrosion inhibitors, protecting metals in harsh environments and extending the lifespan of industrial equipment.\u003c\/p\u003e\n\u003cp\u003eBiochemical Research: It plays a role in studying enzyme activity and protein interactions, aiding researchers in understanding biological processes and developing new therapeutic strategies.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"Chem Impex","offers":[{"title":"1×5G","offer_id":45501852352702,"sku":"CI26989_5_G","price":70.1,"currency_code":"USD","in_stock":true},{"title":"1×100G","offer_id":45501852418238,"sku":"CI26989_100_G","price":397.8,"currency_code":"USD","in_stock":true},{"title":"1×1G","offer_id":45501852483774,"sku":"CI26989_1_G","price":21.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/3ad5b23209f12b1a4f7b79d35ba9ec9f.jpg?v=1776354524"},{"product_id":"q8807-1040","title":"2-[(4R)-4-Isobutyl-4,5-dihydro-2-oxazolyl]-5-(trifluoromethyl)pyridine, 98%, (99% ee)","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4R)-4-Isobutyl-4,5-dihydro-2-oxazolyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003e-5-(trifluoromethyl)pyridine, 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-1040\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×50mg","offer_id":45721634504894,"sku":"SC07-1040_50_MG","price":123.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/66a442a0671a64aca6586c85ccccf75e.jpg?v=1776376492"},{"product_id":"q8807-1048","title":"2-[(4S)-4,5-Dihydro-4-isopropyl-2-oxazolyl]pyridine, 98%, (99% ee) | 108915-04-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4S)-4,5-Dihydro-4-isopropyl-2-oxazolyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 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-1048\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\"\u003e108915-04-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":45721635127486,"sku":"SC07-1048_100_MG","price":128.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/ab35848c7435ccce4c5053afab10f627.jpg?v=1776376507"},{"product_id":"j5328252","title":"4-Bromopyridine hydrochloride | 19524-06-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\"\u003e4-Bromopyridine hydrochloride\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\"\u003e28252\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\"\u003e19524-06-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\u003e4-Bromopyridine hydrochloride is widely utilized in research focused on:\u003c\/p\u003e\n\u003cp\u003eSynthesis of Pharmaceuticals: This compound serves as a key intermediate in the synthesis of various pharmaceutical agents, particularly those targeting neurological disorders, enhancing drug development processes.\u003c\/p\u003e\n\u003cp\u003eAgricultural Chemicals: It is used in the formulation of agrochemicals, contributing to the development of effective pesticides and herbicides that help improve crop yields and protect against pests.\u003c\/p\u003e\n\u003cp\u003eMaterial Science: The compound is employed in creating specialized polymers and materials, offering unique properties that enhance the performance of coatings and adhesives.\u003c\/p\u003e\n\u003cp\u003eResearch Reagents: As a reagent in organic synthesis, it aids researchers in developing new chemical reactions, facilitating advancements in chemical research and innovation.\u003c\/p\u003e\n\u003cp\u003eBiochemical Applications: It is utilized in studying enzyme activities and interactions, providing insights into biochemical pathways and aiding in the discovery of new therapeutic targets.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"Chem Impex","offers":[{"title":"1×5G","offer_id":45501929226430,"sku":"CI28252_5_G","price":21.3,"currency_code":"USD","in_stock":true},{"title":"1×100G","offer_id":45501929259198,"sku":"CI28252_100_G","price":186.8,"currency_code":"USD","in_stock":true},{"title":"1×25G","offer_id":45501929291966,"sku":"CI28252_25_G","price":61.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e59fb1eb7c771ceb8d417ee0b4f754e2.jpg?v=1776357531"},{"product_id":"q8807-1363","title":"2,6-Bis[(4R)-phenyl-2-oxazolin-2-yl]pyridine, 98%, (99% ee) | 128249-70-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,6-Bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4R)-phenyl-2-oxazolin-2-yl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 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-1363\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\"\u003e128249-70-7\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45721642205374,"sku":"SC07-1363_1_G","price":173.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e6e2d992558ad677351664f0c611180d.jpg?v=1776376705"},{"product_id":"q8807-1366","title":"2,6-Bis[(4S)-isopropyl-2-oxazolin-2-yl]pyridine, 98%, (99% ee) | 118949-61-4","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,6-Bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4S)-isopropyl-2-oxazolin-2-yl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 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-1366\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\"\u003e118949-61-4\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45721643024574,"sku":"SC07-1366_1_G","price":118.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/e6409abbcc2553c4bd1500cac4ebb686.jpg?v=1776376716"},{"product_id":"q8807-1780","title":"2-Phenylpyridine, 95% | 1008-89-5","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-Phenylpyridine, 95%\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eBrand Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003eUS-Strem\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Number\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e07-1780\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCAS\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e1008-89-5\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45721660063934,"sku":"SC07-1780_1_G","price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/759af4616a137cb6786082f516f622c9.jpg?v=1776377011"},{"product_id":"q8807-1049","title":"2-[(4R)-4,5-Dihydro-4-isopropyl-2-oxazolyl]pyridine, 98% (99% ee) | 132187-16-7","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2-\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4R)-4,5-Dihydro-4-isopropyl-2-oxazolyl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 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-1049\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\"\u003e132187-16-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×100mg","offer_id":45721696600254,"sku":"SC07-1049_100_MG","price":123.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/9d0171cbd844e05aff87618f652f3607.jpg?v=1776376511"},{"product_id":"q8807-1364","title":"2,6-Bis[(4S)-phenyl-2-oxazolin-2-yl]pyridine, 98%, (99% ee) | 174500-20-0","description":"\u003cstyle\u003e\n  \/* isQuote *\/\n  div.swatch.clearfix {\n    display:  unset ;\n  }\n\n  \/* Hide sku *\/\n  .product-sku, \n  #leadtimetext {\n    display: none !important;\n  }\n\n  \/* Square brackets *\/\n  span.l_bracket:before {\n    content: \"[\";\n  }\n  span.r_bracket:after {\n    content: \"]\";\n  }\n\n  \/* Hazard Symbols *\/\n  .ghs-symbols-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .hazard-symbol-container {\n    width: 50px;\n  }\n\n  .hazard-symbol {\n    object-fit: contain;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n  }\n\n  \/* Section *\/\n  .section-header {\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #239ab7;\n    background-color: #f2f2f2;\n    padding: 10px;\n    border-radius: 4px;\n  }\n\n  .section-row {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    padding: 6px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content {\n    padding-bottom: 6px;\n  }\n\n  .section-content .section-row:last-child {\n    border-bottom: none;\n  }\n\n  .section-row .row-key {\n    grid-column: 1 \/ 3;\n    font-weight: bold;\n    align-self: center;\n  }\n\n  .section-row .row-value {\n    grid-column: 3 \/ 9;\n  }\n\n  .section-row ul li {\n    line-height: 2rem !important;\n    font-size: 1.3rem;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area {\n    padding: 10px;\n  }\n\n  .html-area p {\n    margin: 0 !important;\n  }\n\n  .hazard-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0 10px;\n    font-size: 1.3rem;\n  }\n\n  .reference-item {\n    padding: 10px 10px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .section-content .reference-item:last-child {\n    border-bottom: none;\n  }\n\n  .reference-item h3 {\n    font-size: 1.5rem !important;\n  }\n\n  .reference-item .publication-item {\n    font-size: 1.3rem !important;\n    line-height: 1.5rem !important;\n  }\n\n  \/* SDS Search *\/\n  .section-row .coa-search-container {\n    display: flex;\n    align-items: center;\n    margin-top: 6px;\n  }\n\n  .section-row .coa-search-container input {\n    border: 1px solid #e0e0e0;\n    height: 2.5rem;\n    border-top-left-radius: 0.5rem !important;\n    border-bottom-left-radius: 0.5rem !important;\n    padding: 3px 5px;\n  }\n\n  .section-row .coa-search-container button {\n    height: 2.5rem;\n    line-height: 2.5rem;\n    border-radius: 0 0.5rem 0.5rem 0;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 3px;\n  }\n\n  .section-row .coa-search-container button .coa-search-button-content .search-spin {\n    display: none;\n    width: 2rem;\n  }\n\n  .section-row .coa-search-container .coa-not-found {\n    display: none;\n    margin: 0 0 0 2rem;\n    color: #ad2031;\n    font-size: 1.3rem;\n  }\n\n  \/* Table *\/\n  .html-area table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 15px 0;\n  }\n\n  .html-area table th,\n  .html-area table td {\n    border: 1px solid #e0e0e0;\n    padding: 5px 8px;\n  }\n\n  @media (max-width: 600px) {\n    .section-row {\n      grid-template-columns: repeat(1, 1fr);\n    }\n\n    .section-row .row-key {\n      grid-column: 1 \/ 2;\n    }\n\n    .section-row .row-value {\n      grid-column: 1 \/ 2;\n    }\n\n    .hazard-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0 20px;\n    }\n  }\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"section\"\u003e\n  \n\n    \u003c!-- Order Info --\u003e\n    \u003ch2 class=\"section-header\"\u003eProduct Information\u003c\/h2\u003e\n    \u003cdiv class=\"section-content\"\u003e\n        \n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eProduct Name\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e2,6-Bis\u003cspan class=\"l_bracket\"\u003e\u003c\/span\u003e(4S)-phenyl-2-oxazolin-2-yl\u003cspan class=\"r_bracket\"\u003e\u003c\/span\u003epyridine, 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-1364\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\"\u003e174500-20-0\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \n\n        \n\n        \n\n        \u003cdiv class=\"section-row\"\u003e\n            \u003cdiv class=\"row-key\"\u003eCertificate of Analysis (COA)​\u003c\/div\u003e\n            \u003cdiv class=\"row-value\"\u003e\n                \u003cdiv class=\"coa-search-container\"\u003e\n                    \u003cinput id=\"coa-link-input\" type=\"text\" placeholder=\"Enter Lot No.\"\u003e\n                    \u003cbutton id=\"coa-search-button\"\u003e\n                        \u003cdiv class=\"coa-search-button-content\"\u003e\n                            \u003csvg class=\"search-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 200 200\"\u003e\u003cradialgradient id=\"a7\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradienttransform=\"scale(1.5)\"\u003e\u003cstop offset=\"0\" stop-color=\"#FFFFFF\"\u003e\u003c\/stop\u003e\u003cstop offset=\".3\" stop-color=\"#FFFFFF\" stop-opacity=\".9\"\u003e\u003c\/stop\u003e\u003cstop offset=\".6\" stop-color=\"#FFFFFF\" stop-opacity=\".6\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#FFFFFF\" stop-opacity=\".3\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#FFFFFF\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a7)\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003canimatetransform type=\"rotate\" attributename=\"transform\" calcmode=\"spline\" dur=\"2\" values=\"360;0\" keytimes=\"0;1\" keysplines=\"0 0 1 1\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/circle\u003e\u003ccircle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#FFFFFF\" stroke-width=\"15\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                            \u003cspan\u003eSearch\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/button\u003e\n                    \u003cspan class=\"coa-not-found\"\u003eCOA not found\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- General Info --\u003e\n    \n\n    \u003c!-- Properties --\u003e\n    \n\n    \u003c!-- Safety Info --\u003e\n    \n\n    \u003c!-- Application  --\u003e\n    \n\n    \u003c!-- Faq --\u003e\n    \n\n    \u003c!-- References --\u003e\n    \n\n\n    \u003cscript\u003e\n        const coaSearchButton = document.getElementById('coa-search-button');\n        coaSearchButton.addEventListener('click', async function() {\n            const coaLinkInput = document.getElementById('coa-link-input');\n            const spinElement = document.querySelector('.search-spin');\n            const notFoundElement = document.querySelector('.coa-not-found');\n\n            const lot = coaLinkInput.value.trim().toUpperCase();\n            if (lot.length \u003e 0) {\n                spinElement.style.display = 'block';\n                notFoundElement.style.display = 'none';\n\n                const url = `https:\/\/web.jkchemical.com\/partial\/coaFileLotNumber\/${lot}`;\n                await fetch(url).then((res) =\u003e {\n                    if (res.status === 200) {\n                        window.open(url, '_blank');\n                    } else {\n                        notFoundElement.style.display = 'block';\n                    }\n                }).finally(() =\u003e {\n                    spinElement.style.display = 'none';\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"US-Strem","offers":[{"title":"1×1g","offer_id":45721703514302,"sku":"SC07-1364_1_G","price":174.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/files\/d1da7c3376c33b515d80d250263f69c6.jpg?v=1776376708"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/0005\/0878\/collections\/Pyridine-2D-full_svg.png?v=1781160591","url":"https:\/\/www.jk-sci.com\/collections\/pyridine.oembed?page=74","provider":"J\u0026K Scientific LLC","version":"1.0","type":"link"}