:root{--navy:#041a3c;--ink:#071631;--red:#ed151b;--green:#0cb75b;--muted:#5e6980}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px 'DM Sans',sans-serif}.topbar{height:62px;background:#04152f;color:#fff;display:flex;gap:34px;align-items:center;padding:0 5.5%;font-size:14px}.top-right{margin-left:auto}header{height:122px;padding:0 4.3%;display:flex;align-items:center;gap:38px;background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 13px #08142a10}.logo{color:#123982;text-decoration:none;font:700 30px Outfit;display:flex;gap:10px;line-height:.84;align-items:center}.logo em{display:block;color:var(--red);font-style:normal}.logo-mark{width:58px;height:67px;border:6px solid #123982;border-radius:14px 14px 3px 3px;display:grid;place-items:center;color:#ed151b;font:bold italic 35px Outfit}nav{display:flex;align-items:center;justify-content:space-between;flex:1;max-width:760px;margin-left:auto}nav a{color:#061331;text-decoration:none;font-weight:700;text-transform:uppercase;padding:48px 4px 14px}nav .active{color:var(--red);border-bottom:3px solid var(--red)}.call-header,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:700;border-radius:10px}.call-header{background:var(--red);padding:21px 28px;white-space:nowrap}.menu{display:none}.hero{min-height:650px;position:relative;background:#061a3c;overflow:hidden;color:#fff;padding:76px 5.5% 110px}.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#031127 0%,#051735ed 44%,#04183644 70%),url('assets/reference-home.png') 80% center/cover no-repeat;opacity:.98}.hero-content{position:relative;max-width:760px}.eyebrow{text-transform:uppercase;color:var(--red);font-weight:700;margin:0 0 7px;font-size:13px}.eyebrow.light{color:#fff}.hero h1{font:700 57px/1.06 Outfit;margin:8px 0 16px;letter-spacing:.5px}.hero h1 span{color:#fff}.hero h1 strong{color:var(--red);display:block}.hero i{display:block;width:74px;border-top:3px solid var(--red);margin:22px 0}.dealer{font-size:22px;font-weight:600}.brand-pills{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 29px}.brand-pills b{background:#fff;color:#172038;border-radius:10px;min-width:120px;height:70px;padding:16px 14px;display:grid;place-items:center;text-align:center;font-size:18px;line-height:1}.brand-pills b:nth-child(2),.brand-pills b:nth-child(3){color:var(--red)}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.button{padding:18px 23px;letter-spacing:.1px}.red{background:var(--red)}.green{background:var(--green)}.outline{border:1px solid #fff;background:#071731}.trust-row{position:absolute;bottom:32px;left:5.5%;right:27%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff60;padding-top:22px}.trust-row span{font-size:25px;display:flex;gap:10px;align-items:center}.trust-row b{font-size:14px;font-weight:500}.reviews{position:absolute;right:5%;bottom:20px;background:#fff;color:var(--ink);border-radius:13px;padding:20px 30px;display:grid;grid-template-columns:50px 1fr;gap:2px 12px;min-width:265px}.reviews strong{grid-row:span 2;font-size:42px;color:#4285f4}.reviews b{font-size:28px}.reviews em{font-size:17px;color:#ffa900;font-style:normal}.reviews small{font-size:13px}.products{padding:53px 5.5% 66px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h2,.contact h2{font:700 31px Outfit;margin:0}.section-title a,.product-grid a{color:var(--red);font-weight:700;font-size:13px;text-decoration:none}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product-grid article{border:1px solid #e2e5eb;border-radius:10px;overflow:hidden;padding-bottom:16px;box-shadow:0 3px 12px #06152a0c}.product-grid h3,.product-grid p,.product-grid a{display:block;margin-left:15px;margin-right:15px}.product-grid h3{font:700 18px Outfit;margin-bottom:7px}.product-grid p{color:var(--muted);font-size:13px;line-height:1.4;min-height:37px;margin-top:0}.pipe-art,.tank-art,.tap-art{height:140px;background:#f5f5f3;position:relative;overflow:hidden}.pipe-art:before,.pipe-art:after{content:'';position:absolute;width:38px;height:190px;border-radius:30px;background:linear-gradient(90deg,#d0d0cb,#fff,#bebeba);transform:rotate(52deg);top:-27px}.pipe-art:before{left:28%}.pipe-art:after{left:58%}.cpvc:before,.cpvc:after{background:linear-gradient(90deg,#c48f49,#fff1cf,#bc823d)}.swr:before,.swr:after{background:linear-gradient(90deg,#262d30,#667073,#101416)}.tank-art{display:flex;justify-content:center;align-items:end;gap:8px;padding-bottom:13px}.tank-art span{height:92px;width:55px;background:#f9c900;border-radius:10px 10px 5px 5px;box-shadow:inset 0 16px #fff4a0}.tank-art span:first-child{background:#e9e9e9;box-shadow:inset 0 16px #fff}.tap-art{font-size:130px;line-height:1;text-align:center;color:#aeb4b7;font-family:serif}.showcase{background:#031838;padding:50px 5.5%;color:#fff;display:grid;grid-template-columns:30% 1fr;gap:50px}.showcase h2{font:700 27px Outfit;margin:0 0 18px}.showcase h2 span{color:var(--red)}ul{padding:0;list-style:none;line-height:2.25;margin-bottom:24px}li:before{content:'✓';color:var(--red);font-weight:bold;margin-right:10px}.small{font-size:12px;padding:12px 15px}.showroom{text-align:center;position:relative}.showroom>p{font-weight:700;font-size:13px;margin:0 0 10px}.showroom img{width:100%;height:295px;object-fit:cover;border-radius:11px;display:block}.image-note{position:absolute;bottom:0;left:0;right:0;background:#041939d9;padding:12px}.numbers{margin:0 5.5%;transform:translateY(-1px);border-radius:0 0 11px 11px;background:#0a2a58;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:24px 30px}.numbers div{padding-right:38px;border-right:1px solid #ffffff55}.numbers b{font:700 24px Outfit;display:block}.numbers span{font-size:12px}.numbers a{background:#061936;color:#fff;text-decoration:none;border-radius:7px;padding:12px 18px;font-size:12px}.numbers a strong{color:#fff8}.contact{margin:68px 5.5%;padding:46px 5%;border-radius:16px;background:linear-gradient(115deg,#f5f7fb,#e5edf9);display:flex;justify-content:space-between;align-items:center}.contact>div>p:last-child{color:var(--muted);max-width:500px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}footer{background:#03142f;color:#fff;padding:35px 5.5%;display:flex;align-items:center;justify-content:space-between}footer .logo{font-size:21px;color:#fff}footer .logo-mark{width:38px;height:44px;border-width:4px;font-size:24px}footer p,footer span{font-size:13px;color:#b7c1d4}@media(max-width:1050px){header{gap:15px}.call-header{padding:16px}nav{gap:13px}.hero h1{font-size:48px}.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:740px){.topbar{height:auto;padding:12px 5%;font-size:11px}.topbar span:nth-child(2),.top-right{display:none}header{height:78px;padding:0 5%}.logo{font-size:22px}.logo-mark{width:39px;height:47px;border-width:4px;font-size:24px}.menu{display:block;margin-left:auto;font-size:22px;background:none;border:0}nav,.call-header{display:none}.hero{padding:57px 6% 160px;min-height:640px}.hero-backdrop{background:linear-gradient(90deg,#031127ed,#051735c9),url('assets/reference-home.png') 70% center/cover}.hero h1{font-size:39px}.dealer{font-size:17px}.brand-pills b{min-width:90px;height:55px;font-size:13px}.hero-actions{gap:8px}.button{padding:14px 12px;font-size:12px}.trust-row{right:6%;bottom:43px;gap:5px}.trust-row span{font-size:17px}.trust-row b{font-size:10px}.trust-row span:nth-child(4),.trust-row span:nth-child(5){display:none}.reviews{right:6%;bottom:-2px;transform:scale(.75);transform-origin:right bottom}.products{padding:38px 6%}.section-title a{font-size:10px}.product-grid{display:flex;overflow:auto;padding-bottom:8px}.product-grid article{min-width:196px}.showcase{grid-template-columns:1fr;padding:38px 6%;gap:25px}.showroom img{height:210px}.numbers{margin:0 6%;display:grid;grid-template-columns:1fr 1fr;gap:19px}.numbers div{border:0;padding:0}.numbers a{grid-column:span 2;text-align:center}.contact{margin:40px 6%;padding:30px;display:block}.contact-actions{margin-top:25px}footer{padding:28px 6%;display:block}footer p{margin:20px 0}}



/* Products catalogue image presentation */
.product-type-card { display: flex; flex-direction: column; overflow: hidden; }
.product-type-card img { display: block; width: 100%; height: clamp(10rem, 18vw, 14rem); aspect-ratio: 4 / 3; object-fit: contain; padding: .75rem; background: #f5f7fa; }
.product-type-card .catalog-card-body { flex: 1; display: flex; flex-direction: column; }
.product-type-card .catalog-explore { margin-top: auto; }
@media (max-width: 720px) { .product-type-card img { height: 10rem; } }