.com-systems{--com-ink:#243c48;--com-muted:#60717d;--com-red:#b6282d;--com-line:#dfe6eb;--com-soft:#f3f6f8;background:#fff;color:var(--com-ink);font:15px/1.65 Manrope,Arial,sans-serif;padding:24px 0 0}
.com-systems *{box-sizing:border-box}
.com-systems h1,.com-systems h2,.com-systems h3,.com-systems p{margin:0}
.com-systems a{color:inherit;text-decoration:none}
.com-systems button{font:inherit;cursor:pointer}
.com-systems [hidden]{display:none!important}
.com-systems a:focus-visible,.com-systems button:focus-visible{outline:3px solid #217ba4;outline-offset:4px}
.com-systems .ixcom-wrap{width:min(1360px,calc(100% - 72px));margin:auto}
.com-systems .ixcom-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:20px 0 30px}
.com-systems .ixcom-context{font-size:12px;color:var(--com-muted)}
.com-systems h1{font-size:clamp(36px,3.5vw,55px);font-weight:700;line-height:1.14;letter-spacing:-1.7px;margin-top:12px}
.com-systems .ixcom-intro>p{font-size:16px;line-height:1.8;max-width:530px;color:var(--com-muted)}
.com-systems .ixcom-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 24px;margin-top:22px}
.com-systems .ixcom-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 20px;border:1px solid transparent;border-radius:7px;text-align:center;font-size:13px;line-height:1.5;font-weight:700;transition:background .15s}
.com-systems .ixcom-button--primary{background:var(--com-red);color:#fff}
.com-systems .ixcom-button--primary:hover{background:#942128}
.com-systems .ixcom-button--secondary{border-color:#bdcbd3;background:#fff}
.com-systems .ixcom-button--secondary:hover{background:var(--com-soft)}
.com-systems .ixcom-text-link{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.com-systems .ixcom-route{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--com-line);border-bottom:1px solid var(--com-line);padding:16px 0;margin-bottom:32px}
.com-systems .ixcom-route a{display:flex;align-items:center;gap:15px;padding:0 26px;border-left:1px solid var(--com-line)}
.com-systems .ixcom-route a:first-child{padding-left:0;border:0}
.com-systems .ixcom-route strong{font-size:14px;white-space:nowrap}
.com-systems .ixcom-route span{font-size:12px;color:var(--com-muted);line-height:1.5}
.com-systems .ixcom-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.com-systems h2{font-size:29px;letter-spacing:-.8px;font-weight:700;line-height:1.3}
.com-systems .ixcom-section-head p{font-size:13px;color:var(--com-muted);margin-top:7px}
.com-systems .ixcom-seasons{display:flex;flex-shrink:0;padding:4px;border:1px solid var(--com-line);border-radius:8px}
.com-systems .ixcom-seasons button{border:0;background:transparent;padding:8px 14px;border-radius:4px;font-size:12px;white-space:nowrap;color:var(--com-ink)}
.com-systems .ixcom-seasons button[aria-pressed=true]{background:var(--com-ink);color:#fff}
.com-systems .ixcom-scene{position:relative;isolation:isolate;border:1px solid var(--com-line);border-radius:14px;overflow:hidden;background:white;aspect-ratio:2/1}
.com-systems .ixcom-image{display:block;width:100%;height:100%;object-fit:contain}
.com-systems .ixcom-pin{position:absolute;left:var(--x);top:var(--y);width:36px;height:36px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;z-index:2}
.com-systems .ixcom-pin:after{content:"";width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--com-red);box-shadow:0 0 0 1px #b6282d50,0 1px 6px #243c4826}
.com-systems .ixcom-pin[aria-current=true]:after{box-shadow:0 0 0 5px #b6282d24,0 0 0 1px var(--com-red)}
.com-systems .ixcom-pin-label{position:absolute;bottom:calc(100% - 2px);left:50%;transform:translateX(-50%);background:#fff;padding:7px 11px;border:1px solid var(--com-line);border-radius:6px;font-size:12px;line-height:1.3;font-weight:700;white-space:nowrap;color:var(--com-ink);opacity:0;pointer-events:none;transition:opacity .15s}
.com-systems .ixcom-pin:hover,.com-systems .ixcom-pin:focus-visible{z-index:4}
.com-systems .ixcom-pin:hover .ixcom-pin-label,.com-systems .ixcom-pin:focus-visible .ixcom-pin-label,.com-systems .ixcom-pin[aria-current=true] .ixcom-pin-label,.com-systems .ixcom-pin--project .ixcom-pin-label{opacity:1}
.com-systems .ixcom-pin--left .ixcom-pin-label{left:auto;right:calc(100% - 2px);bottom:50%;transform:translateY(50%)}
.com-systems .ixcom-pin--project .ixcom-pin-label{font-size:11px}
.com-systems .ixcom-pin--mount .ixcom-pin-label{bottom:calc(100% + 7px)}
.com-systems .ixcom-image-note{position:absolute;right:16px;bottom:11px;color:var(--com-muted);font-size:10px;pointer-events:none}
.com-systems .ixcom-choices{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 20px}
.com-systems .ixcom-choice{border:1px solid var(--com-line);padding:8px 12px;min-height:36px;border-radius:6px;font-size:12px;line-height:1.5}
.com-systems .ixcom-choice:hover{border-color:#91a4b1;background:var(--com-soft)}
.com-systems .ixcom-choice[aria-current=true]{border-color:var(--com-red);background:#fcf0f1;color:#972027;font-weight:700}
.com-systems .ixcom-detail{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:40px;padding:28px 32px;background:var(--com-soft);border-left:4px solid var(--com-red);border-radius:0 10px 10px 0;min-height:258px}
.com-systems .ixcom-detail h3{font-size:27px;line-height:1.3;letter-spacing:-.6px;font-weight:700;margin:5px 0 10px}
.com-systems #detail-desc{font-size:14px;line-height:1.7;max-width:810px;color:#485e6a}
.com-systems #detail-features{display:flex;flex-wrap:wrap;list-style:none;gap:6px 22px;margin:14px 0 0;padding:0;font-size:12px;color:var(--com-muted)}
.com-systems #detail-features li:before{content:"";display:inline-block;width:5px;height:5px;background:var(--com-red);border-radius:50%;margin:0 7px 2px 0}
.com-systems .ixcom-detail-actions{display:flex;justify-content:center;flex-direction:column;gap:10px}
.com-systems .ixcom-detail-actions .ixcom-text-link{text-align:center;margin-top:3px;font-size:12px}
.com-systems .ixcom-noscript{font-size:13px;margin-top:15px}
.com-systems .ixcom-noscript a{text-decoration:underline}
.com-systems .ixcom-services{padding-top:44px;scroll-margin-top:140px}
.com-systems .ixcom-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--com-line);border-bottom:1px solid var(--com-line);margin-top:22px;padding:26px 0}
.com-systems .ixcom-service-grid article{display:flex;flex-direction:column;padding:0 25px;border-left:1px solid var(--com-line);scroll-margin-top:140px;min-width:0}
.com-systems .ixcom-service-grid article:first-child{padding-left:0;border:0}
.com-systems .ixcom-service-grid article:last-child{padding-right:0}
.com-systems .ixcom-icon{width:30px;height:30px;fill:none;stroke:var(--com-red);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.com-systems .ixcom-service-grid h3{font-size:21px;line-height:1.35;font-weight:700;letter-spacing:-.35px;min-height:57px}
.com-systems .ixcom-service-grid p{font-size:13px;line-height:1.8;color:var(--com-muted);margin:12px 0 20px}
.com-systems .ixcom-service-grid a{font-size:12px;font-weight:700;color:var(--com-red);text-decoration:underline;text-underline-offset:4px;margin-top:auto;line-height:1.65}
.com-systems .ixcom-calendar{font-size:12px;color:var(--com-muted);margin-top:14px}
.com-systems .ixcom-calendar a{text-decoration:underline;text-underline-offset:3px;color:var(--com-ink);margin-left:6px}
.com-systems .ixcom-families{padding:38px 0 32px}
.com-systems .ixcom-families h2{font-size:25px}
.com-systems .ixcom-families nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;margin-top:12px}
.com-systems .ixcom-families a{font-size:13px;padding:12px 0;border-bottom:1px solid var(--com-line)}
.com-systems .ixcom-families a:hover{color:var(--com-red)}
@media(max-width:1100px){.com-systems .ixcom-wrap{width:calc(100% - 42px)}.com-systems .ixcom-hero{gap:30px}.com-systems .ixcom-route a{display:block;padding:0 20px}.com-systems .ixcom-route span{display:block;margin-top:3px}.com-systems .ixcom-detail{gap:25px;grid-template-columns:1fr 255px;padding:24px}.com-systems .ixcom-service-grid article{padding:0 18px}.com-systems .ixcom-service-grid h3{font-size:19px}.com-systems .ixcom-pin-label{font-size:11px}}
@media(max-width:850px){.com-systems h1{font-size:38px}.com-systems .ixcom-intro>p{font-size:14px}.com-systems .ixcom-actions{gap:14px}.com-systems .ixcom-section-head{align-items:flex-start}.com-systems h2{font-size:25px}.com-systems .ixcom-detail{grid-template-columns:1fr 225px;gap:22px}.com-systems .ixcom-detail h3{font-size:24px}.com-systems .ixcom-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.com-systems .ixcom-service-grid article:nth-child(3){border-left:0;padding-left:0}.com-systems .ixcom-service-grid article:nth-child(2){padding-right:0}.com-systems .ixcom-service-grid h3{font-size:21px;min-height:0}.com-systems .ixcom-families nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.com-systems .ixcom-pin{display:none}.com-systems .ixcom-hero{display:block;padding:5px 0 24px}.com-systems .ixcom-intro{margin-top:20px}.com-systems .ixcom-intro>p{max-width:600px}.com-systems .ixcom-detail{grid-template-columns:1fr;gap:20px;min-height:0}.com-systems .ixcom-detail-actions{display:grid;grid-template-columns:1fr 1fr}.com-systems .ixcom-detail-actions .ixcom-text-link{grid-column:1/-1}.com-systems .ixcom-section-head{display:block}.com-systems .ixcom-seasons{display:inline-flex;margin-top:16px}.com-systems .ixcom-route{margin-bottom:25px}.com-systems .ixcom-route a{padding:0 12px}.com-systems .ixcom-route strong{font-size:12px;white-space:normal}.com-systems .ixcom-route span{font-size:10px}.com-systems .ixcom-choice{font-size:11px;min-height:38px}.com-systems .ixcom-image-note{font-size:8px;bottom:4px;right:8px}}
@media(max-width:450px){.com-systems{padding-top:19px}.com-systems .ixcom-wrap{width:calc(100% - 30px)}.com-systems h1{font-size:34px;letter-spacing:-1.25px}.com-systems .ixcom-context{font-size:11px}.com-systems .ixcom-intro>p{font-size:14px}.com-systems .ixcom-actions .ixcom-button{width:100%}.com-systems .ixcom-actions .ixcom-text-link{padding:0 0 2px}.com-systems h2{font-size:25px}.com-systems .ixcom-section-head p{font-size:12px}.com-systems .ixcom-scene{border-radius:8px}.com-systems .ixcom-choices{gap:7px}.com-systems .ixcom-choice{padding:8px 10px}.com-systems .ixcom-detail{padding:20px 18px}.com-systems .ixcom-detail h3{font-size:23px}.com-systems #detail-desc{font-size:13px}.com-systems #detail-features{display:block;font-size:11px}.com-systems #detail-features li+li{margin-top:5px}.com-systems .ixcom-detail-actions{display:flex}.com-systems .ixcom-services{padding-top:30px}.com-systems .ixcom-service-grid{grid-template-columns:1fr;padding:0;gap:0}.com-systems .ixcom-service-grid article,.com-systems .ixcom-service-grid article:first-child,.com-systems .ixcom-service-grid article:nth-child(3){border-left:0;padding:23px 0}.com-systems .ixcom-service-grid article+article{border-top:1px solid var(--com-line)}.com-systems .ixcom-service-grid h3{font-size:22px}.com-systems .ixcom-service-grid p{font-size:13px;margin:10px 0 15px}.com-systems .ixcom-calendar a{display:block;margin:5px 0 0}.com-systems .ixcom-families{padding:30px 0 22px}.com-systems .ixcom-families nav{gap:0 16px}.com-systems .ixcom-families a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.com-systems *,.com-systems *:after{transition:none!important;animation:none!important}}

/* Stałe etykiety HTML i zdjęciowa scena serwisu. */
.com-systems .ixcom-pin.ixcom-map-link{position:absolute;inset:0;width:auto;height:auto;display:block;transform:none;border-radius:0;pointer-events:none}
.com-systems .ixcom-pin.ixcom-map-link:after{display:none}
.com-systems .ixcom-map-dot{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;display:grid;place-items:center;pointer-events:auto;border-radius:50%}
.com-systems .ixcom-map-dot:after{content:"";width:15px;height:15px;border:3px solid white;border-radius:50%;background:var(--com-red);box-shadow:0 0 0 1px #b6282d45,0 1px 6px #243c4826}
.com-systems .ixcom-map-label{position:absolute;transform:translateY(-50%);pointer-events:auto;padding:8px 11px;background:#fffffff5;border:1px solid #d7e0e6;border-radius:8px;box-shadow:0 1px 2px #243c480c;white-space:nowrap;color:var(--com-ink);line-height:1.35}
.com-systems .ixcom-map-label--l{transform:translate(-100%,-50%)}
.com-systems .ixcom-map-label strong{display:block;font-size:12px;font-weight:700}
.com-systems .ixcom-map-label small{display:block;font-size:10px;color:var(--com-muted);margin-top:2px}
.com-systems .ixcom-pin[aria-current=true] .ixcom-map-label{border-color:#bd6f73}
.com-systems .ixcom-pin[aria-current=true] .ixcom-map-dot:after{box-shadow:0 0 0 4px #b6282d24,0 0 0 1px var(--com-red)}
.com-systems .ixcom-pin.ixcom-map-link:focus-visible{outline:none}
.com-systems .ixcom-pin:focus-visible .ixcom-map-dot{outline:3px solid #217ba4;outline-offset:3px}
.com-systems .ixcom-pin:hover .ixcom-map-label,.com-systems .ixcom-pin:focus-visible .ixcom-map-label{border-color:var(--com-red);background:#fff}
.com-systems .ixcom-map-leaders{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b6282d85;stroke-width:1.1;pointer-events:none}
.com-systems .ixcom-map-leaders path{vector-effect:non-scaling-stroke}
@media(max-width:1180px){.com-systems .ixcom-map-label{padding:6px 8px}.com-systems .ixcom-map-label strong{font-size:10px}.com-systems .ixcom-map-label small{font-size:9px}}
@media(max-width:900px){.com-systems .ixcom-pin.ixcom-map-link,.com-systems .ixcom-map-leaders{display:none}}

/* Czytelna, trzywierszowa nazwa ogrzewania; zachowane położenie punktu na scenie. */
.com-systems .ixcom-map-link[data-ix-system="podloga"] .ixcom-map-label small{line-height:1.4}
.com-systems .ixcom-choice[data-ix-system="podloga"]{max-width:100%;white-space:normal}
