
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#102c4d;background:#fff;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #d92d24;outline-offset:4px}.review{background:#eef3f8;color:#40546c;text-align:center;padding:9px 20px;font-size:14px}header{border-bottom:1px solid #e0e5eb}.nav{max-width:1240px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 32px}.logo{width:170px;height:auto}.nav nav{display:flex;gap:32px;align-items:center}.nav nav .active{color:#cb2e29;font-weight:700}.wrap{max-width:1240px;margin:auto;padding:0 32px}.crumb{font-size:14px;color:#67758a;padding:26px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center;padding:20px 0 64px}.picture{background:#f2f5f8;min-height:430px;display:flex;align-items:center;justify-content:center;padding:25px}.picture img{width:100%;height:auto}.eyebrow{font-size:13px;letter-spacing:.13em;font-weight:700;color:#b72b26}h1{font-size:44px;line-height:1.12;letter-spacing:-.035em;margin:16px 0 22px}h2{font-size:30px;line-height:1.25;margin:0 0 22px}h3{font-size:17px;margin:0 0 10px}p{color:#546477;margin:0 0 20px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tags span{font-size:13px;border:1px solid #d8e0e8;padding:4px 11px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;background:#102c4d;color:white;font-weight:700;font-size:14px;border:1px solid #102c4d}.button.light{background:white;color:#102c4d}.section-nav{border-block:1px solid #e0e5eb;display:flex;gap:34px;padding:18px 0;font-size:14px;font-weight:700}.section{padding:58px 0;scroll-margin-top:20px;border-bottom:1px solid #e0e5eb}.intro{display:grid;grid-template-columns:1fr 2fr;gap:54px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.feature{padding:24px;background:#f3f6f9}.feature small{display:block;color:#acb7c3;margin-bottom:14px}.feature h3{margin:0}.functions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.functions figure{margin:0;background:#f3f6f9}.functions img{display:block;width:100%;height:290px;object-fit:contain;background:white}.functions figcaption{padding:18px 22px;font-weight:700}.table-scroll{overflow:auto;border:1px solid #dce3eb}table{border-collapse:collapse;width:100%;min-width:990px;font-size:14px}th,td{padding:16px 13px;border-bottom:1px solid #e1e7ed;border-right:1px solid #e1e7ed;text-align:left;vertical-align:top}tr:first-child{background:#102c4d;color:white}th:first-child{width:200px}tr:nth-child(2n+3){background:#f4f7fa}th{font-weight:600}.note{font-size:13px;margin-top:16px;color:#6a7584}.enquiry{padding:48px 0;display:flex;justify-content:space-between;gap:32px;align-items:center}.enquiry p{margin:0}footer{background:#102c4d;color:white;padding:32px 0;font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px}footer a{color:white}
@media(max-width:760px){.nav,.wrap{padding-inline:20px}.nav{min-height:75px}.nav nav{gap:14px;font-size:14px}.nav nav a:nth-child(1),.nav nav a:nth-child(3){display:none}.logo{width:140px}.hero,.intro{grid-template-columns:1fr;gap:28px}.hero{padding-top:0}.picture{min-height:260px}h1{font-size:34px}.features{grid-template-columns:1fr 1fr;gap:10px}.feature{padding:18px}.functions{grid-template-columns:1fr}.functions img{height:240px}.section-nav{gap:20px;overflow:auto;white-space:nowrap}.enquiry{display:block}.enquiry .button{margin-top:22px}footer .wrap{display:block}.review{font-size:12px}.section{padding:38px 0}}

.table-scroll+ h3{margin-top:32px}.picture.missing{flex-direction:column;gap:24px}.picture.missing img{max-width:230px}.picture.missing p{font-size:15px}.tags a{border:1px solid #d8e0e8;padding:5px 10px;font-size:14px}.functions img{height:290px} .functions{align-items:start}
/* Compact product highlights, shared by the sanitation product template. */
#overview.section { padding-block: 40px; }
#overview .features { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 26px; }
#overview .feature { flex: 1 1 170px; padding: 18px 0 8px; background: transparent; border-top: 2px solid #dce3eb; position: relative; }
#overview .feature::before { content: ''; position: absolute; top: -2px; left: 0; width: 32px; height: 2px; background: #cb2e29; }
#overview .feature small { color: #64748b; font-size: 12px; line-height: 1; font-weight: 700; letter-spacing: .08em; margin-bottom: 14px; }
#overview .feature h3 { font-size: 17px; line-height: 1.5; font-weight: 600; margin: 0; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  #overview.section { padding-block: 30px; }
  #overview .features { gap: 20px; }
  #overview .feature { flex-basis: calc(50% - 20px); }
}
@media (max-width: 480px) {
  #overview .features { display: block; margin-top: 18px; }
  #overview .feature { display: flex; gap: 16px; align-items: baseline; padding: 16px 0; border-top-width: 1px; }
  #overview .feature::before { display: none; }
  #overview .feature small { margin: 0; color: #b72b26; flex: 0 0 22px; }
  #overview .feature h3 { font-size: 16px; }
}
