#hw-outdoor{
--blue:#0875D1;
--navy:#062D65;
--text:#345B85;
font-family:Arial,Helvetica,sans-serif;
color:var(--navy);
position:relative;
left:50%;
width:100vw!important;
max-width:none!important;
margin-left:-50vw!important;
background:#F1F9FF;
box-sizing:border-box;
overflow-x:clip;
}
#hw-outdoor *{box-sizing:border-box}
#hw-outdoor a{text-decoration:none!important}
#hw-outdoor .hero{
min-height:290px;
padding:30px clamp(20px,4vw,75px);
background:
linear-gradient(90deg,rgba(249,253,255,.96) 0%,rgba(249,253,255,.72) 48%,rgba(249,253,255,0) 80%),
url("https://hyprowater.my/wp-content/uploads/2026/10/hyprowater-outdoor-banner.png")
center right/cover no-repeat,
linear-gradient(100deg,#F8FCFF,#D9EEFF);
}
#hw-outdoor .eyebrow{
display:flex;
align-items:center;
gap:15px;
color:#0875D1;
font-size:17px;
letter-spacing:4px;
font-weight:800;
}
#hw-outdoor .eyebrow:after{
content:"";
width:80px;
height:2px;
background:#0875D1;
}
#hw-outdoor h1{
margin:10px 0 5px;
color:#062D65;
font-size:clamp(44px,5vw,76px);
line-height:1.06;
font-weight:900;
letter-spacing:-2px;
}
#hw-outdoor .subtitle{
margin:8px 0 24px;
font-size:clamp(15px,1.4vw,20px);
color:#173D70;
}
#hw-outdoor .features{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
max-width:1100px;
}
#hw-outdoor .feature{
display:flex;
align-items:center;
gap:12px;
}
#hw-outdoor .feature-icon{
flex:0 0 52px;
width:52px;
height:52px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#D9EEFF;
color:#0875D1;
font-size:26px;
}
#hw-outdoor .feature strong{
display:block;
font-size:14px;
margin-bottom:4px;
}
#hw-outdoor .feature p{
margin:0;
font-size:12px;
line-height:1.4;
color:#345B85;
}
#hw-outdoor .products{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
padding:20px clamp(14px,2vw,32px) 36px;
}
#hw-outdoor .card{
display:grid;
grid-template-columns:37% minmax(0,1fr);
gap:14px;
padding:20px 16px;
min-height:365px;
background:white;
border:1px solid #E0EAF5;
border-radius:18px;
box-shadow:0 6px 22px rgba(7,57,110,.07);
transition:transform .2s,box-shadow .2s;
}
#hw-outdoor .card:hover{
transform:translateY(-3px);
box-shadow:0 12px 28px rgba(7,57,110,.13);
}
#hw-outdoor .photo{
display:flex;
align-items:center;
justify-content:center;
min-width:0;
}
#hw-outdoor .photo img{
display:block;
width:100%;
height:305px;
object-fit:contain;
}
#hw-outdoor .placeholder{
width:100%;
height:270px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:12px;
border-radius:12px;
background:#F0F7FD;
color:#718EAB;
text-align:center;
font-size:12px;
padding:10px;
}
#hw-outdoor .placeholder svg{
width:60px;
height:60px;
fill:none;
stroke:#93B0CA;
stroke-width:1.5;
}
#hw-outdoor .details{
display:flex;
flex-direction:column;
align-items:flex-start;
min-width:0;
}
#hw-outdoor .tag{
display:inline-block;
padding:6px 12px;
margin-bottom:10px;
border-radius:25px;
background:#D7EEFF;
color:#07529B;
font-size:11px;
font-weight:800;
}
#hw-outdoor h2{
margin:0 0 8px;
color:#062D65;
font-size:clamp(18px,1.5vw,24px);
line-height:1.15;
font-weight:800;
}
#hw-outdoor .description{
margin:0 0 14px;
color:#345B85;
font-size:13px;
line-height:1.45;
}
#hw-outdoor ul{
list-style:none!important;
padding:0!important;
margin:0 0 17px!important;
}
#hw-outdoor li{
display:flex;
align-items:flex-start;
gap:8px;
margin-bottom:8px;
color:#19477B;
font-size:12.5px;
line-height:1.35;
}
#hw-outdoor .check{
flex:0 0 19px;
width:19px;
height:19px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#0875D1;
color:white;
font-size:12px;
font-weight:800;
}
#hw-outdoor .button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:15px;
min-width:175px;
margin-top:auto;
padding:12px 17px;
border-radius:30px;
background:#0875D1!important;
color:white!important;
font-size:14px;
font-weight:700;
text-align:center;
}
#hw-outdoor .button:hover,
#hw-outdoor .button:focus{
background:#055BA9!important;
color:white!important;
}
#hw-outdoor .disabled{
opacity:.7;
cursor:default;
}
#hw-outdoor .disabled:hover{
background:#0875D1!important;
}
#hw-outdoor .note{
margin:0;
padding:0 20px 25px;
text-align:center;
font-size:12px;
color:#6D85A0;
}
@media(max-width:1100px){
#hw-outdoor .products{
grid-template-columns:repeat(2,minmax(0,1fr));
}
#hw-outdoor .features{
grid-template-columns:repeat(2,minmax(0,1fr));
max-width:800px;
}
}
@media(max-width:700px){
#hw-outdoor .hero{
padding:25px 17px;
background-position:65% center;
}
#hw-outdoor h1{
font-size:43px;
letter-spacing:-1px;
}
#hw-outdoor .features{
gap:15px 8px;
}
#hw-outdoor .feature{
gap:8px;
}
#hw-outdoor .feature-icon{
width:40px;
height:40px;
flex-basis:40px;
font-size:20px;
}
#hw-outdoor .feature strong{
font-size:12px;
}
#hw-outdoor .feature p{
font-size:11px;
}
#hw-outdoor .products{
grid-template-columns:1fr;
padding:15px 12px 25px;
}
#hw-outdoor .card{
grid-template-columns:35% minmax(0,1fr);
min-height:330px;
padding:15px 11px;
gap:10px;
}
#hw-outdoor .photo img{height:270px}
#hw-outdoor h2{font-size:19px}
#hw-outdoor .description{font-size:12px}
#hw-outdoor li{font-size:11.5px}
#hw-outdoor .button{
min-width:0;
width:100%;
padding:11px 9px;
}
}
SAND FILTER
Sand Filter Fiber Glass
A practical sand filtration system for residential and commercial use.
- ✓5-layer filtration media
- ✓Manual backwash system
- ✓Less than 5% impact on water pressure
- ✓Durable fiber glass tank
- ✓Easy to operate and maintain
View Product →
SAND FILTER
Sand Filter Stainless Steel
An elegant stainless steel design for long-lasting durability.
- ✓5-layer filtration media
- ✓Manual backwash system
- ✓Rust-resistant, shiny steel design
- ✓More elegant appearance
- ✓Residential and commercial use
Coming Soon
Stainless Steel Bag Filter
BAG FILTER
Filter Bag Stainless Steel
Effective filtration of fine sediment with easy maintenance.
- ✓Fine sediment filtration
- ✓Stainless steel body
- ✓Steel 304 design
- ✓Long-lasting durability
- ✓Easy filter bag replacement
Coming Soon
UF MEMBRANE
UF Membrane Ultra
Ultra filtration at 0.01 µm for cleaner water.
- ✓0.01 µm UF HPVC membrane
- ✓Double flush system
- ✓Helps filter bacteria and sediment
- ✓Compact and neat design
- ✓Suitable for residential use
Coming Soon
UF MEMBRANE
UF Membrane Super6
Capacity up to 6,000 liters per hour for residential and commercial use.
- ✓Up to 6,000 liters/hour
- ✓0.01 µm UF PVDF membrane
- ✓Washable membrane
- ✓Helps filter bacteria and turbidity
- ✓Long-lasting design
Coming Soon
UF MEMBRANE
UF Membrane Super10
High capacity up to 10,000 liters per hour for commercial use.
- ✓Up to 10,000 liters/hour
- ✓0.01 µm UF PVDF membrane
- ✓Washable membrane
- ✓Helps filter bacteria and turbidity
- ✓Suitable for heavily contaminated water
Coming Soon
Product images and specifications may vary by model.
Please contact HyproWater for further details.
