/* DIROX installation banners 237 / 238 — all selectors scoped. */
.dmi-banner{--dmi-blue:#0753b8;--dmi-navy:#102c4c;--dmi-ink:#172c40;--dmi-line:#d9e3eb;font-family:Roboto,'Open Sans',Arial,sans-serif;font-size:15px;line-height:1.6;color:var(--dmi-ink);text-align:left;box-sizing:border-box;isolation:isolate;width:100%;border-radius:8px;overflow:hidden;background:white;border:1px solid var(--dmi-line)}
.dmi-banner *{box-sizing:border-box}.dmi-banner :is(h2,p,svg){margin:0}.dmi-banner :is(h2,p,a,span,em,strong,small){font-family:inherit;text-shadow:none;letter-spacing:normal;text-transform:none}.dmi-banner h2:after,.dmi-banner h2:before{display:none}.dmi-banner a{text-decoration:none;background-image:none}.dmi-banner a:focus-visible{outline:3px solid #48b8f7;outline-offset:4px}.dmi-banner .dmi-kicker{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:1.6px;line-height:1.6;color:#cee0f8}.dmi-kicker>span{display:block;width:24px;height:2px;background:#66b9ff}.dmi-banner .dmi-home-main{display:grid;grid-template-columns:1fr 1fr}.dmi-banner .dmi-copy{padding:48px 8%;background:linear-gradient(120deg,#102c4c,#154983);color:#fff;display:flex;flex-direction:column;align-items:flex-start}.dmi-banner h2{display:block;padding:0;border:0;font-weight:700;line-height:1.08;color:#fff;letter-spacing:-1.3px;background:none}.dmi-home h2{font-size:clamp(36px,3.6vw,54px);margin:24px 0 23px}.dmi-home h2 em{color:#82c5ff;font-style:normal}.dmi-banner .dmi-promise{font-size:20px;font-weight:500;line-height:1.42;margin:0 0 16px}.dmi-banner .dmi-lead{max-width:440px;font-size:14px;line-height:1.8;color:#d3deeb;margin:0 0 26px}.dmi-banner .dmi-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:49px;background:#fff;color:#0b4b96;border:1px solid #fff;border-radius:3px;padding:13px 21px;font-size:13px;font-weight:700;line-height:1.5;transition:background .2s,box-shadow .2s}.dmi-banner .dmi-button>span{font-size:22px;font-weight:400;line-height:1}.dmi-banner .dmi-button:hover{background:#e7f2ff;box-shadow:0 4px 15px #05182f26}.dmi-banner .dmi-scope{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;color:#c4d6ea;margin-top:27px}.dmi-scope>span{color:#6f9ac7}.dmi-banner .dmi-map-panel{position:relative;display:flex;flex-direction:column;background:#f3f7fa url('../images/dirox-installation-map-texture-v1.webp') center/cover}.dmi-banner .dmi-map-heading{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:29px 30px 0}.dmi-map-heading p{font-size:12px;line-height:1.6}.dmi-map-heading p>strong{display:block;font-size:21px;line-height:1.3;margin-bottom:7px;letter-spacing:-.4px}.dmi-map-heading p>span{display:block;max-width:250px;color:#5c6c7a;font-size:11px}.dmi-banner .dmi-distance{white-space:nowrap;color:#0753b8;font-size:14px;text-align:right}.dmi-distance>strong{font-size:31px;font-weight:500;line-height:1}.dmi-distance>small{display:block;font-size:10px;margin-top:6px;color:#5c6c7a}.dmi-banner .dmi-map-wrap{flex:1;display:flex;align-items:center;overflow:hidden;min-height:340px;margin:0 12px}.dmi-banner .dmi-map{width:100%;height:auto;max-height:410px;display:block;overflow:hidden}.dmi-map text{font-family:Roboto,Arial,sans-serif;font-size:15px;font-weight:500;fill:#173653;paint-order:stroke;stroke:#f2f7fb;stroke-width:4px;stroke-linejoin:round}.dmi-map .dmi-region-label{font-size:11px;letter-spacing:3px;fill:#91a7ba;font-weight:500;stroke:none}.dmi-map .dmi-north{font-size:9px;fill:#91a7ba;stroke:none}.dmi-map .dmi-base-kicker{fill:#a4ceff;font-size:8px;letter-spacing:1.4px;stroke:none}.dmi-map .dmi-base-label{fill:#fff;font-size:13px;stroke:none}.dmi-map .dmi-map-city:hover text{fill:#0753b8;text-decoration:underline}.dmi-map .dmi-map-city:hover .dmi-dot-halo{opacity:.3}.dmi-banner .dmi-map-note{font-size:10px;line-height:1.6;color:#697f92;padding:0 30px 22px}.dmi-banner .dmi-city-bar{display:flex;align-items:center;gap:30px;padding:23px 30px;background:#fff;border-top:1px solid #d9e3eb}.dmi-banner .dmi-city-bar>span{font-size:11px;font-weight:600;white-space:nowrap;color:#60778e}.dmi-banner .dmi-city-bar>div{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}.dmi-city-bar a{font-size:12px;font-weight:500;color:#173653}.dmi-city-bar a:hover{color:#0753b8;text-decoration:underline;text-underline-offset:4px}.dmi-banner .dmi-city-bar .dmi-all-cities{color:#0753b8;font-size:11px}.dmi-all-cities>span{margin-left:5px}.dmi-banner.dmi-list{display:grid;grid-template-columns:20% minmax(0,1fr) auto;background:linear-gradient(115deg,#102c4c,#154983);color:#fff;min-height:246px;border:0}.dmi-list .dmi-list-visual{position:relative;overflow:hidden}.dmi-list-visual>img{position:absolute;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:42% center}.dmi-list-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b294ecc,transparent 80%)}.dmi-list-visual>span{position:absolute;z-index:1;bottom:23px;left:20px;right:10px;font-size:9px;font-weight:600;letter-spacing:1px;color:#fff}.dmi-list-visual svg{display:block;width:39px;height:32px;margin-bottom:8px}.dmi-banner .dmi-list-copy{padding:30px 28px}.dmi-list h2{font-size:29px;letter-spacing:-.6px;line-height:1.17;margin:12px 0}.dmi-banner .dmi-list-copy>p:not(.dmi-kicker){font-size:12px;line-height:1.7;color:#d0dfee}.dmi-banner .dmi-list-copy .dmi-list-area{font-size:10px;margin-top:12px;color:#a9c5e5}.dmi-banner .dmi-list-action{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px 28px 28px 0;gap:14px}.dmi-list-action>span{font-size:10px;color:#b3c9e1;max-width:190px}.dmi-list .dmi-button{white-space:nowrap;font-size:12px;padding:13px 17px;gap:23px}
@media(max-width:1100px){.dmi-home .dmi-copy{padding:36px 7%}.dmi-home h2{font-size:40px}.dmi-banner .dmi-promise{font-size:18px}.dmi-banner .dmi-city-bar{display:block}.dmi-banner .dmi-city-bar>span{display:block;margin-bottom:12px}.dmi-banner .dmi-map-heading{margin:25px 24px 0}.dmi-map-heading p>strong{font-size:19px}.dmi-distance>strong{font-size:27px}.dmi-list h2{font-size:26px}.dmi-banner .dmi-list-copy{padding:28px 24px}.dmi-banner .dmi-list-action{padding-right:24px}.dmi-banner.dmi-list{grid-template-columns:18% minmax(0,1fr) auto}}
@media(max-width:760px){.dmi-banner .dmi-home-main{grid-template-columns:1fr}.dmi-home .dmi-copy{padding:32px 26px}.dmi-home h2{font-size:39px;margin-block:20px}.dmi-banner .dmi-promise{font-size:19px}.dmi-banner .dmi-lead{font-size:13px;margin-bottom:23px;max-width:510px}.dmi-banner .dmi-scope{font-size:10px;margin-top:23px}.dmi-banner .dmi-map-heading{margin:25px 23px 0;gap:15px}.dmi-map-heading p>strong{font-size:20px}.dmi-map-heading p>span{font-size:10px;max-width:205px}.dmi-banner .dmi-map-wrap{min-height:0;margin:4px 0}.dmi-banner .dmi-map{max-height:350px}.dmi-map text{font-size:17px}.dmi-banner .dmi-map-note{padding:0 23px 22px;font-size:9px}.dmi-banner .dmi-city-bar{padding:22px 23px}.dmi-banner .dmi-city-bar>div{gap:9px 18px}.dmi-city-bar a{font-size:11px;padding:4px 0}.dmi-banner.dmi-list{grid-template-columns:112px minmax(0,1fr);min-height:0}.dmi-banner .dmi-list-copy{padding:25px 22px 13px}.dmi-list h2{font-size:25px}.dmi-list h2 br{display:none}.dmi-banner .dmi-list-action{grid-column:2;padding:3px 22px 25px;gap:11px}.dmi-list-visual{grid-row:1/3}.dmi-list-visual>span{left:15px;font-size:8px;right:12px;bottom:25px;line-height:1.6}.dmi-list .dmi-kicker{font-size:8px;letter-spacing:1px}.dmi-banner .dmi-list-copy>p:not(.dmi-kicker){font-size:11px}.dmi-banner .dmi-list-copy .dmi-list-area{font-size:9px}.dmi-list .dmi-button{font-size:11px;padding:12px 15px;gap:18px}.dmi-list-action>span{font-size:9px}.dmi-list .dmi-list-visual>img{object-position:57% center}}
@media(max-width:400px){.dmi-banner.dmi-list{grid-template-columns:80px minmax(0,1fr)}.dmi-banner .dmi-list-copy{padding-inline:19px}.dmi-banner .dmi-list-action{padding-inline:19px}.dmi-list h2{font-size:24px}.dmi-list-visual>span{font-size:7px;letter-spacing:0}.dmi-home h2{font-size:36px}.dmi-banner .dmi-distance>strong{font-size:25px}.dmi-banner .dmi-distance{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dmi-banner *{transition:none!important}}

/* Respond to the actual module column, including category sidebars. */
#box_custom237,#box_custom238,.preview-stage{container-type:inline-size}
@container (max-width:760px){.dmi-banner .dmi-home-main{grid-template-columns:1fr}.dmi-home .dmi-copy{padding:32px 26px}.dmi-home h2{font-size:39px;margin-block:20px}.dmi-banner .dmi-promise{font-size:19px}.dmi-banner .dmi-lead{font-size:13px;margin-bottom:23px;max-width:510px}.dmi-banner .dmi-scope{font-size:10px;margin-top:23px}.dmi-banner .dmi-map-heading{margin:25px 23px 0;gap:15px}.dmi-map-heading p>strong{font-size:20px}.dmi-map-heading p>span{font-size:10px;max-width:205px}.dmi-banner .dmi-map-wrap{min-height:0;margin:4px 0}.dmi-banner .dmi-map{max-height:350px}.dmi-map text{font-size:17px}.dmi-banner .dmi-map-note{padding:0 23px 22px;font-size:9px}.dmi-banner .dmi-city-bar{padding:22px 23px}.dmi-banner .dmi-city-bar>div{gap:9px 18px}.dmi-city-bar a{font-size:11px;padding:4px 0}.dmi-banner.dmi-list{grid-template-columns:112px minmax(0,1fr);min-height:0}.dmi-banner .dmi-list-copy{padding:25px 22px 13px}.dmi-list h2{font-size:25px}.dmi-list h2 br{display:none}.dmi-banner .dmi-list-action{grid-column:2;padding:3px 22px 25px;gap:11px}.dmi-list-visual{grid-row:1/3}.dmi-list-visual>span{left:15px;font-size:8px;right:12px;bottom:25px;line-height:1.6}.dmi-list .dmi-kicker{font-size:8px;letter-spacing:1px}.dmi-banner .dmi-list-copy>p:not(.dmi-kicker){font-size:11px}.dmi-banner .dmi-list-copy .dmi-list-area{font-size:9px}.dmi-list .dmi-button{font-size:11px;padding:12px 15px;gap:18px}.dmi-list-action>span{font-size:9px}.dmi-list .dmi-list-visual>img{object-position:57% center}}
@container (max-width:400px){.dmi-banner.dmi-list{grid-template-columns:80px minmax(0,1fr)}.dmi-banner .dmi-list-copy{padding-inline:19px}.dmi-banner .dmi-list-action{padding-inline:19px}.dmi-list h2{font-size:24px}.dmi-list-visual>span{font-size:7px;letter-spacing:0}.dmi-home h2{font-size:36px}.dmi-banner .dmi-distance>strong{font-size:25px}.dmi-banner .dmi-distance{font-size:11px}}

/* v0.2 — regional Silesia map and linked city footer. */
.dmi-banner .dmi-map-heading{margin-top:27px}.dmi-banner .dmi-distance{line-height:1.15}.dmi-banner .dmi-distance-over{font-size:8px;letter-spacing:.9px;margin:0 0 8px;color:#607a95}.dmi-banner .dmi-distance strong>span{font-size:17px;font-weight:400}.dmi-banner .dmi-map-wrap{margin:0 8px}.dmi-banner .dmi-map-regional{max-height:403px}.dmi-map-regional text{font-size:14px;stroke:#f3f7fa;stroke-width:4px}.dmi-map-regional .dmi-silesia-word{font-size:32px;font-weight:700;letter-spacing:5px;fill:#e5f2ff;stroke:none}.dmi-map-regional .dmi-silesia-sub{font-size:8px;font-weight:500;letter-spacing:1.6px;fill:#b1d7fa;stroke:none}.dmi-map-regional .dmi-base-label{font-size:14px}.dmi-map-regional .dmi-base-kicker{fill:#ffce62;font-size:8px;letter-spacing:1.7px}.dmi-map-regional .dmi-map-outside{font-size:7px;letter-spacing:1px;fill:#6b839b;stroke:none}.dmi-map-regional .dmi-map-caption{font-size:13px;fill:#4f6e8c;font-weight:400;letter-spacing:.2px;stroke:none}.dmi-map-regional .dmi-map-city:hover .dmi-map-leader{stroke:#0753b8;stroke-width:1.8}.dmi-banner .dmi-list-cities{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;border-top:1px solid #ffffff23;padding:15px 25px;background:#0a244a42;font-size:11px;line-height:1.7}.dmi-list-cities>span{font-size:10px;color:#a4c4e5}.dmi-banner .dmi-list-cities>a{font-size:11px;color:#fff;font-weight:500;text-decoration:none;white-space:nowrap;padding:2px 0}.dmi-list-cities>a:hover{text-decoration:underline;text-underline-offset:4px}.dmi-banner .dmi-list-cities .dmi-list-more{margin-left:auto;color:#bdddff;font-size:10px}.dmi-list-more>span{margin-left:7px}.dmi-banner.dmi-list{min-height:0}.dmi-list .dmi-list-copy{padding-block:30px}.dmi-list .dmi-list-visual{min-height:218px}
@container (max-width:760px){.dmi-list .dmi-list-visual{grid-row:1/3;min-height:0}.dmi-banner .dmi-list-copy{padding:25px 22px 13px}.dmi-banner .dmi-list-cities{padding:16px 20px;gap:8px 18px}.dmi-list-cities>span{width:100%}.dmi-banner .dmi-list-cities .dmi-list-more{margin-left:0}.dmi-banner .dmi-map-regional{max-height:370px}.dmi-map-regional text{font-size:15px}.dmi-map-regional .dmi-map-caption{font-size:14px}}
@media(max-width:760px){.dmi-list .dmi-list-visual{min-height:0}.dmi-banner .dmi-list-copy{padding:25px 22px 13px}.dmi-banner .dmi-list-cities{padding:16px 20px;gap:8px 18px}.dmi-list-cities>span{width:100%}.dmi-banner .dmi-list-cities .dmi-list-more{margin-left:0}.dmi-banner .dmi-map-regional{max-height:370px}.dmi-map-regional text{font-size:15px}.dmi-map-regional .dmi-map-caption{font-size:14px}}