/* Product section only. The approved hero remains controlled by hero-v2.css. */
html{scroll-behavior:smooth}
.products-review main>section#products{display:block}
.products{padding-top:82px;padding-bottom:85px;max-width:1600px;margin:auto}
.products .section-heading{grid-template-columns:1fr 2fr;gap:40px;margin-bottom:40px}
.products .section-heading h2{font-size:clamp(38px,4vw,58px);font-weight:600;letter-spacing:-1.1px;line-height:1.1}
.products .section-heading p:not(.eyebrow){font-size:17px;line-height:1.5}
.products .eyebrow{font-size:11px;letter-spacing:1.1px;font-weight:600}
.products .path{margin-bottom:65px;grid-template-columns:repeat(6,1fr);border-color:#ddd}
.products .path a{padding:19px 16px;font-size:13px;font-weight:400;min-height:76px;border-right:1px solid #eee;position:relative}
.products .path a:last-child{border-right:0}
.products .path a:after{content:'›';position:absolute;right:15px;top:40px;font-size:18px;color:#a2a2a2}
.products .path b{font-size:11px;font-weight:600;margin-bottom:5px}
.products .story{gap:7%;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:76px;scroll-margin-top:0}
.products .story-image{height:425px}
.products .image-label{left:18px;bottom:18px;font-size:9px;font-weight:600;letter-spacing:.8px;padding:8px 12px;background:#ffffffee;max-width:calc(100% - 36px)}
.products .story-copy .eyebrow{font-size:10px;letter-spacing:.7px;margin-bottom:19px}
.products .story h3{font-size:clamp(28px,3vw,41px);line-height:1.15;font-weight:600;letter-spacing:-.7px;margin-bottom:20px}
.products .story-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:470px}
.products .story-copy .story-line{font-weight:600;font-size:16px;margin:20px 0}
.products .text-link{font-size:13px;font-weight:600;min-height:44px;margin-top:10px;gap:25px;border-color:#bbb}
.series{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;color:#545454;font-size:13px;line-height:1.5}
.series span{padding-bottom:3px;border-bottom:1px solid #e2e2e2}
.products .story-connect .story-image{height:400px}
.products .story-connect img{object-position:center 55%}
.products .story-hose{grid-template-columns:.9fr 1.1fr}
.products .story-hose .story-image{height:440px}
.products .story-hose img{transform:none;object-position:center top;object-fit:cover;filter:none}
.products .story-hose .story-image{background:#fff}
.products .story-hose .image-label{z-index:1}
.products .story-reel{grid-template-columns:1.3fr 1fr;margin-left:0;margin-right:0;padding:35px;background:#f4f4f2;gap:6%}
.products .story-reel .story-image{height:460px}
.products .story-hand{grid-template-columns:1fr 1.12fr}
.products .story-hand .story-image{height:460px}
.products .story-hand img{object-position:70% 66%}
.products .story-sprinkler{display:block}
.products .story-sprinkler .story-image{height:500px;margin-bottom:30px}
.products .story-sprinkler img{object-position:center bottom}
.products .story-sprinkler .story-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:7%;align-items:start}
.products .story-sprinkler .eyebrow{grid-column:1/-1}
.products .story-sprinkler h3{grid-column:1;grid-row:2/5;max-width:460px}
.products .story-sprinkler .story-copy>p:not(.eyebrow),.products .story-sprinkler .series,.products .story-sprinkler .text-link{grid-column:2}
.products .story-sprinkler .text-link{justify-self:start}
.products .story-timer{padding-top:35px;border-top:1px solid #ddd;grid-template-columns:1fr .85fr}
.products .story-timer .story-image{height:425px}
.products .story:last-child{margin-bottom:0}
#category-dialog{width:min(730px,94vw);padding:48px}
#category-dialog h2{font-size:36px;letter-spacing:-.7px;font-weight:600}
#category-dialog p{font-size:15px;line-height:1.5}
#dialog-models{gap:0;display:grid;grid-template-columns:1fr 1fr;margin:28px 0}
#dialog-models span{background:none;padding:13px 14px 13px 0;border-top:1px solid #ddd;font-size:15px}
#category-dialog .dialog-buy{border-radius:3px;min-height:44px;padding:11px 20px;font-size:13px}
@media(max-width:950px) and (min-width:651px){.products .path a{padding-left:10px;font-size:12px}.products .path a:after{display:none}.products .story{gap:5%}.products .story h3{font-size:30px}.products .story-copy>p:not(.eyebrow){font-size:14px}.products .story-reel{padding:25px}.products .series{font-size:10px}}
@media(max-width:650px){
.products{padding:52px 25px 55px}
.products .section-heading{display:block;margin-bottom:28px}
.products .section-heading>.eyebrow{padding-top:0;margin-bottom:21px}
.products .section-heading h2{font-size:37px;letter-spacing:-.7px;margin-bottom:18px}
.products .section-heading p:not(.eyebrow){font-size:15px}
.products .path{grid-template-columns:repeat(3,1fr);margin-bottom:40px}
.products .path a{font-size:11px;padding:14px 8px;min-height:66px;border-bottom:1px solid #eee}
.products .path a:after{display:none}
.products .path a:nth-child(3){border-right:0}.products .path a:nth-child(n+4){border-bottom:0}
.products .story,.products .story-hose,.products .story-reel,.products .story-hand,.products .story-timer{display:flex;flex-direction:column;gap:25px;align-items:stretch;margin-bottom:50px;padding:0;scroll-margin-top:94px}
.products .story .story-image{height:310px;order:0}
.products .image-label{font-size:8px;letter-spacing:.4px;left:14px;bottom:14px;padding:7px 9px}
.products .story-copy .eyebrow{font-size:9px;margin-bottom:15px}
.products .story h3{font-size:30px;line-height:1.16;margin-bottom:18px;letter-spacing:-.5px}
.products .story-copy>p:not(.eyebrow){font-size:15px;line-height:1.5}
.products .story-copy .story-line{font-size:16px;margin:18px 0}
.products .story-reel{padding:20px;margin-left:-10px;margin-right:-10px}
.products .story-reel .story-image{height:300px}
.products .story-hand img{object-position:70% 65%}
.products .story-sprinkler .story-image{height:330px;margin-bottom:25px}
.products .story-sprinkler .story-copy{display:block}
.products .story-timer{padding-top:30px}
.products .series{font-size:12px;gap:7px 13px}
.products .text-link{font-size:14px;min-height:48px}
#category-dialog{padding:40px 25px}#category-dialog h2{font-size:30px}#dialog-models{grid-template-columns:1fr}#dialog-models span{font-size:15px;padding:12px 0}
}
/* Audit: retain the water sequence while making product categories legible. */
.products .path-verb{display:block;color:#555;font-size:12px}
.products .path-category{display:block;font-size:14px;font-weight:600;margin-top:3px;line-height:1.4}
.products .path a{padding-right:25px;min-height:102px}
.products .path a:after{top:53px;color:#666}
.products .story-copy .eyebrow{font-size:11px;color:#555}
.products .image-label{font-size:10px;letter-spacing:.6px}
.products .story-hand img{object-position:78% 66%;transform:scale(1.12);transform-origin:66% 70%}
.products .text-link:hover{color:#d9510b;border-color:#d9510b}
.products .story-connect .series{max-width:480px}
@media(max-width:650px){
 .products .path a{padding:13px 8px;min-height:96px}
 .products .path-verb{font-size:11px}
 .products .path-category{font-size:12px;line-height:1.35}
 .products .story-copy .eyebrow{font-size:10px}
 .products .series{font-size:13px;color:#545454}
 .products .image-label{font-size:9px;line-height:1.5;max-width:calc(100% - 28px)}
 .products .story-sprinkler .story-image{height:360px}
 .products .story-sprinkler img{object-position:58% bottom}
 .products .story-hand img{transform:scale(1.3);transform-origin:66% 75%}
}
/* A single ordered strip supports touch swipe and keyboard navigation. */
@media(max-width:650px){
 .products .path{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c8c8c8 #eee;padding-bottom:7px}
 .products .path a{flex:0 0 150px;scroll-snap-align:start;min-height:96px;padding:14px 14px;border-right:1px solid #eee;border-bottom:0}
 .products .path a:nth-child(3){border-right:1px solid #eee}
 .products .path a:last-child{border-right:0}
 .products .path-verb{font-size:12px}
 .products .path-category{font-size:14px}
 .products .story,.products .story-hose,.products .story-reel,.products .story-hand,.products .story-timer{scroll-margin-top:3px}
 .products .story-hose img{object-position:center top}
}