@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-display: swap; src: url(/forge-theme/9/fonts/outfit-latin-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-display: swap; src: url(/forge-theme/9/fonts/outfit-latin-ext-400.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 700; font-display: swap; src: url(/forge-theme/9/fonts/outfit-latin-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 700; font-display: swap; src: url(/forge-theme/9/fonts/outfit-latin-ext-700.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/forge-theme/9/fonts/inter-latin-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/forge-theme/9/fonts/inter-latin-ext-400.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(/forge-theme/9/fonts/inter-latin-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(/forge-theme/9/fonts/inter-latin-ext-700.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
  --font-display: 'Outfit', system-ui, sans-serif;
  --font-text: 'Inter', system-ui, sans-serif;
  --color-bg: #f5faf5;
  --color-surface: #e8f3e9;
  --color-text: #162217;
  --color-muted: #576b59;
  --color-accent: #9ae9a1;
  --color-accent-text: #197522;
  --color-on-accent: #111111;
  --color-band: #101e11;
  --color-on-band: #ffffff;
  --radius-min: 20px;
  --radius-max: 32px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-text);font-size:1rem;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.2em}
button,a{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:4px}
.container{width:min(1220px,calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:12px;z-index:20;width:min(1440px,calc(100% - 24px));min-height:88px;margin:12px auto 0;padding:14px 22px;display:flex;align-items:center;gap:24px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-accent-text) 12%,transparent);border-radius:32px;box-shadow:0 18px 45px color-mix(in srgb,var(--color-band) 12%,transparent)}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:clamp(190px,18vw,250px);height:auto}
.site-menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.2vw,20px);flex:1;min-width:0}
.site-menu a{font-size:15px;font-weight:650;white-space:nowrap;color:var(--color-text)}
.site-menu a[aria-current='page']{color:var(--color-accent-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.menu-toggle{display:none;margin-left:auto;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:999px;background:var(--color-bg);color:var(--color-text);font-weight:700}
.hero{width:min(1440px,calc(100% - 32px));margin:32px auto 0;padding:clamp(42px,7vw,96px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center;background:var(--color-surface);border-radius:32px;scroll-margin-top:130px}
.hero-copy{min-width:0}
.hero h1{max-width:11ch;margin:0 0 24px;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
.hero p{max-width:55ch;margin:0 0 30px;color:var(--color-muted);font-size:1.125rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-media{margin:0;min-width:0}
.hero-media img{width:100%;height:min(70vh,580px);object-fit:cover;border-radius:32px;box-shadow:0 24px 70px color-mix(in srgb,var(--color-band) 16%,transparent)}
.hero-media figcaption,.photo-card figcaption{margin-top:10px;color:var(--color-muted);font-size:.875rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;border:1px solid transparent;font-weight:750;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.button:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--color-band) 14%,transparent)}
.button--accent{background:var(--color-accent);color:var(--color-on-accent)}
.button--quiet{background:color-mix(in srgb,var(--color-bg) 72%,var(--color-surface));color:var(--color-text);border-color:color-mix(in srgb,var(--color-text) 14%,transparent)}
main>section{scroll-margin-top:130px}
.section{padding:clamp(68px,9vw,128px) 0}
.section-heading{max-width:760px;margin-bottom:34px}
.eyebrow{margin:0 0 12px;color:var(--color-accent-text);font-size:.8125rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
h2,h3{font-family:var(--font-display);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
h2{margin:0 0 16px;font-size:clamp(2rem,4vw,3.05rem)}
h3{margin:0 0 12px;font-size:clamp(1.35rem,2.2vw,1.95rem)}
.section-heading p,.section-copy p{max-width:65ch;margin:0;color:var(--color-muted)}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:clamp(28px,7vw,96px);align-items:center}
.photo-card{margin:0}
.photo-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:32px;box-shadow:0 20px 60px color-mix(in srgb,var(--color-band) 12%,transparent)}
.bento-section{background:color-mix(in srgb,var(--color-accent) 13%,var(--color-bg));border-radius:32px;margin-inline:16px;padding-inline:clamp(20px,6vw,80px)}
.service-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.service-card{padding:clamp(24px,3vw,40px);background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-accent-text) 10%,transparent);border-radius:28px;box-shadow:0 18px 48px color-mix(in srgb,var(--color-band) 7%,transparent)}
.service-card:nth-child(1){grid-column:span 7;background:var(--color-surface)}
.service-card:nth-child(2){grid-column:span 5}
.service-card:nth-child(3){grid-column:span 5}
.service-card:nth-child(4){grid-column:span 7;background:var(--color-surface)}
.service-card p{margin:0;color:var(--color-muted)}
.split-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,7vw,100px);align-items:center}
.split-section .photo-card img{aspect-ratio:1.5/1}
.band{background:var(--color-band);color:var(--color-on-band);border-radius:32px;margin-inline:16px}
.band .section-heading p,.band .section-copy p{color:color-mix(in srgb,var(--color-on-band) 78%,transparent)}
.band .eyebrow{color:var(--color-accent)}
.band .button--accent{background:var(--color-accent);color:var(--color-on-accent)}
.cta-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);gap:28px;align-items:center;padding:clamp(34px,5vw,64px);background:var(--color-surface);border-radius:32px}
.cta-section h2{margin-bottom:0}
.cta-section aside{padding:24px;background:var(--color-bg);border-radius:24px}
.cta-section aside p{margin:0 0 16px;color:var(--color-muted)}
.examples-intro{max-width:860px;margin-bottom:34px}
.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.example-card{padding:28px;background:color-mix(in srgb,var(--color-surface) 74%,var(--color-bg));border-radius:28px}
.example-card p{margin:0;color:var(--color-muted)}
.process-card{margin-top:36px;padding:clamp(28px,4vw,48px);background:var(--color-accent);color:var(--color-on-accent);border-radius:32px}
.process-card h3{margin-bottom:14px}
.process-card p{max-width:75ch;margin:0}
.cost-section{padding-top:0}
.cost-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:28px;align-items:start;padding:clamp(28px,4vw,52px);background:var(--color-surface);border-radius:32px}
.cost-card p{margin:0;color:var(--color-muted)}
.site-footer{margin-top:64px;padding:62px 0 24px;background:var(--color-band);color:var(--color-on-band)}
.footer-grid{display:flex;justify-content:space-between;gap:32px;padding-bottom:42px}
.site-footer .eyebrow{color:var(--color-accent)}
.site-footer p{margin:0}
.site-footer nav{display:flex;gap:22px;align-items:flex-start}
.site-footer nav a{text-decoration:underline;text-underline-offset:5px}
.footer-bottom{padding-top:20px;border-top:1px solid color-mix(in srgb,var(--color-on-band) 22%,transparent);color:color-mix(in srgb,var(--color-on-band) 72%,transparent);font-size:.875rem}
.page-hero{width:min(1220px,calc(100% - 32px));margin:32px auto 0;padding:clamp(48px,7vw,92px);background:var(--color-surface);border-radius:32px;scroll-margin-top:130px}
.page-hero h1{max-width:16ch;margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
.blog-shell{padding:clamp(58px,8vw,110px) 0}
forge-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.post-card{background:var(--color-surface);border-radius:28px;overflow:hidden;box-shadow:0 18px 48px color-mix(in srgb,var(--color-band) 9%,transparent)}
.post-card>a{display:block;height:100%}
.post-card img{width:100%;aspect-ratio:1.4/1;object-fit:cover}
.post-card-content{padding:24px}
.post-card h2{font-size:1.56rem;margin-bottom:10px}
.post-card p{margin:0;color:var(--color-muted)}
.post-card .post-link{display:inline-block;margin-top:18px;color:var(--color-accent-text);font-weight:750}
.post-date{font-size:.875rem;margin-bottom:8px!important}
.forge-pagination{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.forge-pagination a{padding:8px 14px;border-radius:999px;background:var(--color-surface)}
.forge-pagination a[aria-current='page']{background:var(--color-accent);color:var(--color-on-accent)}
.post-layout{padding:clamp(58px,8vw,110px) 0}
.post-body{max-width:820px;margin-inline:auto}
.post-body h2{margin-top:48px}
.post-body h3{margin-top:34px}
.post-body p,.post-body li{color:var(--color-muted)}
.post-body img{border-radius:28px;margin:28px 0}
.post-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.post-body th,.post-body td{padding:12px 16px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--color-text) 14%,transparent)}
@media (max-width:1200px){.site-header{min-height:80px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px}.site-menu{display:none;flex-basis:100%;width:100%;padding:18px 2px 4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.site-header:has([data-forge='menu'][data-open]){flex-wrap:wrap}.site-menu[data-open]{display:grid;max-height:calc(100svh - 112px);overflow-y:auto}.site-menu a{padding:10px 4px}.hero{padding:clamp(36px,6vw,72px)}}
@media (max-width:760px){.site-header{top:8px;margin-top:8px;width:calc(100% - 16px);padding:12px 16px;border-radius:24px}.brand img{width:min(210px,58vw)}.hero{width:calc(100% - 20px);margin-top:20px;padding:30px 20px;grid-template-columns:1fr;gap:28px;border-radius:24px}.hero h1{font-size:clamp(2.45rem,12vw,4rem)}.hero-media img{height:clamp(260px,62vw,420px);border-radius:24px}.bento-section,.band{margin-inline:10px;border-radius:24px}.intro-grid,.split-section,.cta-section,.cost-card{grid-template-columns:1fr}.section{padding:66px 0}.service-grid,.examples-grid{grid-template-columns:1fr}.service-card:nth-child(n){grid-column:auto}.cta-section{padding:28px 22px}.cost-card{padding:28px 22px}.footer-grid{display:grid}.page-hero{width:calc(100% - 20px);margin-top:20px;padding:38px 22px;border-radius:24px}.page-hero h1{font-size:clamp(2.5rem,12vw,4rem)}forge-posts{grid-template-columns:1fr}.post-layout{padding-top:58px}.site-footer{margin-top:42px}}
@media (max-width:420px){.site-menu{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.brand img{width:185px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* uslugi-hydrauliczne */
.services-bento .service-card h2{font-size:clamp(1.55rem,2.8vw,2.4rem);margin-bottom:14px}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0;padding:0;list-style:none}
.service-list li{padding:20px 22px;background:var(--color-surface);border-radius:24px;box-shadow:0 18px 48px color-mix(in srgb,var(--color-band) 7%,transparent);color:var(--color-text)}
.satisfaction-cta{color:var(--color-text)}
.satisfaction-cta .section-heading{margin-bottom:0}
.satisfaction-cta .section-heading p{color:var(--color-muted)}
@media (max-width:760px){.service-list{grid-template-columns:1fr}}
/* grzejniki */
.radiator-note,.radiator-contact-note{padding:24px;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg));border-radius:24px}.radiator-note p,.radiator-contact-note p{margin:0 0 16px;color:var(--color-muted)}.radiator-note p:last-child,.radiator-contact-note p:last-child{margin-bottom:0}.radiator-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.radiator-offer-grid .service-card{margin:0}.radiator-contact-note{margin-top:34px;background:var(--color-surface)}@media (max-width:760px){.radiator-offer-grid{grid-template-columns:1fr}}
/* piece-co */
.piece-overview-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.piece-overview-card{grid-column:span 7;padding:clamp(24px,3vw,40px);background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-accent-text) 10%,transparent);border-radius:28px;box-shadow:0 18px 48px color-mix(in srgb,var(--color-band) 7%,transparent)}.piece-overview-card:nth-child(2){grid-column:span 5;background:var(--color-surface)}.piece-overview-card p,.piece-tech-card p,.piece-fuel-card p{margin:0;color:var(--color-muted)}.piece-knowledge-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:18px;align-items:stretch}.piece-knowledge-main{padding:clamp(24px,3vw,40px);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg));border-radius:28px}.piece-knowledge-main ul,.piece-fuel-list{margin:0;padding-left:1.2em;color:var(--color-muted)}.piece-knowledge-main li+li,.piece-fuel-list li+li{margin-top:12px}.piece-tech-card{padding:clamp(24px,3vw,40px);background:var(--color-surface);border-radius:28px;box-shadow:0 18px 48px color-mix(in srgb,var(--color-band) 7%,transparent)}.piece-tech-card p+p{margin-top:18px}.piece-fuel-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:18px}.piece-fuel-card{padding:clamp(24px,3vw,40px);background:var(--color-bg);border-radius:28px}.piece-fuel-card--wide{background:var(--color-surface);box-shadow:0 18px 48px color-mix(in srgb,var(--color-band) 7%,transparent)}.piece-contact .cta-section h2{font-size:clamp(1.7rem,3vw,2.5rem)}@media (max-width:760px){.piece-overview-grid,.piece-knowledge-grid,.piece-fuel-grid{grid-template-columns:1fr}.piece-overview-card,.piece-overview-card:nth-child(2){grid-column:auto}.piece-knowledge-main,.piece-tech-card,.piece-fuel-card{padding:24px 22px}}
/* pogotowie-hydrauliczne-kanalizacyjne */
.emergency-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(280px,.8fr);gap:clamp(28px,6vw,76px);align-items:center}.emergency-hero-copy{min-width:0}.emergency-hero-copy>p:not(.eyebrow),.emergency-hero-followup{max-width:65ch;margin:0;color:var(--color-muted)}.emergency-hero-copy>p:not(.eyebrow)+p{margin-top:16px}.emergency-hero-media img{aspect-ratio:3/2;object-fit:cover;box-shadow:0 24px 70px color-mix(in srgb,var(--color-band) 14%,transparent)}.emergency-hero-followup{grid-column:1/-1}.emergency-list-lead{margin:0 0 18px;color:var(--color-muted);font-weight:750}.emergency-list{list-style:none;margin:0;padding:0}.emergency-list .service-card{color:var(--color-text);font-weight:650}.emergency-list .service-card:nth-child(1){grid-column:span 7}.emergency-list .service-card:nth-child(2){grid-column:span 5}.emergency-list .service-card:nth-child(3){grid-column:span 4}.emergency-list .service-card:nth-child(4){grid-column:span 8}.emergency-list .service-card:nth-child(5){grid-column:span 6}.emergency-list .service-card:nth-child(6){grid-column:span 6}.emergency-close{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:24px;align-items:start;margin-top:34px}.emergency-close>p{margin:0;color:var(--color-muted)}.emergency-contact{padding:24px;background:var(--color-surface);border-radius:28px;box-shadow:0 18px 48px color-mix(in srgb,var(--color-band) 8%,transparent)}.emergency-contact p{margin:0 0 16px;color:var(--color-muted)}@media (max-width:760px){.emergency-hero{grid-template-columns:1fr}.emergency-hero-followup{grid-column:auto}.emergency-list .service-card:nth-child(n){grid-column:auto}.emergency-close{grid-template-columns:1fr}}
/* instalacje-sanitarne */
.sanitary-hero{align-items:stretch}
.sanitary-hero-copy{align-self:center;margin-bottom:0}
.sanitary-hero-copy p{max-width:62ch}
.sanitary-network-section{padding-bottom:clamp(54px,8vw,110px)}
.sanitary-network-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.sanitary-network-card{margin:0}
.sanitary-network-card:nth-child(1){grid-column:span 7}
.sanitary-network-card:nth-child(2){grid-column:span 5;background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}
.sanitary-network-card p{margin:0;color:var(--color-muted)}
.sanitary-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:18px}
.sanitary-detail-main,.sanitary-detail-aside,.sanitary-detail-final{padding:clamp(24px,3vw,40px);border-radius:28px}
.sanitary-detail-main{background:var(--color-surface)}
.sanitary-detail-main p,.sanitary-detail-final,.sanitary-detail-aside p{margin:0;color:var(--color-muted)}
.sanitary-detail-main p+p{margin-top:20px}
.sanitary-detail-aside{background:var(--color-bg)}
.sanitary-detail-aside ul{margin:16px 0 0;padding-left:1.25rem;color:var(--color-muted)}
.sanitary-detail-final{grid-column:1 / -1;background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg))}
.sanitary-service-list{margin:0;padding:0;list-style:none}
.sanitary-service-list .service-card{margin:0;color:var(--color-text);font-weight:700}
.sanitary-service-list .service-card:nth-child(5){grid-column:span 12;background:var(--color-surface)}
.sanitary-scope-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);gap:18px;align-items:stretch;margin-top:36px}
.sanitary-scope-footer .section-copy{padding:clamp(28px,4vw,48px);background:var(--color-surface);border-radius:32px}
.sanitary-scope-footer .section-copy p{margin:0;color:var(--color-muted)}
.sanitary-contact{padding:clamp(28px,4vw,40px);background:var(--color-accent);color:var(--color-on-accent);border-radius:32px}
.sanitary-contact h3{margin-bottom:14px}
.sanitary-contact p{margin:0 0 20px}
@media (max-width:760px){.sanitary-network-grid,.sanitary-detail-grid,.sanitary-scope-footer{grid-template-columns:1fr}.sanitary-network-card:nth-child(n),.sanitary-detail-final,.sanitary-service-list .service-card:nth-child(5){grid-column:auto}.sanitary-detail-final{margin-top:0}}
/* przepychanie-udraznianie-rur */
.drainage-hero .eyebrow{color:var(--color-accent-text)}
.drainage-copy p+p{margin-top:18px}
.drainage-service-list,.drainage-secondary-list{list-style:none;margin:0;padding:0}
.drainage-service-list .service-card:nth-child(5){grid-column:span 4}
.drainage-service-list .service-card:nth-child(6){grid-column:span 4}
.drainage-service-list .service-card:nth-child(7){grid-column:span 4}
.drainage-service-list .service-card:nth-child(8){grid-column:span 6}
.drainage-service-list .service-card:nth-child(9){grid-column:span 6}
.drainage-service-list .service-card:nth-child(10){grid-column:span 5}
.drainage-service-list .service-card:nth-child(11){grid-column:span 7}
.drainage-note{margin:24px 0 0;padding:24px 28px;background:var(--color-surface);border-radius:24px;box-shadow:0 18px 48px color-mix(in srgb,var(--color-band) 7%,transparent)}
.drainage-note p{margin:0;color:var(--color-muted)}
@media (max-width:760px){.drainage-service-list .service-card:nth-child(n){grid-column:auto}}
/* junkers */
.junkers-benefits{margin:0;padding:0;list-style:none;display:grid;gap:10px;color:var(--color-muted)}
.junkers-benefits li{padding-left:22px;position:relative}
.junkers-benefits li::before{content:'✓';position:absolute;left:0;color:var(--color-accent-text);font-weight:800}
.junkers-note p{margin:0 0 14px;color:var(--color-muted)}
.junkers-note p:last-child{margin-bottom:0}
/* round 1 */
figure.photo-card,.hero-media{border-radius:32px;overflow:hidden}
.hero h1{max-width:18ch;font-size:clamp(2.5rem,5.2vw,4.5rem)}
.band .cta-section,.band .cta-section h2{color:var(--color-text)}
.band .cta-section .section-heading p,.band .cta-section aside p{color:var(--color-muted)}
section.section.band:has(.cta-section){padding-block:clamp(32px,4vw,56px)}
.cost-section .cost-card{display:block}
.cost-section .cost-card>p{max-width:65ch;margin-top:18px}
.band> .container{min-width:0;max-width:100%}
.band .cta-section,.sanitary-scope-footer,.sanitary-scope-footer>*{min-width:0;max-width:100%}
.sanitary-contact .button{max-width:100%;font-size:.9rem;padding-inline:14px}
@media (max-width:760px){.hero h1{max-width:18ch}.band> .container{width:100%;margin-inline:0;padding-inline:10px}.band .cta-section{width:100%;margin-inline:0}.sanitary-scope-footer .section-copy,.sanitary-contact{width:100%;min-width:0}.sanitary-contact .button{white-space:nowrap}}
/* round 2 */
@media (max-width:760px){.band .cta-section h2,.band .cta-section aside{min-width:0;max-width:100%;overflow-wrap:break-word}.piece-contact .cta-section{width:100%;max-width:100%;box-sizing:border-box}.piece-contact .cta-section h2{font-size:clamp(1.55rem,7vw,2.2rem)}}
.sanitary-scope-footer{grid-template-columns:minmax(0,1fr) minmax(300px,.52fr)}
.sanitary-contact{min-width:300px}
.sanitary-contact .button{display:flex;width:100%;max-width:100%;justify-content:center;white-space:nowrap}
@media (max-width:760px){.sanitary-scope-footer{grid-template-columns:1fr}.sanitary-contact{min-width:0}.sanitary-contact .button{width:100%}}
/* round 3 */
@media (min-width:1200px){.sanitary-scope-footer{grid-template-columns:minmax(0,1fr) minmax(320px,.52fr)}.sanitary-contact{min-width:320px}.sanitary-contact .button{width:100%;max-width:100%;font-size:.9rem;padding-inline:14px}}
@media (min-width:761px) and (max-width:1199px){.sanitary-scope-footer{grid-template-columns:1fr}.sanitary-contact{min-width:0}.sanitary-contact .button{width:max-content;max-width:100%}}
/* round 4 */
section.section.band:has(.cta-section){padding-block:24px}
.band .cta-section{display:block;padding:24px clamp(22px,4vw,40px)}
.band .cta-section aside{margin-top:16px}
.band .cta-section aside p{margin-bottom:14px}
.page-hero:not(.sanitary-hero){padding-block:clamp(34px,4vw,56px)}
.hero + .section,.hero + .section ~ .section{padding-block:clamp(48px,6vw,88px)}
@media (min-width:761px) and (max-width:1199px){.hero{width:calc(100% - 24px);padding:clamp(32px,5vw,56px);gap:clamp(24px,4vw,48px)}.hero-media{margin-right:8px}.hero-media img{height:min(56vw,480px)}}
@media (max-width:760px){.hero + .section,.hero + .section ~ .section{padding-block:48px}.brand img{width:min(220px,62vw)}}
@media (max-width:420px){.brand img{width:198px}}