@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--blue:#0869b6;--ink:#33485b;--muted:#637688;--line:#e4ebf0;--width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.75 'Nunito Sans','Noto Sans Thai','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}html[lang=th] body{font-family:'Noto Sans Thai','Nunito Sans','Segoe UI',sans-serif}a{color:var(--blue);text-decoration:none}a:hover{color:#034b86}button,input{font:inherit}button{cursor:pointer}header{max-width:var(--width);margin:auto;padding:24px 32px 0}.header-top{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px}.logo{width:300px;max-width:100%;height:auto}.header-right{text-align:right;font-size:14px;color:var(--muted)}.header-right p{margin:8px 0 0;line-height:1.65}.languages{display:flex;gap:4px;justify-content:flex-end;align-items:center}.languages a,.languages span{padding:4px 12px;border-radius:6px}.languages span{background:#eaf5fe;color:var(--blue);font-weight:700}.languages a:hover{background:#f2f6f9}nav{margin-top:22px;border-top:1px solid var(--line);padding:8px 0}nav ul{margin:0;padding:0;list-style:none}nav>ul{display:flex;justify-content:space-between;gap:4px}nav li{position:relative}nav li>a{display:block;padding:10px 12px;font-size:14px;font-weight:500;color:#40566a;border-radius:6px;white-space:nowrap}nav li>a:hover,nav li.active>a{background:#eaf5fe;color:var(--blue)}nav li>ul{display:none;position:absolute;top:100%;left:0;min-width:255px;max-width:335px;padding:7px;background:white;box-shadow:0 12px 36px #153e571c;border:1px solid var(--line);border-radius:10px;z-index:20}nav ul ul a{white-space:normal;padding:8px 13px}nav li:hover>ul,nav li:focus-within>ul,nav li.open>ul{display:block}nav ul ul ul{top:0;left:100%}.submenu-toggle{position:absolute;right:-1px;top:10px;border:0;background:none;color:var(--blue);font-size:16px;padding:0 5px}nav li:has(>ul)>a{padding-right:22px}.nav-toggle{display:none}.hero{background:#f4f8fb;border-block:1px solid #e9f0f5}.hero-inner{max-width:var(--width);margin:auto;padding:36px 32px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.slides{position:relative;aspect-ratio:1.48;border-radius:10px;overflow:hidden;background:#e7eef3}.slides>img{display:none;width:100%;height:100%;object-fit:cover}.slides>img.active{display:block}.slide-controls{position:absolute;bottom:14px;right:16px;display:flex;gap:8px}.slide-controls button{border:1px solid white;border-radius:50%;width:10px;height:10px;padding:0;background:#ffffff65}.slide-controls button[aria-pressed=true]{background:white}.hero-copy h2{font-size:30px;line-height:1.3;margin:0 0 18px;font-weight:700;color:#095fa2;letter-spacing:-.4px}.hero-copy p{font-size:17px;line-height:1.8;margin:0 0 22px}.hero-copy .wsite-button{margin-top:18px;background:var(--blue);color:white;border-color:var(--blue);padding:10px 23px}.page-banner{max-width:var(--width);padding:24px 32px 0;margin:auto}.page-banner img{display:block;width:100%;height:auto;border-radius:8px}main{max-width:var(--width);margin:auto;padding:32px 32px 64px}.home-page main{padding-top:40px}.breadcrumb{font-size:14px;color:#80909d;margin:0 0 24px}.breadcrumb span{color:#748492}h1,h2,h3{font-family:inherit;color:#0b65a9;font-weight:700;line-height:1.4;letter-spacing:-.25px}h1{font-size:30px;margin:0 0 24px}h2{font-size:25px;margin:0 0 18px}h3{font-size:20px;margin:24px 0 14px}p,.paragraph{margin:0 0 20px}.paragraph{line-height:1.85}strong{font-weight:700}img{max-width:100%;height:auto}#content{padding:0!important}.content-zone{padding:30px 0;border-top:1px solid var(--line)}.content-zone:first-child{padding-top:0;border-top:0}.content-zone:empty{display:none}.content-zone:last-child{padding-bottom:0}.content-zone>div:has(> .element-box h2){margin-top:12px}.weebly-content-area,.columnlist,.weebly-single-area{list-style:none;margin:0;padding:0}li.inside{list-style:none;margin:0;padding:0}.wsite-multicol-table{border-collapse:collapse;width:100%;table-layout:fixed}.wsite-multicol-col{vertical-align:top}.wsite-text{line-height:1.85!important}.wsite-text ul,.wsite-text ol{padding-left:22px;margin:14px 0}.wsite-text li{padding-left:3px;margin:5px 0}.wsite-image{max-width:100%}.wsite-image img{vertical-align:middle}.wsite-image .wide-image{display:block;width:100%!important;max-width:100%!important;height:auto;margin:0;border-radius:6px}.wsite-image div{font-size:14px!important;line-height:1.55;margin:10px 0;color:var(--muted)}.wsite-image div:empty{display:none}.wsite-image a{display:block}.wsite-button,.contact-button{display:inline-block;border:1px solid #c4dceb;padding:9px 21px;border-radius:6px;color:var(--blue);background:#f2f8fc;font-weight:600;font-size:15px;transition:background .15s}.wsite-button:hover,.contact-button:hover{background:#dfedf7}.wsite-button-inner{cursor:pointer!important}.styled-hr{border:0;border-top:1px solid var(--line);margin:28px 0}table:not(.wsite-multicol-table){max-width:100%}.galleryCaptionInnerText{font-size:14px}.member-notice{padding:24px 0}footer{background:#f5f8fb;border-top:1px solid var(--line)}.footer-inner{max-width:var(--width);margin:auto;padding:36px 32px 26px;display:grid;grid-template-columns:1.1fr 1fr;gap:20px 48px;font-size:14px;color:var(--muted)}footer strong{font-size:16px;color:#145f96}footer p{margin:10px 0 0;line-height:1.8}footer a{overflow-wrap:anywhere}.footer-languages{grid-column:1/-1;display:flex;gap:22px;border-top:1px solid var(--line);padding-top:18px;margin-top:8px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:8px;z-index:40}.skip:focus{top:8px}[hidden]{display:none!important}:focus-visible{outline:3px solid #75bdf0;outline-offset:3px}@media(min-width:901px){.home-page .wsite-multicol-col+td{padding-left:32px!important}.home-page .wsite-multicol-col img{border-radius:6px}}@media(max-width:1000px){nav li>a{font-size:13px;padding-inline:8px}.hero-inner{gap:30px}.hero-copy h2{font-size:26px}}@media(max-width:850px){header{padding:20px 24px 0}.header-top{gap:20px}.logo{width:260px}.nav-toggle{display:block;border:1px solid #c9dce9;border-radius:6px;background:#fff;padding:7px 16px;margin:18px 0 12px;color:var(--blue)}nav{display:none;margin-top:0;padding-bottom:12px}nav.open{display:block}nav>ul{display:block}nav li>a{font-size:15px;padding:11px}nav li>ul,nav ul ul ul{position:static;box-shadow:none;border:0;border-left:2px solid #deedf8;border-radius:0;margin-left:16px;max-width:none}nav li:hover>ul{display:none}nav li.open>ul,nav li:focus-within>ul{display:block}.submenu-toggle{right:6px;top:9px;font-size:22px}.hero-inner{padding:28px 24px;gap:26px}.hero-copy h2{font-size:25px}.hero-copy p{font-size:16px}.page-banner{padding:20px 24px 0}main{padding:28px 24px 48px}h1{font-size:27px}h2{font-size:23px}}@media(max-width:600px){.header-top{align-items:flex-start}.logo{width:225px}.header-right p{display:none}.languages{font-size:14px}.languages a,.languages span{padding:4px 7px}.hero-inner{display:flex;flex-direction:column;align-items:stretch}.slides{width:100%}.hero-copy{padding-top:4px}.hero-copy h2{font-size:28px}.wsite-multicol-table,.wsite-multicol-tbody,.wsite-multicol-tr,.wsite-multicol-col{display:block!important;width:100%!important}.wsite-multicol-col{padding:0!important;margin:0 0 24px}.wsite-multicol-table-wrap{margin:0!important}.content-zone{padding:26px 0}.wsite-image img{max-width:100%!important}.footer-inner{display:block;padding:30px 24px}.footer-inner>div+div{margin-top:24px}.footer-languages{display:flex}body{overflow-wrap:break-word}.page-banner img,.wide-image{border-radius:4px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep the recreated logo in the original compact header footprint. */
.logo{height:64px;object-fit:cover;object-position:center}
@media(max-width:850px){.logo{height:55px}}
@media(max-width:600px){.logo{height:48px}}

