/* Dwa równorzędne obszary oferty na pierwszym ekranie. */
.hero.hero-systems{display:block;padding-block:39px 31px}
.hero-systems .hero-copy{display:grid;grid-template-columns:1.35fr 1fr;gap:55px;align-items:center;margin-bottom:29px}
.hero-systems .intro-line{margin-bottom:15px;font-size:11px}
.hero-systems h1{font-size:clamp(35px,3.75vw,53px);line-height:1.14;letter-spacing:-2px}
.hero-systems .hero-description{margin:0;font-size:13px;line-height:1.85;max-width:510px}
.hero-systems .hero-actions{margin-top:20px;gap:24px}
.system-scenes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.system-scene{border:1px solid #dbe2de;border-radius:7px;overflow:hidden;background:#f5f7f5;scroll-margin-top:20px}
.scene-heading{display:flex;gap:13px;align-items:center;padding:19px 22px;background:#fff;border-bottom:1px solid #e0e6e2}
.scene-heading>.icon{width:26px;height:26px;color:var(--red);stroke-width:1.4}
.scene-heading h2{font-size:21px;letter-spacing:-.5px;line-height:1.2}
.scene-heading p{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.5}
.hero-systems .scene-canvas{position:relative;height:clamp(280px,25vw,355px);min-height:0;background:#f3f6f3;border:0;border-radius:0;display:block;overflow:hidden}
.hero-systems .house-drawing,.industry-drawing{display:block;width:100%;height:100%;flex:none}
.industrial-scene{background:#edf2ee}
.industrial-scene .scene-canvas{background:#edf2ee}
.industrial-scene .scene-heading{background:#f8faf7}
.scene-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;background:#fff;border-top:1px solid #e0e6e2;font-size:10px;color:var(--muted);min-height:43px}
.scene-footer small{font-size:9px;white-space:nowrap}
.scene-footer button{padding:0;background:transparent;border:0;font-size:11px;color:var(--red);font-weight:700;display:flex;align-items:center;gap:15px;min-height:22px;text-align:left}
.scene-footer button:hover{text-decoration:underline;text-underline-offset:3px}
.hero-systems .hotspot{font-size:10px;padding:7px 10px 7px 6px;min-height:38px;gap:6px;z-index:1}
.hero-systems .hotspot-dot{width:23px;height:23px;font-size:18px}
.hero-systems .hotspot-home{top:61%;left:3%}
.hero-systems .hotspot-water{top:41%;right:3%}
.hero-systems .hotspot-outdoor{bottom:6%;right:5%}
.hotspot-roof{top:13%;left:6%}
.hotspot-pipes{top:56%;left:3%}
.hotspot-curtain{top:32%;right:3%}
.hotspot-controls{bottom:8%;right:3%}
.house-panel:has(.hotspot-roof:hover) .gutter-system,.house-panel:has(.hotspot-roof:focus-visible) .gutter-system{filter:drop-shadow(0 0 3px #d54131)}
.industry-panel:has(.hotspot-pipes:hover) .process-pipes,.industry-panel:has(.hotspot-pipes:focus-visible) .process-pipes{filter:drop-shadow(0 0 4px #cf4d3e)}
.industry-panel:has(.hotspot-controls:hover) .control-system,.industry-panel:has(.hotspot-controls:focus-visible) .control-system{filter:drop-shadow(0 0 4px #cf4d3e)}
.industry-panel:has(.hotspot-curtain:hover) .curtain-system,.industry-panel:has(.hotspot-curtain:focus-visible) .curtain-system{filter:drop-shadow(0 0 4px #cf4d3e)}
.scenes-note{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:11px;margin-top:16px;line-height:1.7}
.scenes-note>.icon{width:17px;height:17px;color:#526b56}
.scene-jumps{display:none}
@media(max-width:1150px){.hero-systems .hero-copy{gap:35px;grid-template-columns:1.3fr 1fr}.hero-systems h1{font-size:40px;letter-spacing:-1.7px}.hero-systems .hero-description{font-size:12px}.hero-systems .hero-actions{gap:16px}.hero-systems .hero-actions .text-button{font-size:11px}.scene-heading{padding:17px}.scene-heading p{font-size:10px}.scene-heading h2{font-size:20px}.scene-footer{padding-inline:16px;font-size:9px}.scene-footer button{font-size:10px}.hero-systems .hotspot{font-size:9px}.hero-systems .scene-canvas{height:295px}}
@media(max-width:900px){.hero-systems .hero-copy{grid-template-columns:1fr;gap:18px;margin-bottom:23px}.hero-systems h1{font-size:44px}.hero-systems .hero-details{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.hero-systems .hero-description{font-size:12px}.hero-systems .hero-actions{margin:0;justify-content:flex-end}.system-scenes{gap:14px}.scene-heading{align-items:flex-start;gap:10px;padding:15px}.scene-heading h2{font-size:18px}.scene-heading>.icon{width:22px;height:22px}.scene-heading p{font-size:10px;max-width:260px;min-height:30px}.hero-systems .scene-canvas{height:285px}.hero-systems .hotspot{font-size:8px;padding:5px 7px 5px 5px;gap:4px;min-height:34px}.hero-systems .hotspot-dot{width:21px;height:21px}.scene-footer{font-size:9px;align-items:flex-start;gap:4px;flex-direction:column;padding:10px 14px;min-height:61px}.scene-footer small{font-size:8px}.scene-footer button{font-size:10px;min-height:19px}.hotspot-roof{left:3%;top:14%}.hotspot-curtain{top:32%;right:2%}.hero-systems .hotspot-home{top:64%;left:2%}.hero-systems .hotspot-water{top:43%;right:2%}.hero-systems .hotspot-outdoor{bottom:7%;right:2%}.hotspot-pipes{top:58%;left:2%}.hotspot-controls{right:2%;bottom:9%}}
@media(max-width:650px){.hero.hero-systems{padding:28px 0}.hero-systems .hero-copy{gap:18px;margin-bottom:22px}.hero-systems .intro-line{font-size:10px;margin-bottom:14px}.hero-systems h1{font-size:clamp(32px,8.55vw,47px);letter-spacing:-1.3px;line-height:1.14}.hero-systems .hero-details{display:block}.hero-systems .hero-description{font-size:13px;line-height:1.85}.hero-systems .hero-actions{margin-top:19px;justify-content:flex-start;gap:16px}.hero-systems .hero-actions .button{font-size:12px}.hero-systems .hero-actions .text-button{font-size:12px}.system-scenes{grid-template-columns:1fr;gap:18px}.scene-heading{padding:16px;gap:12px}.scene-heading h2{font-size:20px}.scene-heading p{font-size:11px;min-height:0;max-width:none;line-height:1.6}.scene-heading>.icon{width:25px;height:25px}.hero-systems .scene-canvas{height:300px}.hero-systems .hotspot{font-size:10px;min-height:40px;padding:7px 9px 7px 5px;gap:5px}.hero-systems .hotspot-dot{width:22px;height:22px}.hero-systems .hotspot-home{top:62%}.hero-systems .hotspot-water{top:42%}.hero-systems .hotspot-outdoor{bottom:7%}.scene-footer{flex-direction:row;align-items:center;min-height:48px;padding:10px 13px;gap:10px;font-size:9px}.scene-footer>span{max-width:210px}.scene-footer small{font-size:8px}.scene-footer button{font-size:10px;min-height:30px;gap:7px}.scenes-note{font-size:10px;align-items:flex-start;justify-content:flex-start;margin-top:14px}.scenes-note>.icon{margin-top:2px}.scene-jumps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.scene-jumps a{display:flex;align-items:center;gap:7px;border:1px solid #d2dbd5;border-radius:4px;padding:10px 9px;min-height:46px;font-size:10px;font-weight:700;background:white}.scene-jumps a .icon{width:18px;height:18px;color:var(--red)}.scene-jumps a>span{margin-left:auto}.scene-jumps a:hover{border-color:var(--red)}.hotspot-pipes{top:56%}.hotspot-curtain{top:30%}.hotspot-controls{bottom:8%}}
@media(max-width:360px){.hero-systems h1{font-size:31px}.hero-systems .hero-actions{gap:10px}.hero-systems .hero-actions .button,.hero-systems .hero-actions .text-button{font-size:10px}.hero-systems .scene-canvas{height:275px}.hero-systems .hotspot{font-size:9px;min-height:38px;padding:6px 7px 6px 4px;gap:4px}.hero-systems .hotspot-dot{width:21px;height:21px}.scene-heading h2{font-size:18px}.scene-heading p{font-size:10px}.scene-jumps a{font-size:9px;padding-inline:7px;gap:5px}.scene-footer{font-size:8px}.scene-footer button{font-size:9px}}
@media(min-width:651px) and (max-width:900px){.hero-systems .hotspot{font-size:10px;min-height:40px}.hero-systems .scene-canvas{height:300px}}
@media(max-width:650px){.hero-systems .hotspot{min-height:44px}}
@media print{.scene-jumps{display:none}.system-scenes{grid-template-columns:1fr 1fr}.system-scene{break-inside:avoid}.hero-systems .scene-canvas{height:280px}.hero-systems h1{font-size:32px}}