@charset "UTF-8";
/* Krio-H2O: water blue and leaf green from the supplied logo. */
:root{--navy:#07346f;--ink:#142f50;--blue:#084a9b;--blue-dark:#063b7c;--green:#37720b;--green-dark:#2d6108;--leaf:#bedf7c;--leaf-light:#d9edb6;--muted:#506379;--mist:#f0f6fc;--soft-green:#f2f7eb;--line:#dbe5ee;--white:#fff;--radius:5px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6;background:var(--white);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}svg{display:block;flex-shrink:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.15;overflow-wrap:anywhere}[hidden]{display:none!important}
.container{width:min(1440px,calc(100% - 64px));margin-inline:auto}.section{padding-block:clamp(48px,5vw,72px)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;line-height:1.6;color:var(--green-dark);margin-bottom:18px}.eyebrow-rule{display:inline-block;width:24px;height:2px;background:var(--green);vertical-align:middle;margin-right:10px}h2{font-size:clamp(2.25rem,3.6vw,3.4rem);font-weight:700;letter-spacing:-.045em;line-height:1.08}h2 span{color:var(--green)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:14px 23px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:var(--radius);font-size:.9375rem;font-weight:700;line-height:1.4;transition:background .18s ease,transform .18s ease}.button:hover{background:var(--blue-dark);transform:translateY(-2px)}.button>span{font-size:1.3rem;line-height:1}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:.9375rem;font-weight:700;border-bottom:1px solid currentColor;padding-block:7px;line-height:1.5}.text-link:hover{color:var(--blue)}.skip-link{position:fixed;top:10px;left:10px;padding:12px 20px;background:#fff;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.topbar{background:var(--navy);color:#e7effb;font-size:.8125rem;line-height:1.5}.topbar .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;min-height:38px;padding-block:7px}.topbar a{white-space:nowrap}.topbar a span{opacity:.45;margin-inline:14px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;gap:30px;min-height:94px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.brand-symbol{width:42px;height:54px}.brand-lettering{width:154px;height:43px}#main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}#main-nav a{font-size:.875rem;font-weight:600;white-space:nowrap;padding-block:10px}#main-nav a:hover{color:var(--blue)}.header-cta{font-size:.875rem;min-height:45px;padding:11px 17px;gap:18px}.menu-toggle{display:none}
.hero{background:linear-gradient(90deg,#fff 0%,#fff 49%,var(--mist) 49%);padding-block:64px 66px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:56px}.hero h1{font-size:clamp(3.1rem,4.7vw,4.65rem);font-weight:700;letter-spacing:-.055em;line-height:1.025}.hero h1 span{color:var(--green);display:block}.hero-description{color:var(--muted);font-size:1.0625rem;line-height:1.8;margin-top:25px;max-width:535px}.hero-description strong{font-weight:600;color:var(--ink)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:29px}.hero-actions .button{padding-inline:21px;gap:22px}.hero-actions .text-link{border:0;font-size:.875rem}.hero-categories{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:.8125rem;margin-top:28px}.hero-categories span+span{border-left:1px solid #bfd0e2;padding-left:16px}.hero-copy,.about-intro,.contact-copy,.supply-process{min-width:0}.hero-visual{min-width:0;position:relative}.hero-photo{height:420px;border-radius:70px 5px 0 0;overflow:hidden;background:#e0edf9}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:52% center}.hero-photo-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);color:#fff;padding:23px 28px;border-radius:0 0 5px 5px;border-left:5px solid var(--leaf)}.hero-photo-caption>span:first-child{font-size:1rem;font-weight:700;letter-spacing:.035em;line-height:1.5}.caption-detail{font-size:.875rem;line-height:1.55;color:#d3e3f7}
.sectors{padding:30px 0 34px;background:var(--navy);color:#fff;scroll-margin-top:94px}.sector-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-bottom:28px;border-bottom:1px solid #ffffff26}.sector-heading .eyebrow{color:var(--leaf);margin:0}.sector-heading h2{font-size:1.375rem;letter-spacing:-.025em;line-height:1.4}.sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-top:29px}.sector-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-right:16px}.sector-card+.sector-card{border-left:1px solid #ffffff26;padding-left:30px}.sector-icon{color:var(--leaf);margin-top:3px}.sector-icon svg{width:29px;height:29px}.sector-card h3{font-size:1.0625rem;line-height:1.4;font-weight:600}.sector-card p{color:#d3e3f7;font-size:1rem;line-height:1.65;margin-top:9px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:28px}.section-heading>p{max-width:380px;color:var(--muted);font-size:1rem;line-height:1.8;padding-bottom:2px}.collection-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid var(--line);margin-bottom:24px}.collection-tabs a{display:flex;flex-direction:column;gap:3px;padding:20px 22px;border-bottom:3px solid transparent;line-height:1.5;font-size:1.0625rem;font-weight:700;transition:background .18s,color .18s}.collection-tabs a+a{border-left:1px solid var(--line)}.collection-tabs a span{font-weight:400;font-size:.875rem;color:var(--muted)}.collection-tabs a[aria-selected=true]{background:#edf4fc;border-bottom-color:var(--green);color:var(--blue-dark)}.collection-tabs a[aria-selected=true] span{color:var(--blue-dark)}.collection-tabs a:hover{background:var(--mist)}.collection-panel{scroll-margin-top:110px}.collection-panel:not(:last-of-type){margin-bottom:40px}.js-ready .collection-panel{margin-bottom:0}
.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:20px}.collection-heading .eyebrow{font-size:.75rem;letter-spacing:.08em;margin-bottom:6px}.collection-heading h3{font-size:1.625rem;letter-spacing:-.035em;line-height:1.3}.collection-heading p:not(.eyebrow){font-size:1rem;color:var(--muted);margin-top:7px}.collection-title{display:flex;align-items:center;gap:20px}.lyqid-logo{width:63px;height:63px;object-fit:contain;border:1px solid var(--line);border-radius:4px}.range-intro{display:flex;align-items:center;gap:20px;padding:14px 18px;background:var(--mist);border-left:3px solid var(--green);margin-bottom:28px} .size-label{color:var(--green-dark);font-weight:700;font-size:.8125rem;white-space:nowrap;letter-spacing:.07em}.range-intro p{font-size:1rem;line-height:1.6;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.product-card{min-width:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:border-color .18s,box-shadow .18s}.product-card:hover{border-color:#87afcf;box-shadow:0 6px 20px #07346f0d}.product-picture{height:242px;position:relative;display:flex;align-items:center;justify-content:center;background:#f3f7fb;border-bottom:1px solid var(--line);padding:22px 40px}.product-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.code-chip{position:absolute;top:13px;left:13px;font-size:.75rem;font-weight:700;line-height:1;padding:8px;background:#fff;color:var(--navy);border:1px solid var(--line);z-index:1;border-radius:3px}.pack-chip{position:absolute;bottom:11px;right:11px;font-size:.75rem;line-height:1;padding:6px 7px;color:var(--muted);background:#fff;z-index:1;border-radius:3px}.product-copy{padding:21px 20px 0;display:flex;flex-direction:column;flex:1}.product-copy h4{font-size:1.0625rem;letter-spacing:-.015em;line-height:1.4}.product-copy p{color:var(--muted);font-size:1rem;line-height:1.6;margin:9px 0 20px}.enquiry-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding:14px 0;border-top:1px solid var(--line);font-size:.875rem;font-weight:700;color:var(--blue-dark)}.enquiry-link:hover{color:var(--navy)}.enquiry-link span{font-size:1.15rem}
.household-packs{border:1px solid var(--line);border-radius:5px;margin-top:30px}.household-packs summary{cursor:pointer;padding:20px 24px;font-weight:700;font-size:1rem}.household-packs summary small{font-size:.875rem;font-weight:400;color:var(--muted);margin-left:8px}.retail-grid{padding:0 22px 24px;gap:20px}.retail-grid .product-picture{height:240px;padding:16px 26px}.water-grid .product-picture{padding:20px}.water-bottles-card .product-picture{padding:16px}.krio-water-poster .product-picture,.water-distributor.kinley .product-picture{padding:0}.krio-water-poster .product-picture img,.water-distributor.kinley .product-picture img{mix-blend-mode:normal}.water-distributor.kinley .product-picture{background:#152267}.brochure-link{display:inline-flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--blue-dark);font-weight:700;border-bottom:1px solid var(--blue);padding-bottom:4px}.catalogue-note{margin-top:24px;font-size:.875rem;line-height:1.7;color:var(--muted)}
.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);background:var(--mist);border-radius:5px}.tool-picture{display:flex;align-items:center;justify-content:center;width:100%;height:280px;padding:24px;background:#fff;border-bottom:1px solid var(--line)}.tool-picture img{width:100%;height:100%;object-fit:contain}.tool-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:28px 32px}.tool-card .enquiry-link{margin-top:auto}.tool-card .eyebrow{display:block;margin-bottom:12px}.tool-card h3{font-size:1.75rem;letter-spacing:-.04em}.tool-card p{margin-block:14px 24px;font-size:1rem;color:var(--muted)}.catalogue-assistance{margin-top:28px;padding:26px 30px;background:var(--mist);display:flex;justify-content:space-between;align-items:center;gap:28px;border-radius:5px}.catalogue-assistance h3{font-size:1.125rem;letter-spacing:-.02em;line-height:1.4}.catalogue-assistance p{font-size:1rem;color:var(--muted);margin-top:6px}.catalogue-assistance .text-link{flex-shrink:0;color:var(--blue-dark)}
.about-section{background:var(--soft-green);border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:100px;align-items:center}.about-intro h2{margin-bottom:25px}.about-intro>p:not(.eyebrow){max-width:490px;font-size:1rem;color:var(--muted);line-height:1.8;margin-top:14px}.about-intro .text-link{margin-top:20px;color:var(--blue-dark)}.supply-process{background:#fff;border-top:4px solid var(--green);padding:38px 36px 28px;border-radius:0 0 5px 5px}.supply-process>.eyebrow{margin-bottom:4px}.supply-process ol{padding:0;margin:0;list-style:none}.supply-process li{display:flex;align-items:flex-start;gap:23px;padding-block:27px}.supply-process li+li{border-top:1px solid var(--line)} .step-number{color:var(--green);font-size:1.375rem;font-weight:400;line-height:1.3;letter-spacing:-.03em}.supply-process h3{font-size:1.125rem;letter-spacing:-.02em;line-height:1.4}.supply-process li p{font-size:1rem;color:var(--muted);line-height:1.7;margin-top:9px}.supply-signature{border-top:1px solid var(--line);padding-top:22px;font-size:.875rem;color:var(--blue-dark);font-weight:700}

footer{background:#052655;color:#fff;border-top:1px solid #ffffff1f}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:22px}.footer-inner strong{font-size:1rem;font-weight:600}.footer-inner p,.footer-inner span,.footer-inner>a{font-size:.8125rem;color:#c8daf1;line-height:1.8}.footer-inner>div>p{margin-top:3px}.footer-legal{text-align:right;margin-left:auto}.footer-inner>a{white-space:nowrap;color:#e7effb}
@media(min-width:1500px){.hero{padding-block:76px}.hero-photo{height:450px}}
@media(max-width:1200px){.container{width:calc(100% - 64px)}.header-inner{gap:22px}#main-nav{gap:20px}.hero-grid{gap:35px}.hero h1{font-size:clamp(2.25rem,4.3vw,3.25rem)}.hero-photo{height:400px}.hero-actions{gap:15px}.hero-actions .button{padding-inline:16px;gap:14px}.sector-grid{gap:22px}.sector-card+.sector-card{padding-left:22px}.sector-card{gap:14px;padding-right:0}.product-picture{height:222px;padding-inline:32px}.product-copy{padding-inline:17px}.about-grid{gap:65px}}
@media(max-width:1050px){.header-inner{flex-wrap:wrap;min-height:85px;gap:0 22px;padding-block:12px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:44px;height:44px;background:#fff;border:1px solid var(--line);border-radius:4px;order:2;margin-left:16px;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);transition:transform .15s,opacity .15s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.header-cta{margin-left:auto}#main-nav{display:none;order:3;flex-basis:100%;margin-top:12px;border-top:1px solid var(--line);padding-top:10px;gap:0;align-items:stretch;flex-direction:column}#main-nav.is-open{display:flex}#main-nav a{padding-block:12px;font-size:1rem}.hero{padding-block:48px}.hero-grid{gap:28px}.hero h1{font-size:clamp(2rem,4.6vw,3rem)}.hero .eyebrow{font-size:.75rem;letter-spacing:.07em}.hero-photo{height:370px}.hero-photo-caption{padding:19px}.hero-photo-caption>span:first-child{font-size:.875rem}.caption-detail{font-size:.8125rem}.hero-description{font-size:1rem;margin-top:22px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-categories{gap:8px 10px;font-size:.75rem}.hero-categories span+span{padding-left:10px}.sector-heading{display:block}.sector-heading h2{margin-top:9px}.sector-card{flex-direction:column;gap:15px}.section{padding-block:60px}.section-heading{gap:36px}.section-heading>p{max-width:330px}.collection-tabs a{padding:17px;font-size:1rem}.collection-tabs a span{font-size:.8125rem}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-picture{height:240px}.about-grid{gap:40px}.supply-process{padding:29px 24px}.supply-process li{gap:16px}.tool-copy{padding:24px}.tool-picture{height:260px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.topbar .container{justify-content:center;text-align:center}.topbar .container{gap:6px}.topbar{font-size:.75rem}.header-inner{min-height:78px}.brand-symbol{width:35px;height:47px}.brand-lettering{width:135px;height:37px}.header-cta{min-height:42px;padding:10px 13px;gap:10px;font-size:.8125rem}.menu-toggle{margin-left:10px}.hero{background:linear-gradient(#fff 50%,var(--mist) 50%);padding-block:36px 38px}.hero-grid{grid-template-columns:1fr;gap:33px}.hero h1{font-size:clamp(2.5rem,8.6vw,4.3rem);max-width:590px}.hero-copy .eyebrow{margin-bottom:18px;font-size:.75rem}.hero-description{max-width:560px;line-height:1.75;margin-top:20px}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:25px}.hero-actions .button{font-size:.875rem;min-height:50px;padding-inline:17px}.hero-actions .text-link{font-size:.875rem}.hero-categories{font-size:.8125rem;margin-top:22px;gap:10px 14px}.hero-categories span+span{padding-left:14px}.hero-photo{height:330px;border-top-left-radius:48px}.hero-photo img{object-position:center 60%}.hero-photo-caption{padding:18px 22px}.hero-photo-caption>span:first-child{font-size:.9375rem}.caption-detail{font-size:.875rem}.sectors{padding-block:26px 28px}.sector-heading{padding-bottom:21px}.sector-heading h2{font-size:1.4rem;line-height:1.4}.sector-grid{grid-template-columns:1fr;gap:0;padding-top:0}.sector-card{flex-direction:row;padding:24px 0;gap:20px}.sector-card+.sector-card{padding:24px 0;border-left:0;border-top:1px solid #ffffff26}.sector-card:last-child{padding-bottom:0}.sector-card p{margin-top:7px}.sector-icon svg{width:27px;height:27px}.section{padding-block:40px}h2{font-size:2.4rem;line-height:1.12}.eyebrow{margin-bottom:14px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{max-width:530px;margin-top:20px}.collection-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:27px}.collection-tabs a{padding:17px 15px;font-size:1rem;border-bottom-width:3px;border-top:1px solid var(--line)}.collection-tabs a:nth-child(-n+2){border-top:0}.collection-tabs a:nth-child(odd){border-left:0}.collection-tabs a span{font-size:.8125rem}.collection-heading{display:block;margin-bottom:20px}.collection-heading .eyebrow{letter-spacing:.05em;font-size:.75rem}.collection-heading h3{font-size:1.4rem;line-height:1.35}.collection-title{gap:14px;align-items:flex-start}.lyqid-logo{width:52px;height:52px;margin-top:3px}.range-intro{display:block;padding:12px 16px;margin-bottom:22px}.size-label{display:block;margin-bottom:5px}.range-intro p{font-size:1rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.product-picture{height:230px;padding:19px 28px}.product-copy{padding:17px 15px 0}.product-copy h4{font-size:1rem;line-height:1.4}.product-copy p{font-size:1rem;margin-block:9px 17px}.code-chip{top:10px;left:10px;padding:7px}.pack-chip{bottom:9px;right:9px}.household-packs summary{padding:18px;font-size:1rem}.household-packs summary small{display:block;margin:8px 0 0}.retail-grid{padding:0 15px 18px;gap:13px}.retail-grid .product-picture{height:215px;padding:18px}.brochure-link{margin-top:15px}.tools-grid{grid-template-columns:1fr}.tool-copy{padding:26px}.tool-picture{height:280px}.catalogue-assistance{display:block;padding:24px;margin-top:30px}.catalogue-assistance .text-link{margin-top:14px}.about-grid{grid-template-columns:1fr;gap:34px}.about-intro h2 br:nth-of-type(3){display:none}.about-intro>p:not(.eyebrow){max-width:560px}.supply-process{padding:27px 24px 25px}.supply-process li{gap:22px;padding-block:23px}.footer-inner{flex-wrap:wrap;padding-block:22px;gap:16px}.footer-inner>div:first-child{width:100%}.footer-legal{margin:0;text-align:left}.footer-inner>a{margin-left:auto}}
@media(max-width:430px){.container{width:calc(100% - 32px)}.brand-symbol{width:31px;height:42px}.brand-lettering{width:113px;height:32px}.brand{gap:5px}.header-inner{gap:0 10px}.header-cta{font-size:.8125rem;padding:10px;gap:0}.header-cta>.quote-arrow{display:none}.menu-toggle{margin-left:10px;width:44px;height:44px}.hero-actions{gap:14px}.hero-actions .text-link{font-size:.875rem}.hero-categories{font-size:.75rem;gap:8px 11px}.hero-categories span+span{padding-left:11px}.hero-photo{height:278px}.hero-photo-caption{padding:17px}.hero-photo-caption>span:first-child{font-size:.8125rem}.caption-detail{font-size:.8125rem}.product-picture{height:205px;padding-inline:21px}.product-copy{padding:15px 12px 0}.product-copy h4{overflow-wrap:break-word}.pack-chip{font-size:.75rem;padding:5px}.retail-grid{grid-template-columns:1fr;padding:0 18px 18px}.retail-grid .product-picture{height:285px}.water-grid{grid-template-columns:1fr}.water-grid .product-picture{height:310px}.tool-copy{padding:22px}.tool-picture{height:250px;padding:20px}.footer-inner>a{margin-left:0}}
@media(max-width:350px){.menu-toggle{margin-left:auto}.hero h1{font-size:2.1rem}.hero-categories{gap:7px}.hero-categories span+span{padding-left:7px}.product-grid{grid-template-columns:1fr}.product-picture{height:270px}.collection-tabs a{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:1050px){body:not(.js-ready) #main-nav{display:flex}}

/* Show the entire combined product scene without cropping the packaging. */
.hero-photo.hero-photo--combined{height:auto;aspect-ratio:3/2}
.hero-photo--combined img{object-fit:contain;object-position:center}

@media(min-width:761px) and (max-width:1050px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.sector-card{flex-direction:row}.sector-card:nth-child(odd){border-left:0;padding-left:0}.sector-card:nth-child(n+3){border-top:1px solid #ffffff26;padding-top:25px}}

/* Direct call links for both contact numbers. */
.topbar-contact{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.topbar-location{display:inline-flex;gap:12px}
.topbar-divider,.topbar-location>span{opacity:.45}
@media(max-width:760px){.topbar-contact{justify-content:center;gap:8px}.topbar-location{display:none}}

/* Contact: WhatsApp panel with clear, separate contact cards. */
.contact-section{background:var(--mist);padding-block:48px;color:var(--ink)}
.contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
.contact-panel{min-width:0;padding:34px 36px;background:var(--navy);color:#fff;border-radius:10px;border-left:5px solid var(--leaf);display:flex;flex-direction:column;align-items:flex-start}
.contact-panel .eyebrow{color:var(--leaf);font-size:.875rem;letter-spacing:.09em;margin-bottom:16px}
.contact-panel h2{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.04em;line-height:1.1}
.contact-panel h2 span{color:var(--leaf)}
.contact-intro{font-size:1rem;line-height:1.7;color:#dbe7f7;margin:20px 0 24px;max-width:420px}
.contact-panel .button{margin-top:auto;max-width:100%;text-align:left}
.button-light{background:var(--leaf);border-color:var(--leaf);color:var(--navy)}
.button-light:hover{background:var(--leaf-light);border-color:var(--leaf-light)}
.contact-note{font-size:.875rem;line-height:1.5;color:#dbe7f7;margin-top:12px}
.contact-cards{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-card{min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px}
.contact-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.contact-card-heading h3{font-size:.9375rem;font-weight:700;line-height:1.4;letter-spacing:0;color:var(--muted)}
.contact-symbol{width:24px;height:24px;color:var(--green);flex-shrink:0}
.contact-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.contact-card-body a{max-width:100%;font-size:1.0625rem;font-weight:600;line-height:1.7;color:var(--navy);overflow-wrap:anywhere}
.contact-card-body a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--green-dark)}
.contact-location{grid-column:1/-1}
.contact-location address{font-style:normal;font-size:1rem;line-height:1.8;color:var(--muted)}
@media(max-width:1050px){.contact-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.contact-panel{padding:28px}.contact-card{padding:20px}.contact-cards{grid-template-columns:1fr;gap:12px}.contact-card-heading{margin-bottom:10px}.contact-card-body{flex-direction:row;flex-wrap:wrap;gap:4px 20px}}
@media(max-width:760px){.contact-section{padding-block:40px}.contact-layout{grid-template-columns:1fr;gap:18px}.contact-panel{padding:28px}.contact-panel h2{font-size:2.25rem}.contact-intro{max-width:100%;margin-block:18px 22px}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-card-body{flex-direction:column;gap:5px}.contact-card{padding:22px}.contact-location address br{display:none}}
@media(max-width:540px){.contact-cards{grid-template-columns:1fr}.contact-panel{padding:26px 24px}.contact-card{padding:22px 24px}.contact-panel .button{gap:18px;padding-inline:18px}.contact-location{grid-column:auto}.contact-card-body a{font-size:1.125rem}}

/* Responsive fit across desktop, tablet and narrow phone screens. */
html{scroll-padding-top:calc(var(--header-height,96px) + 16px)}
.sectors,.collection-panel{scroll-margin-top:0}
.header-inner{flex-wrap:wrap;column-gap:24px;row-gap:12px}
#main-nav{flex-wrap:wrap}
.header-cta{max-width:100%;flex-shrink:0}
.header-cta .quote-label-full,.header-cta .quote-label-short{font-size:inherit;line-height:inherit}
.header-cta .quote-label-short{display:none}
.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr)}
.hero-photo-caption>span{min-width:0;overflow-wrap:anywhere}
.section-heading>div,.sector-card>div,.collection-heading>div,.collection-tabs a,.collection-title>div,.catalogue-assistance>div,.supply-process li>div{min-width:0}
.collection-heading{flex-wrap:wrap;align-items:flex-start}
.collection-heading>div{flex:1 1 360px}
.collection-heading .brochure-link{max-width:100%;align-self:center}
.collection-title .lyqid-logo{flex-shrink:0}
.eyebrow,.collection-heading .eyebrow,.collection-tabs a span,.hero-categories,.size-label{font-size:.875rem}
.collection-tabs a{overflow-wrap:anywhere}
.hero-actions .button,.text-link,.brochure-link,.catalogue-assistance .text-link{max-width:100%}
.enquiry-link{min-height:48px}
.supply-process .step-number{flex-shrink:0}
.footer-inner>div{min-width:0}
.footer-inner p,.footer-inner span,.footer-inner>a{font-size:.875rem}
.footer-inner>a{display:inline-flex;align-items:center;min-height:44px}
.topbar{font-size:.875rem}
.topbar-contact{row-gap:4px}
@media(min-width:761px) and (max-width:1050px){.water-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.water-grid .product-picture{height:280px}.header-inner{row-gap:0}}
@media(max-width:760px){
 html{scroll-padding-top:calc(var(--header-height,78px) + 12px)}
 .hero-grid{grid-template-columns:minmax(0,1fr)}
 .hero-copy .eyebrow,.hero .eyebrow{font-size:.875rem}
 .hero-categories{font-size:.875rem}
 .hero-photo-caption{flex-wrap:wrap;gap:12px 20px}
 .hero-photo-caption>span{flex:1 1 130px;font-size:.875rem}
 .hero-photo-caption br{display:none}
 .hero-photo-caption>span:first-child{max-width:100%}
 .header-inner{column-gap:10px;row-gap:0}
 .menu-toggle{width:44px;height:44px;flex-shrink:0}
 .header-cta{min-height:44px}
 .contact-card-body a{min-height:44px;display:inline-flex;align-items:center}
 .contact-card-heading h3{font-size:1rem}
 .footer-inner{align-items:flex-start}
}
@media(max-width:540px){
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:10px;min-height:76px;padding-block:12px}
 .brand{min-width:0;max-width:150px;gap:5px}
 .brand-symbol{width:30px;height:40px;flex-shrink:1}
 .brand-lettering{width:110px;height:32px;flex-shrink:1}
 .header-cta{display:inline-flex;grid-column:2;grid-row:1;margin:0;max-width:100px;padding:10px;font-size:.875rem;gap:0;white-space:normal;text-align:center}
 .header-cta .quote-label-full,.header-cta .quote-arrow{display:none}
 .header-cta .quote-label-short{display:inline}
 .menu-toggle{grid-column:3;grid-row:1;margin:0;width:44px;height:44px}
 #main-nav{grid-column:1/-1;grid-row:2;width:100%;margin:0;padding-top:8px}
 #main-nav a{min-height:48px}
 .hero-actions{align-items:stretch;gap:12px}
 .hero-actions .button{width:100%;justify-content:space-between;padding:15px 18px;font-size:1rem}
 .hero-actions .text-link{min-height:44px;align-items:center;font-size:1rem}
 .hero-categories{gap:8px 16px}
 .hero-categories span+span{border-left:0;padding-left:0}
 .contact-panel .button{width:100%;justify-content:space-between;font-size:1rem}
 .contact-panel .button>span{flex-shrink:0}
 .footer-inner{flex-direction:column;gap:14px}
 .footer-inner>a{margin:0}
}
@media(max-width:480px){
 .product-grid,.retail-grid,.water-grid{grid-template-columns:minmax(0,1fr)}
 .product-picture,.retail-grid .product-picture,.water-grid .product-picture{height:280px}
 .product-picture{padding:22px 40px}
 .product-copy{padding:20px 22px 0}
 .product-copy h4{font-size:1.125rem;line-height:1.4}
 .product-copy p{line-height:1.65}
 .enquiry-link{font-size:1rem;min-height:52px}
 .retail-grid{padding:0 14px 16px}
 .tool-copy{padding:24px}
 .tool-picture{height:270px}
 .supply-process{padding:24px 20px}
 .supply-process li{gap:16px}
}

.button,.text-link,.brochure-link{overflow-wrap:anywhere}

/* Product-led hero with room for water, cleaning liquids and bin liners. */
.hero.hero--supplies{padding-block:40px 44px;background:linear-gradient(135deg,#f6fafd,#edf4fa)}
.hero--supplies .hero-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(24px,3vw,44px);align-items:center}
.hero--supplies .hero-copy{padding-block:12px}
.hero--supplies .eyebrow{font-size:.875rem;letter-spacing:.08em;margin-bottom:22px}
.hero--supplies h1{font-size:clamp(2.25rem,3.9vw,3.75rem);line-height:1.09;letter-spacing:-.045em}
.hero--supplies h1 span{margin-top:7px}
.hero--supplies .hero-description{font-size:1.0625rem;line-height:1.8;margin-top:23px;max-width:520px}
.hero--supplies .hero-description strong{color:var(--navy)}
.hero--supplies .hero-actions{margin-top:29px;gap:14px 24px;align-items:center;flex-direction:row}
.hero--supplies .hero-photo{width:100%;height:auto;aspect-ratio:auto;border:8px solid #fff;border-radius:22px;background:#eef6fb;box-shadow:0 16px 40px #07346f10}
.hero--supplies .hero-photo img{width:100%;height:auto;object-fit:contain;object-position:center}
@media(max-width:1200px){.hero--supplies .hero-grid{gap:30px}.hero--supplies .hero-actions{gap:12px 20px}}
@media(max-width:900px){.hero.hero--supplies{padding-block:32px 36px}.hero--supplies .hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.hero--supplies .hero-copy{padding:0;max-width:680px}.hero--supplies h1{font-size:clamp(2.25rem,6.4vw,3.6rem)}.hero--supplies .hero-description{max-width:640px}.hero--supplies .hero-visual{width:100%;max-width:760px;margin-inline:auto}.hero--supplies .hero-photo{border-width:6px;border-radius:18px}}
@media(max-width:540px){.hero.hero--supplies{padding-block:28px 30px}.hero--supplies .hero-grid{gap:24px}.hero--supplies .eyebrow{margin-bottom:18px;letter-spacing:.06em}.hero--supplies h1{font-size:clamp(2rem,8.5vw,2.7rem)}.hero--supplies .hero-description{font-size:1rem;line-height:1.75;margin-top:20px}.hero--supplies .hero-actions{margin-top:24px;gap:10px}.hero--supplies .hero-photo{border-width:4px;border-radius:14px}}

/* TASKI joins the existing product collections. */
.collection-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.taski-distributor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.taski-product-card .product-picture{height:285px;background:#fff;padding:25px 50px}
.taski-product-card .product-picture img{mix-blend-mode:normal}
.taski-product-card .product-copy{padding:24px 26px 0}
.taski-product-card .product-copy h4{font-size:1.375rem;line-height:1.3;color:var(--navy)}
.taski-product-use{display:block;margin-top:8px;font-size:1.0625rem;font-weight:600;line-height:1.4}
.taski-product-card .product-copy p,.taski-product-card .enquiry-link{font-size:1rem}
@media(max-width:1050px){.collection-tabs a{padding-inline:15px}.taski-distributor-grid{gap:18px}.taski-product-card .product-picture{padding:24px 30px;height:250px}.taski-product-card .product-copy{padding:22px 20px 0}}
@media(max-width:760px){.collection-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tabs a:last-child{grid-column:1/-1;border-left:0}.taski-distributor-grid{gap:14px}.taski-product-card .product-picture{height:220px;padding:36px 16px 24px}.taski-product-card .product-copy{padding:20px 16px 0}.taski-product-card .product-copy h4{font-size:1.125rem}}
@media(max-width:600px){.taski-distributor-grid{grid-template-columns:1fr;gap:20px}.taski-product-card .product-picture{height:275px;padding:26px 55px}.taski-product-card .product-copy{padding:23px 24px 0}.taski-product-card .product-copy h4{font-size:1.375rem}}

/* Compact supply overview with three clear steps. */
.about-section.about--steps{padding-block:52px;background:#f3f7fb;border-block:1px solid var(--line)}
.about-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}
.about-overview>div{min-width:0}
.about-overview .eyebrow{font-size:.875rem;margin-bottom:14px;letter-spacing:.08em}
.about-overview h2{font-size:clamp(2.25rem,3.65vw,3.25rem);line-height:1.12;letter-spacing:-.04em}
.about-summary p{font-size:1rem;line-height:1.8;color:var(--muted)}
.about-summary p+p{margin-top:12px}
.supply-steps{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.supply-steps li{min-width:0;padding:27px 28px 29px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);border-radius:5px}
.supply-step-label{display:flex;align-items:center;gap:12px;font-size:.8125rem;font-weight:700;letter-spacing:.035em;color:var(--green-dark);line-height:1.5;margin-bottom:18px}
.supply-step-label>span{font-size:1.125rem;letter-spacing:-.03em;font-weight:400}
.supply-steps h3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em;color:var(--navy)}
.supply-steps p{font-size:1rem;line-height:1.75;color:var(--muted);margin-top:11px}
.about-supply-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:25px 30px;border-radius:6px;background:var(--navy);color:#fff}
.about-supply-footer>div{min-width:0}
.about-supply-footer strong{font-size:1.125rem;line-height:1.5}
.about-supply-footer p{font-size:1rem;line-height:1.6;color:#d3e3f7;margin-top:3px}
.about-supply-footer .button{flex-shrink:0;background:#fff;border-color:#fff;color:var(--navy)}
.about-supply-footer .button:hover{background:var(--leaf-light);border-color:var(--leaf-light)}
@media(max-width:1200px){.about-overview{gap:42px}.supply-steps{gap:16px}.supply-steps li{padding:24px 22px}}
@media(max-width:900px){.about-overview{gap:30px}.supply-steps li{padding:23px 20px}.supply-step-label{gap:8px;font-size:.75rem}.supply-steps h3{font-size:1.125rem}}
@media(max-width:760px){.about-section.about--steps{padding-block:40px}.about-overview{grid-template-columns:1fr;gap:21px}.about-overview h2{font-size:clamp(2.15rem,6vw,2.8rem)}.about-summary{max-width:600px}.supply-steps{grid-template-columns:1fr;gap:14px;margin-top:27px}.supply-steps li{padding:23px 25px}.supply-step-label{font-size:.8125rem;margin-bottom:12px;gap:12px}.supply-steps h3{font-size:1.25rem}.supply-steps p{margin-top:8px}.about-supply-footer{padding:25px;flex-wrap:wrap;gap:18px}}
@media(max-width:540px){.about-supply-footer{padding:24px}.about-supply-footer .button{width:100%;justify-content:space-between}.supply-steps li{padding:22px}}

/* Desktop, tablet and phone fit for the expanded product range. */
main,.hero-grid,.section-heading,.collection-heading,.contact-layout{min-width:0}
.collection-tabs a{min-height:84px}
.brochure-link{min-height:44px}
.product-picture img,.tool-picture img{max-width:100%;object-fit:contain}
@media(min-width:1440px){.container{width:min(1440px,calc(100% - 64px))}}
@media(min-width:761px) and (max-width:1050px){
 .collection-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
 .collection-tabs a{grid-column:span 2;border-top:0}
 .collection-tabs a:nth-child(n+4){grid-column:span 3;border-top:1px solid var(--line)}
 .collection-tabs a:nth-child(4){border-left:0}
}
@media(max-width:1050px){#main-nav.is-open{max-height:60vh;max-height:60dvh;overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:900px){
 .hero--supplies .hero-visual{max-width:none}
 .hero--supplies .hero-copy{max-width:100%}
 .contact-layout,.about-overview{grid-template-columns:minmax(0,1fr)}
 .contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-card-body{flex-direction:column;align-items:flex-start}
 .about-overview{gap:24px}
 .contact-panel .button{margin-top:0}
}
@media(max-width:600px){
 .product-grid,.retail-grid,.water-grid,.taski-distributor-grid,.contact-cards{grid-template-columns:minmax(0,1fr)}
 .product-picture,.retail-grid .product-picture,.water-grid .product-picture,.taski-product-card .product-picture{height:clamp(250px,72vw,340px)}
 .collection-tabs a{padding:15px 13px;min-height:88px}
 .collection-tabs a span{line-height:1.5}
 .contact-location{grid-column:auto}
 .section-heading{margin-bottom:26px}
 .hero--supplies .hero-actions{align-items:stretch;gap:10px}
 .hero--supplies .hero-actions .button{width:100%;justify-content:space-between;font-size:1rem;min-height:52px}
 .hero--supplies .hero-actions .text-link{min-height:44px;font-size:1rem}
 .hero--supplies .hero-photo{border-width:4px;border-radius:14px}
 .button>span,.enquiry-link>span{flex-shrink:0}
}

/* Original Krio logo and tagline in the footer. */
.footer-branding{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px}
.footer-inner .footer-brand{flex-shrink:0;max-width:100%;padding:9px 12px;gap:7px;background:#fff;border-radius:5px}
.footer-brand .brand-symbol{width:34px;height:46px}
.footer-brand .brand-lettering{width:135px;height:37px}
.footer-inner .footer-tagline{max-width:17rem;margin:0;color:#fff;font-size:.875rem;font-weight:700;line-height:1.7;letter-spacing:.045em}
@media(max-width:760px){.footer-branding{gap:14px 24px}.footer-legal{width:100%}}
@media(max-width:540px){.footer-inner{gap:20px}.footer-branding{align-items:flex-start;flex-direction:column;gap:12px}.footer-inner .footer-tagline{max-width:100%}.footer-inner .footer-brand{max-width:100%}}

/* Product cards slide inside their selected collection. */
.product-slideshow-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:0 0 22px}
.slideshow-status{font-size:.875rem;line-height:1.5;color:var(--muted)}
.slideshow-buttons{display:flex;align-items:center;gap:8px}
.slideshow-buttons button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--navy);font-size:1.25rem;line-height:1.3;cursor:pointer}
.slideshow-buttons .slideshow-toggle{min-width:98px;padding:10px 16px;font-size:.9375rem;font-weight:700}
.slideshow-buttons button:hover:not(:disabled){background:var(--mist);border-color:var(--blue)}
.slideshow-buttons button:disabled{opacity:.45;cursor:default}
.js-ready .product-carousel{--carousel-columns:3;--carousel-gap:22px;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--carousel-columns) - 1) * var(--carousel-gap)) / var(--carousel-columns));gap:var(--carousel-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a7bbcf #edf3f8;align-items:stretch;padding-block:2px 12px}
.js-ready .tools-grid.product-carousel{--carousel-columns:2}
.product-carousel>.product-card,.product-carousel>.tool-card{scroll-snap-align:start;min-width:0}
.product-carousel .product-picture{height:285px}
@media(max-width:1050px){.js-ready .product-carousel{--carousel-columns:2;--carousel-gap:18px}}
@media(max-width:600px){.js-ready .product-carousel,.js-ready .tools-grid.product-carousel{--carousel-columns:1;--carousel-gap:16px}.product-carousel .product-picture{height:clamp(250px,72vw,330px)}.product-slideshow-controls{margin-bottom:20px}.slideshow-status{flex:1 1 140px}.slideshow-buttons{margin-left:auto}}