/* Bilingual media refresh: natural image proportions, clear text and balanced grids. */
.company-photo{width:min(100%,475px);margin:10px auto 28px;padding:3px;border:1px solid var(--line);border-radius:5px}
.company-photo img{display:block;width:100%;height:auto}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin:20px 0 32px;align-items:start}
.catalog-grid figure,.example-pair figure,.legionella-grid figure{margin:0;min-width:0}
.catalog-grid a,.example-pair a,.legionella-grid a{display:block}
.catalog-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:6px}
.catalog-grid figcaption,.example-pair figcaption,.legionella-grid figcaption{margin:0;padding:12px 0 0;text-align:center;font-size:14px;line-height:1.65;color:var(--muted)}
.example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:24px 0 32px}
.example-pair img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f4f7f9;border:1px solid var(--line);padding:5px;border-radius:5px}
.legionella-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 32px}
.legionella-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:5px}
.reagent-row{display:grid;grid-template-columns:minmax(200px,306px) minmax(0,1fr);gap:40px;align-items:start;margin:24px 0 40px}
.reagent-row figure{margin:0}.reagent-row img{display:block;width:100%;height:auto}.reagent-row .paragraph{margin:0}
.page-banner img[src$="technical-lab-hd.png"]{aspect-ratio:4/1;object-fit:cover;object-position:center;height:auto}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:6px 13px;min-height:36px;border:1px solid #c9dce9;border-radius:6px;background:#fff;color:#235777;font-size:14px;line-height:1.4}
.theme-toggle:hover{background:#eaf5fe}
html[data-theme=dark]{color-scheme:dark;--blue:#83caff;--ink:#e0e8f0;--muted:#abbccf;--line:#314356}
html[data-theme=dark] body{background:#101922;color:var(--ink)}
html[data-theme=dark] .hero,html[data-theme=dark] footer{background:#172431;border-color:var(--line)}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] footer strong{color:#92d1ff}
html[data-theme=dark] a{color:#91cfff}
html[data-theme=dark] .hero-copy [style*="color"],html[data-theme=dark] #content .paragraph [style*="color"]{color:inherit!important}
html[data-theme=dark] nav li>a{color:#e0e8f0}
html[data-theme=dark] nav li>ul{background:#1b2b39;border-color:var(--line)}
html[data-theme=dark] nav li>a:hover,html[data-theme=dark] nav li.active>a,html[data-theme=dark] .languages span,html[data-theme=dark] .languages a:hover{background:#263f53;color:#b4dfff}
html[data-theme=dark] .theme-toggle,html[data-theme=dark] .nav-toggle,html[data-theme=dark] .wsite-button{background:#223a4d;color:#dcefff;border-color:#537189}
html[data-theme=dark] .theme-toggle:hover{background:#2e4c63}
html[data-theme=dark] .hero-copy .wsite-button{background:#8cd0ff;color:#102335}
html[data-theme=dark] .logo{background:#fff;border-radius:5px}
html[data-theme=dark] .breadcrumb,html[data-theme=dark] .breadcrumb span{color:#abbccf}
html[data-theme=dark] #content h1 [style*="color"],html[data-theme=dark] #content h2 [style*="color"],html[data-theme=dark] #content h3 [style*="color"]{color:inherit!important}
html[data-theme=dark] #content [style*="color"]{color:inherit!important}
html[data-theme=dark] .certification-item>img,html[data-theme=dark] .award-marks img{background:#fff;border-radius:5px;padding:5px}
html[data-theme=dark] .member-notice,html[data-theme=dark] .skip{background:#172431;color:var(--ink)}
html[data-theme=dark] .artwork-link:hover{color:inherit}
@media(max-width:600px){.header-top>a{min-width:0}.header-right{flex-shrink:0}.theme-toggle{white-space:nowrap}}
@media(max-width:600px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.example-pair{gap:16px}.legionella-grid{gap:12px}.reagent-row{grid-template-columns:1fr;gap:24px}.reagent-row figure{max-width:306px;width:100%;margin:auto}.company-photo{margin-top:4px}.theme-toggle{padding:6px 9px}.page-banner img[src$="technical-lab-hd.png"]{aspect-ratio:4/1}}
body[data-page="clo2-cooling-tower-treatment"] #content .wsite-image img,body[data-page="clo2-cooling-tower-treatment-th"] #content .wsite-image img{display:block;width:100%!important;max-width:100%!important;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 32px;clear:both}
.photo-grid figure,.comparison-gallery figure,.application-grid figure,.awards-grid figure{margin:0;min-width:0}
.photo-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid #dbe3e9;padding:4px;background:#fff;border-radius:5px}
.comparison-gallery{display:grid;gap:24px;margin:16px 0 40px}
.comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.comparison-pair img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f4f7f9;border:1px solid #dbe3e9;border-radius:5px;padding:5px}
.comparison-pair figcaption{font-size:14px;line-height:1.6;padding:10px 0 0;color:var(--muted)}
.application-grid,.awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin:24px 0 36px;align-items:start}
.application-grid a{display:block;border-radius:6px;overflow:hidden}
.application-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.application-grid figcaption,.awards-grid figcaption{margin:0;padding:12px 2px 0;font-size:14px;line-height:1.65;text-align:center;color:var(--muted)}
.awards-grid img{display:block;width:100%;height:auto;aspect-ratio:504/333;object-fit:contain;background:#080808;border-radius:5px}
.awards-grid .award-marks{min-width:0;aspect-ratio:504/333;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:16px;padding:16px 8px;border:1px solid var(--line);border-radius:5px}
.award-marks img{max-width:82px;width:100%;max-height:64px;aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:0}
.certification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 36px;margin:28px 0 32px;clear:both}
.certification-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:center;min-height:104px}
.certification-item>img{display:block;width:96px;height:92px;max-width:100%;object-fit:contain}
.certification-item>div{font-size:15px!important;line-height:1.65!important;color:var(--ink);margin:0!important}
.certification-item p{font-size:15px;margin:0 0 4px}
.certification-item span{font-size:14px;color:var(--muted)}
.product-intro{display:grid;grid-template-columns:minmax(180px,273px) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:start;margin:18px 0 36px}
.product-intro figure{margin:0}.product-intro img{display:block;width:100%;height:auto;max-width:273px;margin:auto}
.product-intro .paragraph{margin:0}
.test-evidence{max-width:900px;margin:24px auto!important;padding:0!important}
.test-evidence img.test-evidence-image{display:block;width:100%;height:auto;max-width:100%!important;border-radius:6px}
.cooling-photo{display:block;width:100%;max-width:560px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;margin:0 auto}
.lab-photo{display:block;width:100%;height:auto;border-radius:6px}
.artwork-banner{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:3/1;overflow:hidden;border-radius:7px;margin:0;color:#fff}
.artwork-banner>img{display:block;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover;margin:0!important;border-radius:0!important}
.artwork-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:5% 6%;gap:10px;margin:0!important;max-width:none!important;color:inherit!important;text-align:left}
.artwork-title{display:block;max-width:56%;font:700 clamp(20px,2.4vw,32px)/1.25 'Nunito Sans','Noto Sans Thai',sans-serif;letter-spacing:-.4px;color:inherit}
.artwork-subtitle{display:block;max-width:47%;font:400 clamp(14px,1.4vw,17px)/1.65 'Nunito Sans','Noto Sans Thai',sans-serif;color:inherit}
html[lang=th] .artwork-title,html[lang=th] .artwork-subtitle{font-family:'Noto Sans Thai','Nunito Sans',sans-serif}
.artwork-banner.biorem,.artwork-banner.cleaning{color:#237448}
.artwork-banner.hourglass{color:#17629a}
.artwork-banner.biorem .artwork-copy,.artwork-banner.hourglass .artwork-copy{padding-left:44%;padding-right:5%}
.artwork-banner.biorem .artwork-title,.artwork-banner.hourglass .artwork-title,.artwork-banner.biorem .artwork-subtitle,.artwork-banner.hourglass .artwork-subtitle{max-width:100%}
.artwork-banner.biorem .artwork-title{font-size:clamp(20px,2.4vw,31px)}
.artwork-banner.hourglass .artwork-title{color:#0b6399}
.artwork-banner.field .artwork-copy,.artwork-banner.binoculars .artwork-copy{background:linear-gradient(90deg,#061d1799,transparent 68%)}
.content-zone .artwork-banner{margin-block:12px 20px}
@media(min-width:601px){.content-page .wsite-multicol-col:has(.cooling-photo){padding-left:32px!important}}
@media(max-width:850px){.certification-grid{gap:24px}.certification-item{grid-template-columns:80px minmax(0,1fr);gap:16px}.certification-item>img{width:80px;height:80px}.application-grid,.awards-grid{gap:24px 18px}.photo-grid{gap:12px}}
@media(max-width:600px){
 .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:20px 28px}
 .comparison-pair{gap:12px}.comparison-gallery{gap:20px}.comparison-pair figcaption{font-size:13px}
 .application-grid,.awards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .awards-grid .award-marks{gap:8px;padding:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .award-marks img{max-height:42px}
 .certification-grid{grid-template-columns:1fr;gap:22px}.certification-item{grid-template-columns:80px minmax(0,1fr);gap:20px;min-height:88px}
 .product-intro{grid-template-columns:1fr;gap:26px}.product-intro img{max-width:210px}
 .artwork-banner{aspect-ratio:auto;overflow:hidden;background:#f0f7f3;color:#235b43}
 .artwork-banner>img{height:auto!important;aspect-ratio:3/1;object-fit:cover}
 .artwork-banner .artwork-copy{position:static;padding:20px 22px!important;background:none!important;gap:8px}
 .artwork-banner .artwork-title{font-size:22px!important;max-width:100%}
 .artwork-banner .artwork-subtitle{font-size:14px;max-width:100%}
 .artwork-banner.hourglass{background:#eff7fc}
}

/* Clearly captioned illustrative maintenance comparisons. */