<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archiwa darmowy projekt ogrzewania - Projekt Ogrzewania</title>
	<atom:link href="https://projekt-ogrzewania.pl/tag/darmowy-projekt-ogrzewania/feed/" rel="self" type="application/rss+xml" />
	<link>https://projekt-ogrzewania.pl/tag/darmowy-projekt-ogrzewania/</link>
	<description>Twój partner w projektowaniu komfortu – profesjonalne ogrzewanie podłogowe dla Twojego domu.</description>
	<lastBuildDate>Sun, 07 Jun 2026 09:10:34 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.4</generator>

<image>
	<url>https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1-32x32.jpg</url>
	<title>Archiwa darmowy projekt ogrzewania - Projekt Ogrzewania</title>
	<link>https://projekt-ogrzewania.pl/tag/darmowy-projekt-ogrzewania/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Ile kosztuje 100 m² ogrzewania podłogowego?</title>
		<link>https://projekt-ogrzewania.pl/ile-kosztuje-100-m%c2%b2-ogrzewania-podlogowego/</link>
		
		<dc:creator><![CDATA[Robert Kucharski]]></dc:creator>
		<pubDate>Wed, 01 Jan 2025 12:48:12 +0000</pubDate>
				<category><![CDATA[Cennik]]></category>
		<category><![CDATA[Ceny]]></category>
		<category><![CDATA[Ceny instalacji]]></category>
		<category><![CDATA[Koszt podłogówki]]></category>
		<category><![CDATA[Koszty instalacji]]></category>
		<category><![CDATA[Koszty materiałów grzewczych]]></category>
		<category><![CDATA[Ogrzewanie podłogowe]]></category>
		<category><![CDATA[Planowanie budżetów]]></category>
		<category><![CDATA[Porady inwestycyjne]]></category>
		<category><![CDATA[Systemy grzewcze]]></category>
		<category><![CDATA[darmowy projekt ogrzewania]]></category>
		<category><![CDATA[ile kosztuje ogrzewanie podłogowe]]></category>
		<category><![CDATA[instalacja ogrzewania]]></category>
		<category><![CDATA[koszty instalacji ogrzewania]]></category>
		<category><![CDATA[ogrzewanie podłogowe 2025]]></category>
		<category><![CDATA[planowanie budżetów]]></category>
		<category><![CDATA[rozdzielacz do podłogówki]]></category>
		<category><![CDATA[rury do ogrzewania podłogowego]]></category>
		<category><![CDATA[systemy grzewcze]]></category>
		<category><![CDATA[szafka do rozdzielacza]]></category>
		<guid isPermaLink="false">https://projekt-ogrzewania.pl/?p=1875</guid>

					<description><![CDATA[<p>Ile kosztuje 100 m² ogrzewania podłogowego? To pytanie nurtuje wielu inwestorów. W artykule szczegółowo omawiamy koszty materiałów i robocizny na 2025 rok. Dowiedz się, jakie wydatki uwzględnić, by zaplanować budżet na ogrzewanie podłogowe. Opisujemy kluczowe elementy, takie jak rury, rozdzielacz i szafka, a także podpowiadamy, jak skorzystać z darmowego projektu.</p>
<p>Artykuł <a href="https://projekt-ogrzewania.pl/ile-kosztuje-100-m%c2%b2-ogrzewania-podlogowego/">Ile kosztuje 100 m² ogrzewania podłogowego?</a> pochodzi z serwisu <a href="https://projekt-ogrzewania.pl">Projekt Ogrzewania</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<style>
:root {
    --rk-hero-dark: #0f172a;
    --rk-hero-blue: #2563eb;
    --rk-hero-blue-light: #eff6ff;
    --rk-hero-accent: #f59e0b;
    --rk-hero-accent-light: #fef3c7;
    --rk-hero-gray: #475569;
    --rk-hero-border: #e2e8f0;
    --rk-hero-bg: #ffffff;
}

.rk-hero-widget {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-hero-bg);
    border-radius: 24px;
    box-shadow: 0 20px 40px -10px rgba(37, 99, 235, 0.15);
    border: 1px solid #bfdbfe;
    overflow: hidden;
}

/* Górna sekcja - HOOK i Szybka Odpowiedź */
.rk-hero-top {
    background: linear-gradient(135deg, var(--rk-hero-dark) 0%, #1e293b 100%);
    padding: 45px 50px;
    color: #ffffff;
    position: relative;
}

.rk-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(37, 99, 235, 0.2);
    color: #93c5fd;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.rk-hero-top h2 {
    font-size: 32px;
    font-weight: 900;
    margin: 0 0 20px 0;
    line-height: 1.25;
    color: #ffffff;
}

.rk-hero-hook {
    font-size: 18px;
    line-height: 1.6;
    color: #cbd5e1;
    margin: 0 0 30px 0;
    max-width: 800px;
}

/* Pudełko Szybkiej Odpowiedzi (Blink Test) */
.rk-hero-tldr {
    background: #ffffff;
    border-radius: 16px;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.2);
    border-left: 6px solid var(--rk-hero-blue);
}

.rk-hero-tldr-text h3 {
    margin: 0 0 5px 0;
    color: var(--rk-hero-dark);
    font-size: 18px;
    font-weight: 800;
}

.rk-hero-tldr-text p {
    margin: 0;
    color: var(--rk-hero-gray);
    font-size: 15px;
    line-height: 1.5;
}

.rk-hero-tldr-price {
    text-align: right;
    flex-shrink: 0;
}

.rk-hero-tldr-price .val {
    display: block;
    font-size: 28px;
    font-weight: 900;
    color: var(--rk-hero-blue);
}

.rk-hero-tldr-price .sub {
    font-size: 13px;
    color: var(--rk-hero-gray);
    font-weight: 600;
    text-transform: uppercase;
}

/* Interaktywna Nawigacja (Co w artykule) */
.rk-hero-nav-section {
    padding: 40px 50px;
    background: #f8fafc;
}

.rk-hero-nav-title {
    font-size: 18px;
    font-weight: 800;
    color: var(--rk-hero-dark);
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rk-hero-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.rk-hero-tab {
    background: var(--rk-hero-bg);
    border: 1px solid var(--rk-hero-border);
    border-radius: 16px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.rk-hero-tab:hover {
    border-color: var(--rk-hero-blue);
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.1);
}

.rk-hero-tab.active {
    background: var(--rk-hero-blue-light);
    border-color: var(--rk-hero-blue);
}

.rk-hero-tab.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--rk-hero-blue);
}

.rk-hero-tab-icon {
    width: 32px;
    height: 32px;
    color: var(--rk-hero-blue);
    margin-bottom: 12px;
}

.rk-hero-tab h4 {
    margin: 0 0 8px 0;
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-hero-dark);
}

.rk-hero-tab p {
    margin: 0;
    font-size: 13px;
    color: var(--rk-hero-gray);
    line-height: 1.5;
}

/* Dynamiczny Podgląd Treści */
.rk-hero-content-view {
    background: var(--rk-hero-bg);
    border: 1px solid var(--rk-hero-border);
    border-radius: 16px;
    padding: 25px 30px;
    margin-top: 20px;
    display: none;
    animation: fadeInTab 0.4s ease forwards;
}

.rk-hero-content-view.active {
    display: block;
}

@keyframes fadeInTab {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.rk-hero-content-view p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--rk-hero-gray);
    margin: 0 0 15px 0;
}

.rk-hero-content-view p:last-child { margin: 0; }

.rk-hero-content-view a {
    color: var(--rk-hero-blue);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.3s;
}

.rk-hero-content-view a:hover { color: #1d4ed8; }

.rk-hero-alert {
    background: var(--rk-hero-accent-light);
    border-left: 4px solid var(--rk-hero-accent);
    padding: 15px 20px;
    border-radius: 0 8px 8px 0;
    margin-top: 15px;
    font-size: 14px;
    color: #92400e;
    font-weight: 600;
}

/* RWD */
@media (max-width: 768px) {
    .rk-hero-top, .rk-hero-nav-section { padding: 30px 20px; }
    .rk-hero-top h2 { font-size: 24px; }
    .rk-hero-tldr { flex-direction: column; align-items: flex-start; text-align: left; }
    .rk-hero-tldr-price { text-align: left; margin-top: 10px; }
    .rk-hero-tabs { grid-template-columns: 1fr; }
    .rk-hero-tab { padding: 15px; }
    .rk-hero-content-view { padding: 20px; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-wstep",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Ile kosztuje 100 m² ogrzewania podłogowego w 2026 roku? [Kompendium Inwestora]",
    "description": "Zanim wylejesz posadzkę, musisz poznać realne liczby. Kompletne zestawienie kosztów materiałów i robocizny. Sprawdź m.in. czy rekuperacja i ogrzewanie podłogowe się opłaca.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2025-12-29",
    "dateModified": "2026-06-07"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-wstep",
    "name": "Baza Kosztów Bazowych Ogrzewania Podłogowego 2026",
    "description": "Agregacja podstawowych widełek cenowych brutto dla instalacji płaszczyznowej na 100 metrach kwadratowych.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "ile kosztuje 100 m2 ogrzewania podłogowego",
      "koszt podłogówki 2026",
      "rekuperacja i ogrzewanie podłogowe czy to się opłaca",
      "ukryte koszty ogrzewania podłogowego",
      "cena materiałów i robocizny podłogówka"
    ],
    "measurementTechnique": "Określenie średnich stawek rynkowych dla domów jednorodzinnych z wyodrębnieniem głównych czynników wpływających na ostateczną cenę.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Koszt całkowity brutto (materiały + robocizna): 8 500 PLN - 10 000 PLN.",
        "Główne zmienne: parametry techniczne budynku, rozstaw rur, klasa komponentów."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-wstep",
    "name": "Interaktywny Przewodnik Inwestora (Spis Treści)",
    "description": "Moduł nawigacyjny wprowadzający użytkownika w tematykę kosztów. Pozwala na szybkie zorientowanie się w ukrytych kosztach, interaktywnych narzędziach oraz synergii z rekuperacją.",
    "applicationCategory": "NavigationApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires JavaScript and HTML5",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-hero-widget">
    
    <div class="rk-hero-top">
        <div class="rk-hero-badge">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
            Zaktualizowano na 2026 Rok
        </div>
        
        <h2>Ile kosztuje 100 m² ogrzewania podłogowego? Zanim wylejesz beton, poznaj fakty.</h2>
        
        <p class="rk-hero-hook">
            Brak rzetelnego kosztorysu to najczęstszy błąd na etapie stanu surowego. Ostateczna kwota to nie tylko rury. To izolacja, dylatacje i chemia. Zobacz, ile musisz przygotować, aby system grzewczy przetrwał dekady bez kosztownych awarii.
        </p>

        <div class="rk-hero-tldr">
            <div class="rk-hero-tldr-text">
                <h3>Szybka Odpowiedź (Blink Test)</h3>
                <p>Średni rynkowy koszt zakupu materiałów systemowych oraz montażu wodnego ogrzewania na 100 m² dla standardowego domu jednorodzinnego.</p>
            </div>
            <div class="rk-hero-tldr-price">
                <span class="val">8 500 &#8211; 10 000 PLN</span>
                <span class="sub">Materiały + Robocizna (Brutto)</span>
            </div>
        </div>
    </div>

    <div class="rk-hero-nav-section">
        <h3 class="rk-hero-nav-title">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
            Co przygotowałem dla Ciebie w tym kompendium? Wybierz temat:
        </h3>

        <div class="rk-hero-tabs">
            <div class="rk-hero-tab active" data-target="tab-koszty">
                <div class="rk-hero-tab-icon">
                    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
                </div>
                <h4>Pełne Rozbicie Kosztów</h4>
                <p>Robocizna vs Materiały. Co z rozstawem rur?</p>
            </div>
            
            <div class="rk-hero-tab" data-target="tab-haczyki">
                <div class="rk-hero-tab-icon">
                    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
                </div>
                <h4>Zmniejsz koszty ogrzewania.</h4>
                <p>Rekuperacja a podłogówka. Prawdy i mity.</p>
            </div>
            
            <div class="rk-hero-tab" data-target="tab-tools">
                <div class="rk-hero-tab-icon">
                    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line><line x1="20" y1="9" x2="23" y2="9"></line><line x1="20" y1="14" x2="23" y2="14"></line><line x1="1" y1="9" x2="4" y2="9"></line><line x1="1" y1="14" x2="4" y2="14"></line></svg>
                </div>
                <h4>Narzędzia Interaktywne</h4>
                <p>Kalkulatory, które policzą to za Ciebie.</p>
            </div>
        </div>

        <div class="rk-hero-content-view active" id="tab-koszty">
            <p>Ostateczna kwota zależy bezpośrednio od parametrów technicznych budynku, wybranego rozstawu rur grzewczych oraz klasy użytych komponentów systemowych. Właściwa kalkulacja wydatków wymaga dokładnego rozbicia inwestycji.</p>
            <p>Dowiesz się, ile zapłacisz za samą <a href="https://projekt-ogrzewania.pl/podlogowka-cena-za-m%c2%b2-robocizny/">robociznę instalatora</a>, a ile musisz doliczyć na tzw. prace towarzyszące, takie jak chociażby wylanie grubego jastrychu czy ułożenie izolacji termicznej.</p>
        </div>

        <div class="rk-hero-content-view" id="tab-haczyki">
            <p>Inwestorzy często pytają, od czego zależą wspomniane na górze widełki. Odpowiedzią jest bilans energetyczny. W dalszej części artykułu bezwzględnie weryfikujemy dylemat: <strong><a href="https://projekt-ogrzewania.pl/rekuperacja-i-ogrzewanie-podlogowe-czy-to-sie-oplaca/">rekuperacja i ogrzewanie podłogowe – czy to się opłaca?</a></strong></p>
            <p>Pokażę Ci, jak obecność wentylacji mechanicznej z odzyskiem ciepła drastycznie zmniejsza zapotrzebowanie na moc, co pozwala na bezpieczne zwiększenie rozstawu rur i realne obniżenie początkowych kosztów zakupu materiałów.</p>
        </div>

        <div class="rk-hero-content-view" id="tab-tools">
            <p>Ten artykuł to nie jest ściana suchego tekstu. Zastosowaliśmy podejście narzędziowe.</p>
            <p>Czytając dalej, natrafisz na interaktywne suwaki, przełączniki budżetowe oraz nasz <a href="https://projekt-ogrzewania.pl/kompleksowy-kalkulator-ogrzewania-podlogowego/">kompleksowy kalkulator ogrzewania podłogowego</a>, w którym samodzielnie wymodelujesz ceny w zależności od tego, czy planujesz układ gęsty pod pompę ciepła, czy układ ekonomiczny.</p>
            <div class="rk-hero-alert">
                Zjeżdżaj w dół i korzystaj z interaktywnych skanerów kosztów, które przeliczą zapotrzebowanie rur na żywo!
            </div>
        </div>

    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const tabs = document.querySelectorAll('.rk-hero-tab');
    const views = document.querySelectorAll('.rk-hero-content-view');

    tabs.forEach(tab => {
        tab.addEventListener('click', function() {
            // Zdejmij active ze wszystkich zakładek i widoków
            tabs.forEach(t => t.classList.remove('active'));
            views.forEach(v => {
                v.classList.remove('active');
                // Mały trik wymuszający reflow dla animacji
                void v.offsetWidth;
            });

            // Aktywuj klikniętą
            this.classList.add('active');
            const targetId = this.getAttribute('data-target');
            document.getElementById(targetId).classList.add('active');
        });
    });
});
</script>



<style>
:root {
    --rk-sys-dark: #111827;
    --rk-sys-primary: #3b82f6;
    --rk-sys-primary-light: #dbeafe;
    --rk-sys-accent: #10b981;
    --rk-sys-accent-light: #d1fae5;
    --rk-sys-gray: #4b5563;
    --rk-sys-border: #e5e7eb;
    --rk-sys-bg: #ffffff;
    --rk-sys-bg-alt: #f9fafb;
}

.rk-sys-widget {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-sys-bg);
    border-radius: 24px;
    box-shadow: 0 20px 40px -10px rgba(59, 130, 246, 0.1);
    border: 1px solid #bfdbfe;
    overflow: hidden;
}

/* Nagłówek i Długi Ogon SEO */
.rk-sys-header {
    padding: 40px 50px 30px;
    background: linear-gradient(135deg, var(--rk-sys-dark) 0%, #1f2937 100%);
    color: #ffffff;
    text-align: center;
}

.rk-sys-header h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.35;
    color: #ffffff;
}

.rk-sys-header p {
    font-size: 16px;
    color: #9ca3af;
    margin: 0 auto;
    max-width: 750px;
    line-height: 1.6;
}

.rk-sys-seo-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.rk-sys-seo-tag {
    background: rgba(59, 130, 246, 0.15);
    border: 1px solid rgba(59, 130, 246, 0.3);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    color: #93c5fd;
    font-weight: 600;
}

/* Interaktywny Panel Porównawczy (Bez Grafik) */
.rk-sys-interactive {
    padding: 40px 50px;
    background: var(--rk-sys-bg-alt);
    border-bottom: 1px solid var(--rk-sys-border);
}

.rk-sys-toggle-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}

.rk-sys-toggle {
    display: flex;
    background: var(--rk-sys-bg);
    border: 2px solid var(--rk-sys-border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.rk-sys-toggle-btn {
    padding: 16px 28px;
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-sys-gray);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: center;
}

.rk-sys-toggle-btn.active[data-mode="eco"] {
    background: var(--rk-sys-primary);
    color: #ffffff;
}

.rk-sys-toggle-btn.active[data-mode="pro"] {
    background: var(--rk-sys-accent);
    color: #ffffff;
}

/* Kafelki Danych */
.rk-sys-data-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.rk-sys-card {
    background: var(--rk-sys-bg);
    border: 1px solid var(--rk-sys-border);
    border-radius: 16px;
    padding: 25px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}

.rk-sys-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.05);
}

.mode-eco .rk-sys-card:hover { border-color: var(--rk-sys-primary); }
.mode-pro .rk-sys-card:hover { border-color: var(--rk-sys-accent); }

.rk-sys-card h4 {
    font-size: 13px;
    color: var(--rk-sys-gray);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 12px 0;
    font-weight: 700;
}

.rk-sys-val {
    font-size: 28px;
    font-weight: 900;
    color: var(--rk-sys-dark);
    margin: 0 0 12px 0;
    transition: color 0.3s, opacity 0.3s;
}

.mode-eco .highlight-val { color: var(--rk-sys-primary); }
.mode-pro .highlight-val { color: var(--rk-sys-accent); }

.rk-sys-card p {
    font-size: 14px;
    color: var(--rk-sys-gray);
    margin: 0;
    line-height: 1.5;
    font-weight: 500;
}

/* Dynamiczny Box Informacyjny */
.rk-sys-insight-box {
    margin-top: 30px;
    background: var(--rk-sys-bg);
    border: 1px dashed var(--rk-sys-primary);
    border-radius: 16px;
    padding: 25px 30px;
    transition: all 0.4s ease;
}

.mode-pro .rk-sys-insight-box {
    border-color: var(--rk-sys-accent);
}

.rk-sys-insight-title {
    font-size: 18px;
    font-weight: 800;
    color: var(--rk-sys-dark);
    margin: 0 0 10px 0;
    transition: opacity 0.3s;
}

.rk-sys-insight-desc {
    font-size: 15px;
    color: var(--rk-sys-gray);
    line-height: 1.7;
    margin: 0;
    transition: opacity 0.3s;
}

/* Treść Merytoryczna */
.rk-sys-content {
    padding: 40px 50px;
}

.rk-sys-content p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-sys-gray);
    margin: 0 0 20px 0;
}

.rk-sys-content a {
    color: var(--rk-sys-primary);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.3s;
}

.rk-sys-content a:hover {
    color: #1d4ed8;
}

.rk-sys-expert-note {
    background: var(--rk-sys-bg-alt);
    border-left: 4px solid var(--rk-sys-dark);
    padding: 20px 25px;
    border-radius: 0 12px 12px 0;
    margin-top: 30px;
}

.rk-sys-expert-note h4 {
    color: var(--rk-sys-dark);
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 800;
}

/* RWD */
@media (max-width: 768px) {
    .rk-sys-header, .rk-sys-interactive, .rk-sys-content { padding: 30px 20px; }
    .rk-sys-data-grid { grid-template-columns: 1fr; }
    .rk-sys-toggle { flex-direction: column; width: 100%; border-radius: 12px; }
    .rk-sys-toggle-btn { width: 100%; }
    .rk-sys-insight-box { padding: 20px; text-align: center; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-system-mokry",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Cena ogrzewania podłogowego za m² z robocizną dla 100 m² – ile wynosi całkowity koszt w systemie mokrym?",
    "description": "Szczegółowa wycena całkowitego kosztu ogrzewania podłogowego (materiały + robocizna) w systemie mokrym. Porównanie stawek od 85 PLN do 100 PLN za m2.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2026-06-07",
    "dateModified": "2026-06-07"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-system-mokry",
    "name": "Kompletny Cennik Ogrzewania Podłogowego System Mokry 2026 (Materiały + Robocizna)",
    "description": "Zestawienie całkowitych budżetów inwestycyjnych dla 100 m2 instalacji grzewczej w podziale na wariant ekonomiczny i wydajny.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "cena ogrzewania podłogowego za m2 z robocizną",
      "całkowity koszt w systemie mokrym",
      "wodne ogrzewanie podłogowe cena za metr",
      "koszt podłogówki 100m2",
      "wariant ekonomiczny ogrzewania podłogowego"
    ],
    "measurementTechnique": "Agregacja stawek robocizny instalatorskiej oraz cen rynkowych materiałów systemowych zgodnych z normą PN-EN 1264 dla powierzchni 100 metrów kwadratowych.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Wariant Ekonomiczny (15 cm): 85 PLN / m2 (Suma: 8 500 PLN)",
        "Wariant Wydajny (10 cm): 100 PLN / m2 (Suma: 10 000 PLN)"
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-system-mokry",
    "name": "Symulator Kosztów Systemu Mokrego 2026",
    "description": "Interaktywny moduł kalkulacyjny porównujący koszty całkowite ogrzewania podłogowego w zależności od gęstości ułożenia pętli grzewczych.",
    "applicationCategory": "CalculatorApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and JavaScript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-sys-widget">
    
    <div class="rk-sys-header">
        <h2>Cena ogrzewania podłogowego za m² z robocizną dla 100 m² – ile wynosi całkowity koszt w systemie mokrym?</h2>
        <p>Średnia cena brutto za 1 m² całkowicie zrealizowanego systemu mokrego waha się od 85 PLN do 100 PLN. Zobacz, jak gęstość ułożenia rurociągu determinuje ostateczny budżet Twojej inwestycji.</p>
        
        <div class="rk-sys-seo-tags">
            <span class="rk-sys-seo-tag"># cena za m2 z robocizną</span>
            <span class="rk-sys-seo-tag"># całkowity koszt w systemie mokrym</span>
            <span class="rk-sys-seo-tag"># wodne ogrzewanie podłogowe cena za metr</span>
            <span class="rk-sys-seo-tag"># koszt podłogówki 100m2</span>
        </div>
    </div>

    <div class="rk-sys-interactive" id="sysInteractive">
        
        <div class="rk-sys-toggle-wrapper">
            <div class="rk-sys-toggle">
                <div class="rk-sys-toggle-btn active" data-mode="eco" data-price="85 PLN" data-total="8 500 PLN" data-title="Wariant Ekonomiczny (Rozstaw co 15 cm)" data-desc="Rozwiązanie stosowane w budynkach o bardzo niskim zapotrzebowaniu na energię, gdzie jednostkowe straty ciepła nie przekraczają 40-45 W/m². Optymalne dla kotłów gazowych lub pelletu.">
                    Rozstaw Ekonomiczny (15 cm)
                </div>
                <div class="rk-sys-toggle-btn" data-mode="pro" data-price="100 PLN" data-total="10 000 PLN" data-title="Wariant Wydajny (Rozstaw co 10 cm)" data-desc="Gęstsze ułożenie rur jest absolutnie niezbędne w układach współpracujących z niskotemperaturowymi pompami ciepła (minimalizacja temperatury zasilania do 30-35°C), a także w łazienkach i przy dużych przeszkleniach.">
                    Rozstaw Wydajny (10 cm)
                </div>
            </div>
        </div>

        <div class="rk-sys-data-grid">
            <div class="rk-sys-card">
                <h4>Cena za m² (z robocizną)</h4>
                <div class="rk-sys-val highlight-val" id="valPrice">85 PLN</div>
                <p>Materiały + Usługa</p>
            </div>
            <div class="rk-sys-card">
                <h4>Całkowity koszt dla 100 m²</h4>
                <div class="rk-sys-val highlight-val" id="valTotal">8 500 PLN</div>
                <p>Cena brutto pod klucz</p>
            </div>
            <div class="rk-sys-card">
                <h4>Rodzaj Wylewki</h4>
                <div class="rk-sys-val" style="font-size: 20px; color: var(--rk-sys-dark); line-height: 1.3; margin-top: 5px;">Cementowa lub Anhydrytowa</div>
                <p>System Mokry</p>
            </div>
        </div>

        <div class="rk-sys-insight-box">
            <h3 class="rk-sys-insight-title" id="valTitle">Wariant Ekonomiczny (Rozstaw co 15 cm)</h3>
            <p class="rk-sys-insight-desc" id="valDesc">Rozwiązanie stosowane w budynkach o bardzo niskim zapotrzebowaniu na energię, gdzie jednostkowe straty ciepła nie przekraczają 40-45 W/m². Optymalne dla kotłów gazowych lub pelletu.</p>
        </div>

    </div>

    <div class="rk-sys-content">
        <p>Wytyczne wykonawcze oraz rygorystyczne wymagania techniczne dla tego typu instalacji ściśle definiuje europejska <a href="https://projekt-ogrzewania.pl/pn-en-1264-norma-ktora-definiuje-ogrzewanie-podlogowe/">norma PN-EN 1264</a>, która standaryzuje procedury montażowe i zasady obliczania wydajności cieplnej.</p>
        
        <p>W podanym przedziale cenowym inwestor nie kupuje &#8222;kota w worku&#8221;. Otrzymuje w pełni kompletny <a href="https://projekt-ogrzewania.pl/czym-jest-system-mokry-w-wodnym-ogrzewaniu-podlogowym/">system mokry</a>, ułożony bezpośrednio na przygotowanej wcześniej izolacji termicznej (styropianie). Budżet obejmuje zakup certyfikowanych rur wielowarstwowych z barierą antydyfuzyjną, kompletnego rozdzielacza ze stali nierdzewnej, szafki podtynkowej, chemii instalacyjnej oraz pełną robociznę zwieńczoną próbą ciśnieniową.</p>

        <div class="rk-sys-expert-note">
            <h4>Gotowość do prac posadzkarskich</h4>
            <p style="margin: 0; font-size: 15px;">Po zakończeniu prac instalacyjnych i utrzymaniu ciśnienia kontrolnego w rurach, system jest natychmiast gotowy do zalania jastrychem cementowym lub płynnym anhydrytem. Brak projektu i wykonawstwo &#8222;na oko&#8221; na tym etapie to ryzyko awarii, której naprawa po wylaniu betonu pochłonie tysiące złotych.</p>
        </div>
    </div>

</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const btns = document.querySelectorAll('.rk-sys-toggle-btn');
    const interactiveBox = document.getElementById('sysInteractive');
    
    // Elementy tekstowe do aktualizacji
    const valPrice = document.getElementById('valPrice');
    const valTotal = document.getElementById('valTotal');
    const valTitle = document.getElementById('valTitle');
    const valDesc = document.getElementById('valDesc');

    // Inicjalizacja domyślnego trybu
    interactiveBox.classList.add('mode-eco');

    btns.forEach(btn => {
        btn.addEventListener('click', function() {
            // Zmiana przycisków
            btns.forEach(b => b.classList.remove('active'));
            this.classList.add('active');

            // Pobranie zadeklarowanych danych
            const mode = this.getAttribute('data-mode');
            const price = this.getAttribute('data-price');
            const total = this.getAttribute('data-total');
            const title = this.getAttribute('data-title');
            const desc = this.getAttribute('data-desc');

            // Aktualizacja klasy dla CSS
            interactiveBox.className = 'rk-sys-interactive mode-' + mode;

            // Animacja Fade-Out
            const els = [valPrice, valTotal, valTitle, valDesc];
            els.forEach(el => el.style.opacity = '0');

            // Aktualizacja treści i Fade-In po krótkim opóźnieniu
            setTimeout(() => {
                valPrice.innerText = price;
                valTotal.innerText = total;
                valTitle.innerText = title;
                valDesc.innerText = desc;
                
                els.forEach(el => el.style.opacity = '1');
            }, 250);
        });
    });
});
</script>



<style>
:root {
    --rk-mat-dark: #0f172a;
    --rk-mat-teal: #0d9488;
    --rk-mat-teal-light: #f0fdfa;
    --rk-mat-slate: #64748b;
    --rk-mat-border: #e2e8f0;
    --rk-mat-bg: #ffffff;
    --rk-mat-highlight: #14b8a6;
}

.rk-mat-widget {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-mat-bg);
    border-radius: 24px;
    box-shadow: 0 25px 50px -12px rgba(13, 148, 136, 0.15);
    border: 1px solid #ccfbf1;
    overflow: hidden;
}

/* Nagłówek */
.rk-mat-header {
    padding: 40px 50px 30px;
    background: linear-gradient(135deg, var(--rk-mat-dark) 0%, #1e293b 100%);
    color: #ffffff;
    text-align: center;
}

.rk-mat-header h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.35;
}

.rk-mat-header p {
    font-size: 16px;
    color: #cbd5e1;
    margin: 0 auto;
    max-width: 750px;
    line-height: 1.6;
}

/* Tagi SEO */
.rk-mat-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.rk-mat-tag {
    background: rgba(20, 184, 166, 0.15);
    border: 1px solid rgba(20, 184, 166, 0.3);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    color: #5eead4;
    font-weight: 600;
}

/* Interfejs Kalkulatora */
.rk-mat-interface {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    background: #f8fafc;
}

/* Lewa Kolumna - Lista Materiałów */
.rk-mat-list {
    padding: 40px;
    border-right: 1px solid var(--rk-mat-border);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.rk-mat-item {
    background: var(--rk-mat-bg);
    border: 1px solid var(--rk-mat-border);
    border-radius: 16px;
    padding: 25px;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);
}

.rk-mat-item:hover {
    border-color: var(--rk-mat-teal);
    box-shadow: 0 10px 15px -3px rgba(13, 148, 136, 0.1);
}

.rk-mat-item-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.rk-mat-icon {
    width: 44px;
    height: 44px;
    background: var(--rk-mat-teal-light);
    color: var(--rk-mat-teal);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rk-mat-item-title h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--rk-mat-dark);
}

.rk-mat-item-title span {
    font-size: 13px;
    color: var(--rk-mat-slate);
    font-weight: 600;
}

.rk-mat-item p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--rk-mat-slate);
    margin: 0 0 15px 0;
}

.rk-mat-item p:last-child { margin: 0; }

.rk-mat-item a {
    color: var(--rk-mat-teal);
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s;
}

.rk-mat-item a:hover {
    border-bottom-color: var(--rk-mat-teal);
}

.rk-mat-price-tag {
    display: inline-block;
    background: #f1f5f9;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 800;
    color: var(--rk-mat-dark);
    font-size: 15px;
    border: 1px solid var(--rk-mat-border);
}

/* Prawa Kolumna - Podsumowanie / Kosztorys */
.rk-mat-summary {
    padding: 40px;
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
}

.rk-mat-summary-title {
    font-size: 20px;
    font-weight: 900;
    color: var(--rk-mat-dark);
    margin: 0 0 25px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Przełącznik Wariantu */
.rk-mat-toggle-box {
    background: var(--rk-mat-bg);
    border: 1px solid var(--rk-mat-border);
    border-radius: 14px;
    padding: 6px;
    display: flex;
    margin-bottom: 30px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}

.rk-mat-toggle-btn {
    flex: 1;
    padding: 12px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--rk-mat-slate);
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.3s;
    user-select: none;
}

.rk-mat-toggle-btn.active {
    background: var(--rk-mat-teal);
    color: #ffffff;
    box-shadow: 0 4px 6px rgba(13, 148, 136, 0.2);
}

/* Tabela podsumowania */
.rk-mat-calc-row {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px dashed var(--rk-mat-border);
    font-size: 15px;
}

.rk-mat-calc-row:last-of-type {
    border-bottom: none;
    margin-bottom: 15px;
}

.rk-mat-calc-label {
    color: var(--rk-mat-slate);
    font-weight: 600;
}

.rk-mat-calc-value {
    color: var(--rk-mat-dark);
    font-weight: 800;
}

.rk-val-dynamic {
    color: var(--rk-mat-teal);
    transition: opacity 0.3s;
}

.rk-val-strike {
    text-decoration: line-through;
    color: #94a3b8;
    margin-right: 8px;
    font-size: 13px;
}

/* Total */
.rk-mat-total-box {
    background: var(--rk-mat-dark);
    border-radius: 16px;
    padding: 25px;
    color: #ffffff;
    margin-top: 20px;
    text-align: center;
}

.rk-mat-total-label {
    font-size: 14px;
    color: #cbd5e1;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: 700;
}

.rk-mat-total-value {
    font-size: 32px;
    font-weight: 900;
    color: #5eead4;
}

.rk-mat-total-desc {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 10px;
}

/* CTA */
.rk-mat-cta-btn {
    display: block;
    width: 100%;
    background: var(--rk-mat-bg);
    border: 2px solid var(--rk-mat-teal);
    color: var(--rk-mat-teal);
    text-align: center;
    padding: 16px;
    border-radius: 14px;
    font-weight: 800;
    text-decoration: none;
    margin-top: 25px;
    transition: all 0.3s;
}

.rk-mat-cta-btn:hover {
    background: var(--rk-mat-teal);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(13, 148, 136, 0.2);
}

/* RWD */
@media (max-width: 768px) {
    .rk-mat-interface { grid-template-columns: 1fr; }
    .rk-mat-header { padding: 30px 20px; }
    .rk-mat-list { padding: 20px; border-right: none; border-bottom: 1px solid var(--rk-mat-border); }
    .rk-mat-summary { padding: 30px 20px; position: relative; top: 0; }
    .rk-mat-toggle-btn { padding: 10px; font-size: 13px; }
    .rk-mat-item { padding: 20px; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-materialy",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Ile kosztują materiały na ogrzewanie podłogowe 100 m² z rozdzielaczem i rurami?",
    "description": "Zestawienie kosztów materiałów do instalacji ogrzewania podłogowego. Sprawdź ceny rur, rozdzielacza ze stali nierdzewnej, szafki podtynkowej oraz projektu OZC.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2026-06-07",
    "dateModified": "2026-06-07"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-materialy",
    "name": "Kosztorys Materiałowy Ogrzewania Podłogowego 100 m2 (Rury i Rozdzielacz)",
    "description": "Szczegółowa struktura wydatków na komponenty instalacji płaszczyznowej, z uwzględnieniem różnic dla rozstawu rur 10 cm i 15 cm.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "koszt rur do ogrzewania podłogowego 100m2",
      "rozdzielacz ze stali nierdzewnej cena",
      "szafka podtynkowa do rozdzielacza koszt",
      "cena rury pe-rt/al/pe za metr",
      "materiały na podłogówkę cennik"
    ],
    "measurementTechnique": "Kalkulacja oparta na średnich cenach rynkowych brutto dla komponentów spełniających normę EN ISO 15875 dla domu 100 m2.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Rury grzewcze (15 cm): 3000 PLN (ok. 770 m.b.)",
        "Rury grzewcze (10 cm): 4500 PLN (ok. 1150 m.b.)",
        "Rozdzielacz z rotametrami (8-13 sekcji): 1400 PLN",
        "Szafka podtynkowa: 400 PLN",
        "Projekt OZC: 450 PLN (Zwracany przy zakupie materiałów)"
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-materialy",
    "name": "Interaktywny Konfigurator Kosztów Materiałowych",
    "description": "Narzędzie symulujące koszyk ofertowy. Oblicza całkowity koszt materiałów (rury, rozdzielacz, osprzęt) w zależności od zagęszczenia pętli instalacji podłogowej.",
    "applicationCategory": "BusinessApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires JavaScript and HTML5",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-mat-widget">
    
    <div class="rk-mat-header">
        <h2>Ile kosztują materiały na ogrzewanie podłogowe 100 m² z rozdzielaczem i rurami?</h2>
        <p>Wycena uwzględniająca wyłącznie koszt komponentów instalacyjnych waha się od 5 250 PLN do 6 750 PLN brutto. Różnica na poziomie 1 500 PLN wynika bezpośrednio z ilości zakupionej rury grzewczej i wielkości rozdzielacza.</p>
        
        <div class="rk-mat-tags">
            <span class="rk-mat-tag"># rury wielowarstwowe cena</span>
            <span class="rk-mat-tag"># rozdzielacz nierdzewny</span>
            <span class="rk-mat-tag"># norma EN ISO 15875</span>
        </div>
    </div>

    <div class="rk-mat-interface">
        
        <div class="rk-mat-list">
            
            <div class="rk-mat-item">
                <div class="rk-mat-item-header">
                    <div class="rk-mat-icon">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 14.5a3.5 3.5 0 0 0-7 0"></path><path d="M13 14.5a3.5 3.5 0 0 0-7 0"></path><path d="M6 14.5a3.5 3.5 0 0 1-7 0"></path><path d="M2 14.5V9a7 7 0 0 1 14 0"></path><path d="M16 9v5.5"></path></svg>
                    </div>
                    <div class="rk-mat-item-title">
                        <h3>Certyfikowane Rury Grzewcze</h3>
                        <span>Klasa PE-RT/Al/PE | Cena: ~3,91 PLN/m.b.</span>
                    </div>
                </div>
                <p>Wybór komponentów renomowanych producentów, posiadających certyfikację zgodną z rygorystyczną <strong>normą EN ISO 15875</strong>, gwarantuje bezawaryjną pracę systemu przez deklarowany okres minimum 50 lat.</p>
                <p>Przy rozstawie co 15 cm zapotrzebowanie wynosi ok. 770 m.b. rury. Dogęszczając układ do 10 cm, zużyjesz ok. 1 150 m.b., co podnosi cenę rurociągu z 3 000 PLN na 4 500 PLN.</p>
                <div class="rk-mat-price-tag" id="descPipePrice">Koszt rur: 3 000 PLN</div>
            </div>

            <div class="rk-mat-item">
                <div class="rk-mat-item-header">
                    <div class="rk-mat-icon">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="4" rx="1"></rect><rect x="4" y="7" width="4" height="14" rx="1"></rect><rect x="16" y="7" width="4" height="14" rx="1"></rect><path d="M10 11h4"></path><path d="M10 17h4"></path></svg>
                    </div>
                    <div class="rk-mat-item-title">
                        <h3>Rozdzielacz z rotametrami</h3>
                        <span>Stal nierdzewna | 8-13 sekcji</span>
                    </div>
                </div>
                <p>Sercem układu jest rozdzielacz wykonany z trwałej stali nierdzewnej, wyposażony w zawory odcinające oraz przepływomierze magnetyczne (rotametry) o optymalnym zakresie regulacji 0,5 &#8211; 5,0 l/min.</p>
                <p>Dla powierzchni 100 m² wymaga się zastosowania belek od 8 sekcji (przy rozstawie 15 cm) do nawet 13 sekcji (przy układzie gęstym). <a href="https://projekt-ogrzewania.pl/rozdzielacz-do-ogrzewania-podlogowego-mosiezny-czy-ze-stali-nierdzewnej/">Zobacz dlaczego stal nierdzewna wypiera mosiądz</a>.</p>
                <div class="rk-mat-price-tag">Koszt uśredniony: 1 400 PLN</div>
            </div>

            <div class="rk-mat-item">
                <div class="rk-mat-item-header">
                    <div class="rk-mat-icon">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><path d="M9 14v4"></path><path d="M15 14v4"></path></svg>
                    </div>
                    <div class="rk-mat-item-title">
                        <h3>Szafka podtynkowa</h3>
                        <span>Blacha ocynkowana / malowana</span>
                    </div>
                </div>
                <p>Estetyczna szafka montowana w wykutej wnęce ściany. Skutecznie chroni podzespoły hydrauliczne przed uszkodzeniami mechanicznymi i ułatwia podejście rurociągów tranzytowych do belek rozdzielacza.</p>
                <div class="rk-mat-price-tag">Koszt szafki: 400 PLN</div>
            </div>

        </div>

        <div class="rk-mat-summary">
            <h3 class="rk-mat-summary-title">Kalkulator Kosztorysu</h3>
            
            <div class="rk-mat-toggle-box">
                <div class="rk-mat-toggle-btn active" data-val="15">Rozstaw 15 cm</div>
                <div class="rk-mat-toggle-btn" data-val="10">Rozstaw 10 cm</div>
            </div>

            <div class="rk-mat-calc-row">
                <span class="rk-mat-calc-label">Zapotrzebowanie rury:</span>
                <span class="rk-mat-calc-value rk-val-dynamic" id="calcPipeLength">~770 m.b.</span>
            </div>
            
            <div class="rk-mat-calc-row">
                <span class="rk-mat-calc-label">Koszt rurociągu:</span>
                <span class="rk-mat-calc-value rk-val-dynamic" id="calcPipePrice">3 000 PLN</span>
            </div>

            <div class="rk-mat-calc-row">
                <span class="rk-mat-calc-label">Rozdzielacz + Szafka:</span>
                <span class="rk-mat-calc-value">1 800 PLN</span>
            </div>

            <div class="rk-mat-calc-row">
                <span class="rk-mat-calc-label">Projekt techniczny (OZC):</span>
                <span class="rk-mat-calc-value" style="color: var(--rk-mat-teal);">
                    <span class="rk-val-strike">450 PLN</span> 0 PLN
                </span>
            </div>

            <div class="rk-mat-total-box">
                <div class="rk-mat-total-label">Suma (Materiały Systemowe)</div>
                <div class="rk-mat-total-value rk-val-dynamic" id="calcTotal">5 250 PLN</div>
                <div class="rk-mat-total-desc">Ceny brutto szacunkowe na rok 2026. <br>Projekt OZC w 100% zwracany w formie rabatu na rury.</div>
            </div>

            <a href="https://projekt-ogrzewania.pl/produkt/projekt-instalacji-ogrzewania-podlogowego-podlogowki/" class="rk-mat-cta-btn">
                ZAMÓW PROJEKT PODŁOGÓWKI
            </a>
        </div>

    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const btns = document.querySelectorAll('.rk-mat-toggle-btn');
    
    // Pola do aktualizacji
    const descPipePrice = document.getElementById('descPipePrice');
    const calcPipeLength = document.getElementById('calcPipeLength');
    const calcPipePrice = document.getElementById('calcPipePrice');
    const calcTotal = document.getElementById('calcTotal');
    const dynamicVals = document.querySelectorAll('.rk-val-dynamic');

    const data = {
        '15': {
            descText: 'Koszt rur: 3 000 PLN',
            pipeLength: '~770 m.b.',
            pipePrice: '3 000 PLN',
            total: '5 250 PLN'
        },
        '10': {
            descText: 'Koszt rur: 4 500 PLN',
            pipeLength: '~1 150 m.b.',
            pipePrice: '4 500 PLN',
            total: '6 750 PLN'
        }
    };

    btns.forEach(btn => {
        btn.addEventListener('click', function() {
            // Zdejmij active
            btns.forEach(b => b.classList.remove('active'));
            // Dodaj active
            this.classList.add('active');

            const val = this.getAttribute('data-val');
            const d = data[val];

            // Animacja zanikania
            dynamicVals.forEach(el => el.style.opacity = '0');
            descPipePrice.style.opacity = '0';

            setTimeout(() => {
                descPipePrice.innerText = d.descText;
                calcPipeLength.innerText = d.pipeLength;
                calcPipePrice.innerText = d.pipePrice;
                calcTotal.innerText = d.total;

                // Powrót widoczności
                dynamicVals.forEach(el => el.style.opacity = '1');
                descPipePrice.style.opacity = '1';
            }, 200);
        });
    });
});
</script>



<style>
:root {
    --rk-labor-dark: #0f172a;
    --rk-labor-primary: #2563eb;
    --rk-labor-primary-light: #eff6ff;
    --rk-labor-cyan: #06b6d4;
    --rk-labor-cyan-light: #ecfeff;
    --rk-labor-gray: #475569;
    --rk-labor-border: #e2e8f0;
    --rk-labor-bg: #ffffff;
}

.rk-labor-widget {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-labor-bg);
    border-radius: 24px;
    box-shadow: 0 25px 50px -12px rgba(37, 99, 235, 0.1);
    border: 1px solid #bfdbfe;
    overflow: hidden;
}

/* Nagłówek i SEO */
.rk-labor-header {
    padding: 40px 50px 30px;
    background: linear-gradient(135deg, var(--rk-labor-dark) 0%, #1e293b 100%);
    color: #ffffff;
    text-align: center;
}

.rk-labor-header h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.35;
}

.rk-labor-header p {
    font-size: 16px;
    color: #94a3b8;
    margin: 0 auto;
    max-width: 750px;
    line-height: 1.6;
}

/* Statystyki - Koszty Robocizny */
.rk-labor-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 50px;
    margin-top: -25px;
    position: relative;
    z-index: 10;
}

.rk-labor-stat-card {
    background: var(--rk-labor-bg);
    border: 1px solid var(--rk-labor-border);
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: transform 0.3s, border-color 0.3s;
}

.rk-labor-stat-card:hover {
    transform: translateY(-5px);
    border-color: var(--rk-labor-primary);
}

.rk-labor-icon-box {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: var(--rk-labor-primary-light);
    color: var(--rk-labor-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rk-labor-stat-content h4 {
    font-size: 13px;
    color: var(--rk-labor-gray);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 5px 0;
    font-weight: 700;
}

.rk-labor-stat-content .rk-val {
    font-size: 24px;
    font-weight: 900;
    color: var(--rk-labor-dark);
}

/* Interaktywny Harmonogram (Akordeon SEO) */
.rk-labor-process {
    padding: 40px 50px;
}

.rk-labor-process-title {
    font-size: 20px;
    font-weight: 800;
    color: var(--rk-labor-dark);
    margin: 0 0 25px 0;
    text-align: center;
}

.rk-accordion-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rk-acc-item {
    background: #f8fafc;
    border: 1px solid var(--rk-labor-border);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.rk-acc-item.active {
    background: #ffffff;
    border-color: var(--rk-labor-primary);
    box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.1);
}

.rk-acc-header {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 25px;
    cursor: pointer;
    user-select: none;
}

.rk-acc-num {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--rk-labor-border);
    color: var(--rk-labor-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 900;
    flex-shrink: 0;
    transition: all 0.3s;
}

.rk-acc-item.active .rk-acc-num {
    background: var(--rk-labor-primary);
    color: #ffffff;
}

.rk-acc-title {
    flex-grow: 1;
    font-size: 17px;
    font-weight: 800;
    color: var(--rk-labor-dark);
    margin: 0;
    transition: color 0.3s;
}

.rk-acc-item.active .rk-acc-title {
    color: var(--rk-labor-primary);
}

.rk-acc-chevron {
    color: var(--rk-labor-primary);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.rk-acc-item.active .rk-acc-chevron {
    transform: rotate(180deg);
}

.rk-acc-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.rk-acc-content-inner {
    padding: 0 25px 25px 81px; /* Wyśrodkowane pod tekstem, omija numerek */
}

.rk-acc-content-inner p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--rk-labor-gray);
    margin: 0 0 15px 0;
}

.rk-acc-content-inner p:last-child {
    margin: 0;
}

.rk-acc-content-inner a {
    color: var(--rk-labor-primary);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.3s;
}

.rk-acc-content-inner a:hover {
    color: #1d4ed8;
}

.rk-seo-tag-box {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

.rk-seo-pill {
    background: var(--rk-labor-cyan-light);
    color: var(--rk-labor-cyan);
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
}

/* RWD */
@media (max-width: 768px) {
    .rk-labor-header, .rk-labor-process { padding: 30px 20px; }
    .rk-labor-stats { grid-template-columns: 1fr; padding: 0 20px; margin-top: -20px; }
    .rk-acc-header { padding: 15px; gap: 15px; }
    .rk-acc-content-inner { padding: 0 15px 20px 15px; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-robocizna",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Jaki jest koszt robocizny ogrzewania podłogowego 100 m² u profesjonalnego instalatora?",
    "description": "Dokładne zestawienie kosztów robocizny ogrzewania podłogowego krok po kroku. Cena montażu rozdzielacza, układania rur, izolacji oraz próby szczelności.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2026-06-07",
    "dateModified": "2026-06-07"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-robocizna",
    "name": "Szczegółowy cennik robocizny instalatora ogrzewania podłogowego 2026",
    "description": "Baza danych wycenowych obejmująca stawkę ryczałtową za ułożenie podłogówki oraz szczegółowy zakres prac wchodzących w cenę za m2.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "koszt robocizny ogrzewania podłogowego 100 m2",
      "cena za m2 podłogówki robocizna",
      "ile kosztuje montaż rozdzielacza",
      "cena za metr bieżący układania rury",
      "układanie styropianu pod podłogówkę cena robocizny",
      "ile kosztuje próba ciśnieniowa instalacji"
    ],
    "measurementTechnique": "Kalkulacja w oparciu o ryczałt 32,50 PLN/m2, definiująca pełny harmonogram prac instalacyjnych wymaganych przez normę PN-EN 1264-4.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Osadzenie szafki podtynkowej i montaż rozdzielacza",
        "Rozłożenie folii rastrowej i taśmy dylatacyjnej",
        "Montaż rur grzewczych takerem",
        "Przejścia dylatacyjne w rurach ochronnych",
        "Napełnienie instalacji i próba ciśnieniowa"
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-robocizna",
    "name": "Interaktywny Harmonogram Kosztów Instalacji",
    "description": "Rozwijany moduł akordeonowy (Q&A style), pozwalający inwestorowi zweryfikować, jakie konkretnie prace wchodzą w ryczałtową stawkę robocizny instalatora.",
    "applicationCategory": "ReferenceApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires JavaScript and HTML5",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-labor-widget">
    
    <div class="rk-labor-header">
        <h2>Jaki jest koszt robocizny ogrzewania podłogowego 100 m² u profesjonalnego instalatora?</h2>
        <p>Projektowy koszt instalacji na rok 2026 jest zazwyczaj wyliczany ryczałtowo. Pozwala to inwestorowi na precyzyjne zaplanowanie budżetu bez ryzyka ukrytych dopłat za trudniejsze logistycznie dogęszczanie pętli przy oknach.</p>
    </div>

    <div class="rk-labor-stats">
        <div class="rk-labor-stat-card">
            <div class="rk-labor-icon-wrap rk-labor-icon-box">
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
            </div>
            <div class="rk-labor-stat-content">
                <h4>Stawka całkowita (100 m²)</h4>
                <div class="rk-val">3 250 PLN</div>
            </div>
        </div>
        <div class="rk-labor-stat-card">
            <div class="rk-labor-icon-wrap rk-labor-icon-box" style="background: var(--rk-labor-cyan-light); color: #0891b2;">
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
            </div>
            <div class="rk-labor-stat-content">
                <h4>Cena za m² robocizny</h4>
                <div class="rk-val">32,50 PLN/m²</div>
            </div>
        </div>
    </div>

    <div class="rk-labor-process">
        <h3 class="rk-labor-process-title">Co dokładnie obejmuje wycena montażu? (Norma PN-EN 1264-4)</h3>
        
        <div class="rk-accordion-list" id="laborAccordion">
            
            <div class="rk-acc-item active">
                <div class="rk-acc-header">
                    <div class="rk-acc-num">1</div>
                    <h4 class="rk-acc-title">Montaż rozdzielacza i osadzenie szafki</h4>
                    <div class="rk-acc-chevron">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                    </div>
                </div>
                <div class="rk-acc-content" style="max-height: 500px; opacity: 1;">
                    <div class="rk-acc-content-inner">
                        <p>Wycena robocizny musi uwzględniać fizyczne wykucie wnęki w ścianie (w przypadku szafek podtynkowych), stabilne osadzenie obudowy oraz zamontowanie ram blaszanych. Następnie instalator uzbraja <a href="https://projekt-ogrzewania.pl/rozdzielacz-do-ogrzewania-podlogowego-mosiezny-czy-ze-stali-nierdzewnej/">rozdzielacz do podłogówki ze stali nierdzewnej</a>, wyposażając go w zawory spustowe i odpowietrzniki.</p>
                        <p>Wielielu wykonawców dolicza dodatkowe koszty rzędu 250-400 PLN za sam punkt rozdzielacza – w naszej uśrednionej stawce 32,50 PLN/m² ten etap jest już wkalkulowany w cenę całkowitą.</p>
                        <div class="rk-seo-tag-box">
                            <span class="rk-seo-pill"># cena montażu rozdzielacza</span>
                            <span class="rk-seo-pill"># obsadzenie szafki podtynkowej koszt</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="rk-acc-item">
                <div class="rk-acc-header">
                    <div class="rk-acc-num">2</div>
                    <h4 class="rk-acc-title">Ułożenie folii rastrowej i przygotowanie podłoża</h4>
                    <div class="rk-acc-chevron">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                    </div>
                </div>
                <div class="rk-acc-content">
                    <div class="rk-acc-content-inner">
                        <p>Robocizna instalatora instalacji sanitarnych <strong>nie obejmuje</strong> układania płyt styropianowych (EPS/XPS) na chudziaku – to zadanie należy zazwyczaj do ekipy posadzkarskiej lub jest oddzielnie płatne. W cenie instalacji płaszczyznowej zawiera się natomiast rzetelne, szczelne rozłożenie folii z warstwą aluminium i nadrukiem kratki (rastra).</p>
                        <p>Instalator musi dokładnie skleić zakłady folii, aby mleczko cementowe z jastrychu nie przedostało się pomiędzy <a href="https://projekt-ogrzewania.pl/jakie-sa-najlepsze-sposoby-izolacji-pod-ogrzewanie-podlogowe/">izolację termiczną pod podłogówkę</a>.</p>
                        <div class="rk-seo-tag-box">
                            <span class="rk-seo-pill"># układanie styropianu pod podłogówkę cena</span>
                            <span class="rk-seo-pill"># montaż folii aluminiowej robocizna</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="rk-acc-item">
                <div class="rk-acc-header">
                    <div class="rk-acc-num">3</div>
                    <h4 class="rk-acc-title">Montaż rur grzewczych (Tackerowanie)</h4>
                    <div class="rk-acc-chevron">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                    </div>
                </div>
                <div class="rk-acc-content">
                    <div class="rk-acc-content-inner">
                        <p>To najbardziej czasochłonny proces. Płacąc stałą kwotę za metr kwadratowy, nie musisz się martwić o to, <a href="https://projekt-ogrzewania.pl/ile-trwa-montaz-ogrzewania-podlogowego/">ile trwa układanie podłogówki</a> i czy instalator policzy Cię za dodatkowe metry bieżące rury zagęszczanej przy oknach.</p>
                        <p>Rury mocowane są za pomocą spinek wbijanych takerem. Krytycznym elementem, wycenianym w ramach robocizny, jest zachowanie normatywnych promieni gięcia (dla rur 16 mm wynosi on minimum 80 mm). Złamanie rury przez niedoświadczonego montera wymaga zastosowania złączki zaprasowywanej pod posadzką, co jest <a href="https://projekt-ogrzewania.pl/najczestsze-bledy-przy-montazu-ogrzewania-podlogowego-i-jak-ich-uniknac/">jednym z najczęstszych błędów montażowych</a>.</p>
                        <div class="rk-seo-tag-box">
                            <span class="rk-seo-pill"># cena za metr bieżący układania rury</span>
                            <span class="rk-seo-pill"># tackerowanie podłogówki koszt</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="rk-acc-item">
                <div class="rk-acc-header">
                    <div class="rk-acc-num">4</div>
                    <h4 class="rk-acc-title">Izolacja brzegowa i zabezpieczenia w peszlach</h4>
                    <div class="rk-acc-chevron">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                    </div>
                </div>
                <div class="rk-acc-content">
                    <div class="rk-acc-content-inner">
                        <p>Przed rozłożeniem pętli, profesjonalna usługa wymaga przyklejenia piankowej taśmy brzegowej z tzw. &#8222;fartuchem&#8221; na wszystkich ścianach obwodowych i słupach. Zapobiega to pękaniu betonu podczas nagrzewania.</p>
                        <p>Ponadto, każde przejście rury grzewczej przez drzwi lub <a href="https://projekt-ogrzewania.pl/izolacja-brzegowa-i-dylatacje-w-instalacji-ogrzewania-podlogowego/">profil dylatacyjny między pomieszczeniami</a> musi zostać zabezpieczone twardą rurą osłonową (peszlem) o długości minimum 30-40 cm. Brak tego elementu w wycenie wykonawcy to sygnał alarmowy dla inwestora.</p>
                        <div class="rk-seo-tag-box">
                            <span class="rk-seo-pill"># montaż taśmy brzegowej cena</span>
                            <span class="rk-seo-pill"># dylatacje w progach robocizna</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="rk-acc-item">
                <div class="rk-acc-header">
                    <div class="rk-acc-num">5</div>
                    <h4 class="rk-acc-title">Napełnienie zładu i próba ciśnieniowa</h4>
                    <div class="rk-acc-chevron">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                    </div>
                </div>
                <div class="rk-acc-content">
                    <div class="rk-acc-content-inner">
                        <p>Końcowy, najważniejszy etap zamykający temat kosztów wykonawczych. Instalator musi podłączyć wszystkie pętle do rozdzielacza, stosując złączki typu eurokonus, a następnie napełnić sekcje wodą, odpowietrzając układ pętla po pętli.</p>
                        <p>Zwieńczeniem robocizny jest <a href="https://projekt-ogrzewania.pl/proba-szczelnosci-ogrzewania-podlogowego/">wykonanie próby szczelności</a> powietrzem lub wodą (min. 6 barów przez 24 godziny) i wypisanie protokołu, który stanowi gwarancję wykonawczą przed zalaniem rur wylewką.</p>
                        <div class="rk-seo-tag-box">
                            <span class="rk-seo-pill"># ile kosztuje próba ciśnieniowa instalacji</span>
                            <span class="rk-seo-pill"># protokół szczelności podłogówki</span>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const accItems = document.querySelectorAll('#laborAccordion .rk-acc-item');

    accItems.forEach(item => {
        const header = item.querySelector('.rk-acc-header');
        const content = item.querySelector('.rk-acc-content');

        header.addEventListener('click', () => {
            const isActive = item.classList.contains('active');

            // Zwiń wszystkie
            accItems.forEach(acc => {
                acc.classList.remove('active');
                acc.querySelector('.rk-acc-content').style.maxHeight = null;
                acc.querySelector('.rk-acc-content').style.opacity = '0';
            });

            // Rozwiń kliknięty (jeśli nie był aktywny)
            if (!isActive) {
                item.classList.add('active');
                content.style.maxHeight = content.scrollHeight + "px";
                content.style.opacity = '1';
            }
        });
    });
});
</script>



<style>
:root {
    --rk-space-dark: #1e293b;
    --rk-space-primary: #4f46e5;
    --rk-space-primary-light: #e0e7ff;
    --rk-space-secondary: #0ea5e9;
    --rk-space-accent: #f59e0b;
    --rk-space-accent-light: #fef3c7;
    --rk-space-gray: #64748b;
    --rk-space-bg: #ffffff;
    --rk-space-border: #e2e8f0;
}

.rk-space-widget {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-space-bg);
    border-radius: 24px;
    box-shadow: 0 20px 40px -15px rgba(79, 70, 229, 0.15);
    border: 1px solid var(--rk-space-primary-light);
    overflow: hidden;
}

/* Nagłówek i SEO Długi Ogon */
.rk-space-header {
    padding: 40px 50px 30px;
    background: linear-gradient(135deg, var(--rk-space-dark) 0%, #334155 100%);
    color: #ffffff;
    text-align: center;
}

.rk-space-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.rk-space-header p {
    font-size: 16px;
    color: #cbd5e1;
    margin: 0 auto;
    max-width: 750px;
    line-height: 1.6;
}

.rk-seo-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.rk-seo-tag {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    color: #e0f2fe;
    font-weight: 600;
}

/* Interaktywny Kalkulator - Bez grafiki, czyste dane */
.rk-space-interactive {
    padding: 40px 50px;
    background: #f8fafc;
    border-bottom: 1px solid var(--rk-space-border);
}

.rk-space-tabs {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    background: var(--rk-space-bg);
    padding: 10px;
    border-radius: 20px;
    border: 1px solid var(--rk-space-border);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.rk-space-tab {
    flex: 1;
    padding: 18px 24px;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 14px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-space-gray);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 5px;
    min-width: 180px;
}

.rk-space-tab:hover {
    background: var(--rk-space-primary-light);
    color: var(--rk-space-primary);
}

.rk-space-tab.active {
    background: var(--rk-space-primary);
    border-color: var(--rk-space-primary);
    color: #ffffff;
    box-shadow: 0 10px 20px -5px rgba(79, 70, 229, 0.4);
}

.rk-space-tab-sub {
    font-size: 12px;
    font-weight: 600;
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rk-space-tab.active .rk-space-tab-sub { opacity: 0.9; }

/* Dynamiczny panel eksperta (zamiast SVG) */
.rk-dynamic-insight {
    background: var(--rk-space-bg);
    border: 1px dashed var(--rk-space-secondary);
    border-radius: 16px;
    padding: 25px 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: all 0.4s ease;
}

.rk-insight-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #e0f2fe;
    color: var(--rk-space-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rk-insight-content h4 {
    margin: 0 0 8px 0;
    color: var(--rk-space-dark);
    font-size: 16px;
    font-weight: 800;
}

.rk-insight-content p {
    margin: 0;
    color: var(--rk-space-gray);
    font-size: 14px;
    line-height: 1.6;
}

/* Kafelki z danymi */
.rk-space-data-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.rk-space-card {
    background: var(--rk-space-bg);
    border: 1px solid var(--rk-space-border);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.rk-space-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05);
    border-color: var(--rk-space-primary-light);
}

.rk-space-icon-wrap {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: var(--rk-space-primary-light);
    color: var(--rk-space-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rk-space-card-content h4 {
    font-size: 12px;
    color: var(--rk-space-gray);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 5px 0;
    font-weight: 700;
}

.rk-space-card-content .rk-val {
    font-size: 22px;
    font-weight: 900;
    color: var(--rk-space-dark);
    transition: opacity 0.3s ease;
}

.rk-val-highlight { color: var(--rk-space-primary) !important; font-size: 24px !important; }

/* Sekcja Wniosków i CTA */
.rk-space-conclusion {
    padding: 40px 50px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.rk-space-conclusion p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-space-gray);
    margin: 0;
}

.rk-cta-box {
    background: var(--rk-space-accent-light);
    border: 1px solid #fde68a;
    padding: 25px 30px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.rk-cta-text h4 {
    margin: 0 0 5px 0;
    color: #92400e;
    font-size: 18px;
    font-weight: 800;
}

.rk-cta-text p {
    margin: 0;
    color: #b45309;
    font-size: 14px;
}

.rk-cta-btn {
    background: var(--rk-space-accent);
    color: #ffffff;
    padding: 14px 28px;
    border-radius: 12px;
    font-weight: 800;
    text-decoration: none;
    font-size: 15px;
    white-space: nowrap;
    transition: all 0.3s;
    box-shadow: 0 4px 6px rgba(245, 158, 11, 0.2);
}

.rk-cta-btn:hover {
    background: #d97706;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(245, 158, 11, 0.3);
}

/* RWD */
@media (max-width: 768px) {
    .rk-space-header, .rk-space-interactive, .rk-space-conclusion { padding: 30px 20px; }
    .rk-space-tabs { flex-direction: column; gap: 8px; padding: 10px; }
    .rk-space-tab { min-width: 100%; padding: 14px; }
    .rk-space-data-grid { grid-template-columns: 1fr; }
    .rk-dynamic-insight { flex-direction: column; text-align: center; align-items: center; padding: 20px; }
    .rk-cta-box { flex-direction: column; text-align: center; }
    .rk-cta-btn { width: 100%; text-align: center; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-rozstaw-rur",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Ile kosztuje podłogówka na 100 m² w zależności od rozstawu rur i stref brzegowych?",
    "description": "Sprawdź, ile kosztuje instalacja ogrzewania podłogowego na 100 m2. Porównanie zużycia materiałów: rozstaw rur co 10 cm, 15 cm oraz układ mieszany w strefach brzegowych.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2026-06-06",
    "dateModified": "2026-06-06"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-rozstaw",
    "name": "Zestawienie kosztów materiałowych i zużycia rur dla podłogówki 100 m2",
    "description": "Kalkulacja długości pętli, wielkości rozdzielacza i całkowitej ceny podłogówki dla różnych zagęszczeń instalacji wodnej.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "cena materiałów ogrzewania podłogowego 100m2",
      "ile metrów rury na 100m2 podłogówki",
      "koszt rur do podłogówki co 10 cm",
      "rozstaw rur w strefach brzegowych",
      "koszt rozdzielacza do podłogówki 10 sekcji"
    ],
    "measurementTechnique": "Algorytm oparty na przeliczniku L = (A/b)*1.15, uwzględniający naddatki instalacyjne oraz cennik hurtowy komponentów na rok 2026.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Wariant ekonomiczny (15 cm): Zużycie 770 m.b. rury, rozdzielacz 8 sekcji, koszt ok. 8 500 PLN.",
        "Wariant inżynieryjny (mieszany): Zużycie 940 m.b. rury, rozdzielacz 10 sekcji, koszt ok. 9 175 PLN.",
        "Wariant gęsty (10 cm): Zużycie 1150 m.b. rury, rozdzielacz 12 sekcji, koszt ok. 10 000 PLN."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-rozstaw",
    "name": "Interaktywny Asystent Kosztorysu Podłogówki",
    "description": "Moduł dynamicznie przeliczający całkowity koszt instalacji i zużycie komponentów w zależności od wybranego rozstawu rur grzewczych.",
    "applicationCategory": "CalculatorApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires JavaScript and CSS3",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-space-widget">
    
    <div class="rk-space-header">
        <h2>Ile kosztuje podłogówka na 100 m² w zależności od rozstawu rur i stref brzegowych?</h2>
        <p>Zagęszczenie rur to główny czynnik determinujący to, ile wydasz na materiały i osprzęt rozdzielacza. Zgodnie z fizyką budowli, gęstszy rozstaw kompensuje straty ciepła przy dużych oknach i ścianach zewnętrznych.</p>
        
        <div class="rk-seo-tags">
            <span class="rk-seo-tag"># cena materiałów podłogówki 100m2</span>
            <span class="rk-seo-tag"># ile metrów rury</span>
            <span class="rk-seo-tag"># strefy brzegowe</span>
        </div>
    </div>

    <div class="rk-space-interactive">
        
        <div class="rk-space-tabs" id="spaceTabs">
            <div class="rk-space-tab" data-target="state-15">
                Wariant Ekonomiczny
                <span class="rk-space-tab-sub">Całość co 15 cm</span>
            </div>
            <div class="rk-space-tab active" data-target="state-mix">
                Wariant Inżynieryjny
                <span class="rk-space-tab-sub">Rozstaw Mieszany</span>
            </div>
            <div class="rk-space-tab" data-target="state-10">
                Maksymalna Wydajność
                <span class="rk-space-tab-sub">Całość co 10 cm</span>
            </div>
        </div>

        <div class="rk-dynamic-insight" id="insightBox">
            <div class="rk-insight-icon">
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
            </div>
            <div class="rk-insight-content">
                <h4 id="insightTitle">Złoty standard (Strefy co 10 cm / Środek co 15 cm)</h4>
                <p id="insightDesc">Najbardziej opłacalne rozwiązanie. Dogęszczając rury wyłącznie w strefach brzegowych (przy drzwiach tarasowych i ścianach), zapobiegasz ciągowi zimna od okien, nie przepłacając za rury w centrum dobrze izolowanego salonu.</p>
            </div>
        </div>

        <div class="rk-space-data-grid">
            
            <div class="rk-space-card">
                <div class="rk-space-icon-wrap">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242"></path><path d="M12 12v9"></path><path d="m8 17 4 4 4-4"></path></svg>
                </div>
                <div class="rk-space-card-content">
                    <h4>Zużycie / Całkowita Długość Rury</h4>
                    <div class="rk-val" id="valLength">8,2 m.b. / 940 m.b.</div>
                </div>
            </div>

            <div class="rk-space-card">
                <div class="rk-space-icon-wrap">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line><line x1="20" y1="9" x2="23" y2="9"></line><line x1="20" y1="14" x2="23" y2="14"></line><line x1="1" y1="9" x2="4" y2="9"></line><line x1="1" y1="14" x2="4" y2="14"></line></svg>
                </div>
                <div class="rk-space-card-content">
                    <h4>Rozdzielacz / Liczba Pętli</h4>
                    <div class="rk-val" id="valLoops">10 sekcji / 10 obwodów</div>
                </div>
            </div>

            <div class="rk-space-card">
                <div class="rk-space-icon-wrap">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
                </div>
                <div class="rk-space-card-content">
                    <h4>Koszt Materiałów Systemowych</h4>
                    <div class="rk-val" id="valMat">5 925 PLN</div>
                </div>
            </div>

            <div class="rk-space-card" style="border-color: var(--rk-space-primary); background: var(--rk-space-primary-light);">
                <div class="rk-space-icon-wrap" style="background: var(--rk-space-primary); color: #fff;">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="2"></rect><line x1="2" y1="10" x2="22" y2="10"></line></svg>
                </div>
                <div class="rk-space-card-content">
                    <h4 style="color: var(--rk-space-primary);">Koszt z Robocizną (Brutto)</h4>
                    <div class="rk-val rk-val-highlight" id="valTotal">9 175 PLN</div>
                </div>
            </div>

        </div>
    </div>

    <div class="rk-space-conclusion">
        <p>Stosowanie <strong>rozstawu mieszanego</strong> jest w praktyce inżynierskiej najbardziej uzasadnione ekonomicznie i technicznie. Pozwala na optymalne pokrycie strat ciepła tam, gdzie jest to konieczne, bez generowania zbędnych wydatków materiałowych w miejscach o niskim zapotrzebowaniu na energię.</p>
        
        <div class="rk-cta-box">
            <div class="rk-cta-text">
                <h4>Chcesz uniknąć przepłacania za rury?</h4>
                <p>Cena projektu na portalu projekt-ogrzewania.pl (450 PLN) jest w całości zwracana w postaci rabatu (0 PLN) przy zakupie materiałów.</p>
            </div>
            <a href="https://projekt-ogrzewania.pl/produkt/projekt-instalacji-ogrzewania-podlogowego-podlogowki/" class="rk-cta-btn">
                ZAMÓW PROJEKT
            </a>
        </div>
    </div>

</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const tabs = document.querySelectorAll('.rk-space-tab');
    
    // Pola tekstowe w panelu eksperta
    const insightBox = document.getElementById('insightBox');
    const insightTitle = document.getElementById('insightTitle');
    const insightDesc = document.getElementById('insightDesc');

    // Pola danych do podmiany
    const valLength = document.getElementById('valLength');
    const valLoops = document.getElementById('valLoops');
    const valMat = document.getElementById('valMat');
    const valTotal = document.getElementById('valTotal');

    // Baza danych SEO i Długi Ogon dla poszczególnych stanów
    const simData = {
        'state-15': {
            title: 'Wariant ekonomiczny (Rury co 15 cm)',
            desc: 'Najniższy koszt zakupu rur i mniejszy rozdzielacz (zaledwie 8 sekcji na 100 m2). Rozwiązanie odpowiednie dla bardzo dobrze docieplonych domów bez dużych okien. Wymaga jednak zasilania z pompy ciepła o wyższej temperaturze, co minimalnie podnosi rachunki za prąd.',
            length: '6,7 m.b. / 770 m.b.',
            loops: '8 sekcji / 8 obwodów',
            mat: '5 250 PLN',
            total: '8 500 PLN'
        },
        'state-mix': {
            title: 'Złoty standard (Strefy co 10 cm / Środek co 15 cm)',
            desc: 'Najbardziej opłacalne rozwiązanie. Dogęszczając rury wyłącznie w strefach brzegowych (przy drzwiach tarasowych i ścianach), zapobiegasz ciągowi zimna od okien, nie przepłacając za rury w centrum dobrze izolowanego salonu.',
            length: '8,2 m.b. / 940 m.b.',
            loops: '10 sekcji / 10 obwodów',
            mat: '5 925 PLN',
            total: '9 175 PLN'
        },
        'state-10': {
            title: 'Maksymalna wydajność (Całość co 10 cm)',
            desc: 'Najwyższy początkowy koszt instalacji podłogówki ze względu na zużycie aż 10 m.b. rury na m2 i potężny rozdzielacz. Ten wariant to gwarancja pracy pompy ciepła na ultra-niskich temperaturach (np. 30 stopni), co daje ogromne oszczędności eksploatacyjne w skali lat.',
            length: '10,0 m.b. / 1 150 m.b.',
            loops: '12 sekcji / 12 obwodów',
            mat: '6 750 PLN',
            total: '10 000 PLN'
        }
    };

    tabs.forEach(tab => {
        tab.addEventListener('click', function() {
            // Usunięcie klasy active ze wszystkich
            tabs.forEach(t => t.classList.remove('active'));
            // Dodanie do klikniętego
            this.classList.add('active');

            // Pobranie targetu
            const target = this.getAttribute('data-target');
            const dataObj = simData[target];
            
            // Animacja zmiany tekstu i danych
            const valElements = [valLength, valLoops, valMat, valTotal, insightTitle, insightDesc];
            valElements.forEach(el => el.style.opacity = '0');
            
            setTimeout(() => {
                // Update panelu eksperta
                insightTitle.innerText = dataObj.title;
                insightDesc.innerText = dataObj.desc;

                // Update kafelków danych
                valLength.innerText = dataObj.length;
                valLoops.innerText = dataObj.loops;
                valMat.innerText = dataObj.mat;
                valTotal.innerText = dataObj.total;
                
                valElements.forEach(el => el.style.opacity = '1');
            }, 200);
        });
    });
});
</script>



<style>
:root {
    --rk-proj-dark: #0f172a;
    --rk-proj-blue: #0284c7;
    --rk-proj-light-blue: #f0f9ff;
    --rk-proj-accent: #38bdf8;
    --rk-proj-red: #ef4444;
    --rk-proj-red-light: #fef2f2;
    --rk-proj-green: #10b981;
    --rk-proj-gray: #64748b;
    --rk-proj-border: #e2e8f0;
    --rk-proj-bg: #ffffff;
}

.rk-proj-wrapper {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-proj-bg);
    border-radius: 24px;
    box-shadow: 0 20px 40px -10px rgba(2, 132, 199, 0.15);
    border: 1px solid var(--rk-proj-light-blue);
    overflow: hidden;
}

/* Nagłówek */
.rk-proj-header {
    background: linear-gradient(135deg, var(--rk-proj-dark) 0%, #1e293b 100%);
    padding: 40px 50px;
    color: #ffffff;
    text-align: center;
    position: relative;
}

.rk-proj-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
}

.rk-proj-header p {
    font-size: 16px;
    color: #94a3b8;
    margin: 0 auto;
    max-width: 750px;
    line-height: 1.6;
}

/* Interaktywny Panel */
.rk-proj-interactive {
    padding: 40px 50px;
    background: #f8fafc;
    border-bottom: 1px solid var(--rk-proj-border);
}

.rk-proj-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 35px;
    background: #ffffff;
    padding: 15px 30px;
    border-radius: 999px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
    border: 1px solid var(--rk-proj-border);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.rk-proj-label {
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-proj-gray);
    cursor: pointer;
    transition: color 0.3s;
}

.rk-proj-label.state-bad { color: var(--rk-proj-red); }
.rk-proj-label.state-good { color: var(--rk-proj-green); }

/* Switch iOS Style */
.rk-proj-switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 36px;
}
.rk-proj-switch input { opacity: 0; width: 0; height: 0; }
.rk-proj-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: var(--rk-proj-red);
    transition: .4s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 36px;
}
.rk-proj-slider:before {
    position: absolute;
    content: "";
    height: 28px;
    width: 28px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
input:checked + .rk-proj-slider { background-color: var(--rk-proj-green); }
input:checked + .rk-proj-slider:before { transform: translateX(34px); }

/* SVG Wizualizacja */
.rk-proj-visual {
    background: #ffffff;
    border: 1px solid var(--rk-proj-border);
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.4s;
}

.rk-proj-visual.state-bad { border-color: #fca5a5; background: var(--rk-proj-red-light); }
.rk-proj-visual.state-good { border-color: #6ee7b7; background: #ecfdf5; }

.svg-pipe {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.5s ease-in-out;
}

/* Animacje SVG */
.state-bad .svg-pipe-dense { stroke: var(--rk-proj-red); stroke-width: 4; opacity: 1; animation: pipePulse 2s infinite; }
.state-bad .svg-pipe-opt { opacity: 0; }
.state-bad .svg-money-fly { opacity: 1; animation: moneyFly 2s infinite linear; }

.state-good .svg-pipe-opt { stroke: var(--rk-proj-blue); stroke-width: 4; opacity: 1; animation: waterFlow 3s linear infinite; stroke-dasharray: 15 10; }
.state-good .svg-pipe-dense { opacity: 0; }
.state-good .svg-money-fly { opacity: 0; }

@keyframes pipePulse {
    0% { filter: drop-shadow(0 0 2px rgba(239, 68, 68, 0.5)); }
    50% { filter: drop-shadow(0 0 8px rgba(239, 68, 68, 0.9)); stroke-width: 5; }
    100% { filter: drop-shadow(0 0 2px rgba(239, 68, 68, 0.5)); }
}

@keyframes waterFlow {
    from { stroke-dashoffset: 50; }
    to { stroke-dashoffset: 0; }
}

@keyframes moneyFly {
    0% { transform: translateY(0) scale(1); opacity: 1; }
    100% { transform: translateY(-40px) scale(1.5); opacity: 0; }
}

/* Panel Danych (Kafelki zamiast tabeli) */
.rk-proj-data-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0 50px 40px;
    margin-top: -20px;
}

.rk-proj-card {
    background: var(--rk-proj-bg);
    border: 1px solid var(--rk-proj-border);
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.02);
    transition: transform 0.3s;
}

.rk-proj-card:hover {
    transform: translateY(-5px);
    border-color: var(--rk-proj-blue);
}

.rk-proj-card-icon {
    width: 40px; height: 40px;
    border-radius: 10px;
    background: var(--rk-proj-light-blue);
    color: var(--rk-proj-blue);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 15px;
}

.rk-proj-card h3 {
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-proj-gray);
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rk-proj-value {
    font-size: 22px;
    font-weight: 900;
    color: var(--rk-proj-dark);
    margin: 0 0 10px 0;
}

.rk-proj-formula {
    font-size: 13px;
    font-family: 'Courier New', Courier, monospace;
    color: #475569;
    background: #f1f5f9;
    padding: 8px 10px;
    border-radius: 6px;
    word-break: break-all;
    line-height: 1.4;
}

/* Sekcja Tekstowa i Wnioski */
.rk-proj-text-content {
    padding: 0 50px 40px;
    color: var(--rk-proj-gray);
    font-size: 16px;
    line-height: 1.7;
}

.rk-proj-text-content p { margin: 0 0 15px 0; }
.rk-proj-text-content a {
    color: var(--rk-proj-blue);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.rk-proj-alert {
    background: var(--rk-proj-red-light);
    border-left: 4px solid var(--rk-proj-red);
    padding: 20px;
    border-radius: 0 12px 12px 0;
    margin-top: 25px;
}

.rk-proj-alert strong { color: var(--rk-proj-red); font-size: 18px; }

/* Potężne CTA */
.rk-proj-cta-box {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 50px;
    text-align: center;
    border-top: 1px solid var(--rk-proj-border);
}

.rk-proj-cta-title {
    font-size: 24px;
    font-weight: 900;
    color: var(--rk-proj-dark);
    margin: 0 0 15px 0;
}

.rk-proj-btn-mega {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: var(--rk-proj-blue);
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    padding: 22px 45px;
    border-radius: 16px;
    text-decoration: none;
    box-shadow: 0 15px 30px -5px rgba(2, 132, 199, 0.4);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
    margin-top: 20px;
}

.rk-proj-btn-mega:hover {
    transform: translateY(-5px) scale(1.02);
    background: #0369a1;
    box-shadow: 0 20px 40px -5px rgba(2, 132, 199, 0.5);
}

.rk-proj-btn-mega svg { transition: transform 0.3s; }
.rk-proj-btn-mega:hover svg { transform: translateX(6px); }

/* RWD Mobile */
@media (max-width: 768px) {
    .rk-proj-header, .rk-proj-interactive, .rk-proj-data-grid, .rk-proj-text-content, .rk-proj-cta-box {
        padding: 30px 20px;
    }
    .rk-proj-data-grid { grid-template-columns: 1fr; margin-top: 0; }
    .rk-proj-controls { flex-direction: column; padding: 20px; border-radius: 20px; }
    .rk-proj-btn-mega { width: 100%; padding: 18px 20px; font-size: 16px; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-wplyw-projektu",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Jak projekt ogrzewania podłogowego wpływa na cenę ogrzewania podłogowego.",
    "description": "Zobacz, jak precyzyjne obliczenia OZC (PN-EN 12831) chronią Twój budżet przed przewymiarowaniem instalacji grzewczej. Kalkulacje przepływów i zapotrzebowania cieplnego.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2026-06-06",
    "dateModified": "2026-06-06"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-ozc",
    "name": "Kalkulacja Parametrów Hydraulicznych dla 100 m² (OZC vs Brak Projektu)",
    "description": "Zestawienie różnic w obciążeniu cieplnym, przepływie masowym i pojemności wodnej systemu grzewczego przy zastosowaniu normy PN-EN 12831.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "projektowe obciążenie cieplne ozc",
      "norma pn-en 12831",
      "przepływ masowy czynnika grzewczego",
      "pojemność wodna układu podłogówki",
      "koszty przewymiarowania instalacji"
    ],
    "measurementTechnique": "Porównanie zapotrzebowania materiałowego opartego na algorytmach inżynieryjnych (Q = A * q * 1.15) względem układania pętli w maksymalnym zagęszczeniu.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Obciążenie cieplne: 5,75 kW dla 100 m2 (q = 50 W/m2)",
        "Wymagany przepływ czynnika: 0,99 m3/h przy Delta T = 5K",
        "Pojemność zładu wodnego: 129,95 litrów",
        "Strata finansowa bez projektu: Minimum 2000 PLN przepłacone na rurach i mosiądzu."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-ozc",
    "name": "Symulator Opłacalności Projektu OZC",
    "description": "Narzędzie pozwalające przełączać widok między instalacją robioną 'na oko' a zoptymalizowaną hydraulicznie, wizualizujące straty finansowe i techniczne.",
    "applicationCategory": "CalculatorApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires JavaScript and HTML5",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-proj-wrapper">
    <div class="rk-proj-header">
        <h2>Jak projekt ogrzewania podłogowego wpływa na cenę ogrzewania podłogowego.</h2>
        <p>Prawidłowo sporządzony projekt to jedyne narzędzie chroniące inwestora przed katastrofą budżetową. Oparty na <a href="https://projekt-ogrzewania.pl/norma-pn-en-12831-klucz-do-efektywnego-i-komfortowego-ogrzewania-podlogowego/" style="color: #38bdf8;">normie PN-EN 12831</a>, precyzyjnie definiuje rzeczywiste zapotrzebowanie, zamiast opierać się na domysłach &#8222;fachowca&#8221;.</p>
    </div>

    <div class="rk-proj-interactive">
        <div class="rk-proj-controls">
            <span class="rk-proj-label state-bad" id="labelBad">Instalacja &#8222;na oko&#8221;</span>
            <label class="rk-proj-switch">
                <input type="checkbox" id="projectToggle" checked="">
                <span class="rk-proj-slider"></span>
            </label>
            <span class="rk-proj-label state-good" id="labelGood">Zoptymalizowany Projekt (OZC)</span>
        </div>

        <div class="rk-proj-visual state-good" id="visualBox">
            <svg viewBox="0 0 400 200" width="100%" height="200" xmlns="http://www.w3.org/2000/svg">
                <rect x="50" y="20" width="300" height="160" fill="none" stroke="#cbd5e1" stroke-width="4" rx="8"></rect>
                <rect x="40" y="80" width="10" height="40" fill="#cbd5e1"></rect> <path class="svg-pipe svg-pipe-dense" d="M60 40 L340 40 L340 50 L60 50 L60 60 L340 60 L340 70 L60 70 L60 80 L340 80 L340 90 L60 90 L60 100 L340 100 L340 110 L60 110 L60 120 L340 120 L340 130 L60 130 L60 140 L340 140 L340 150 L60 150 L60 160 L340 160"></path>
                
                <path class="svg-pipe svg-pipe-opt" d="M60 40 L340 40 L340 60 L60 60 L60 80 L340 80 L340 100 L60 100 L60 120 L340 120 L340 140 L60 140 L60 160 L340 160"></path>

                <g class="svg-money-fly" fill="#ef4444" font-weight="bold" font-size="18" opacity="0">
                    <text x="180" y="100">-2000 PLN</text>
                    <text x="250" y="60">Przepłacone!</text>
                    <text x="100" y="140">Zbędne rury</text>
                </g>
            </svg>
        </div>
    </div>

    <div class="rk-proj-data-grid">
        <div class="rk-proj-card">
            <div class="rk-proj-card-icon">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
            </div>
            <h3>Projektowe Obciążenie</h3>
            <div class="rk-proj-value" id="valObc">5,75 kW</div>
            <div class="rk-proj-formula">
                Q_obl = 100 m² * 50 W/m² * 1,15 = 5750 W
            </div>
        </div>

        <div class="rk-proj-card">
            <div class="rk-proj-card-icon">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>
            </div>
            <h3>Przepływ czynnika</h3>
            <div class="rk-proj-value" id="valPrze">0,99 m³/h</div>
            <div class="rk-proj-formula">
                m_przepływ = 5750 / (4186 * 5K) = 0,275 kg/s
            </div>
        </div>

        <div class="rk-proj-card">
            <div class="rk-proj-card-icon">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z"></path></svg>
            </div>
            <h3>Pojemność zładu</h3>
            <div class="rk-proj-value" id="valPoj">129,95 litrów</div>
            <div class="rk-proj-formula">
                V_inst = 1150 m.b. * 0,113 l/m.b.
            </div>
        </div>
    </div>

    <div class="rk-proj-text-content">
        <p>Projektant na podstawie struktury przegród określa rzeczywiste zapotrzebowanie na moc grzewczą każdego pomieszczenia, co bezpośrednio determinuje gęstość rozłożenia rur, liczbę pętli, a w konsekwencji – <strong>ostateczną cenę materiałów</strong>.</p>
        <p>Dzięki tym danym, inżynier precyzyjnie dobiera parametry pompy obiegowej oraz nastawy wstępne na rotametrach rozdzielacza. Zrozumienie relacji <a href="https://projekt-ogrzewania.pl/projektowe-obciazenie-cieplne-ozc/">Obliczeń Zapotrzebowania Cieplnego (OZC)</a> a rozstawem rur to klucz do energooszczędności.</p>
        
        <div class="rk-proj-alert" id="alertBox" style="display: none;">
            <strong>Uwaga: Katastrofa finansowa!</strong><br>
            Brak projektu skutkuje zazwyczaj układaniem rur &#8222;na oko&#8221; w maksymalnym zagęszczeniu w całym domu. Dla inwestora oznacza to bezpowrotne przepłacenie minimum <strong>2000 PLN</strong> na samych rurach i większym rozdzielaczu w miejscach, gdzie realne straty ciepła były znikome.
        </div>
    </div>

    <div class="rk-proj-cta-box">
        <h3 class="rk-proj-cta-title">Nie pozwól wykonawcy &#8222;zgadywać&#8221; Twojego budżetu!</h3>
        <p style="color: #64748b; margin-bottom: 20px; font-size: 16px;">
            W domu o powierzchni 100 m² brak projektu ogrzewania podłogowego często oznacza układanie rur „na oko” i przewymiarowanie instalacji. Efekt? Nawet <strong>ponad 2000 zł</strong> niepotrzebnie wydanych na dodatkowe rury i większy rozdzielacz.
        </p>
        <a href="https://projekt-ogrzewania.pl/produkt/projekt-instalacji-ogrzewania-podlogowego-podlogowki/" class="rk-proj-btn-mega">
            ZAMÓW PROFESJONALNY PROJEKT PODŁOGÓWKI
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
        </a>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const toggle = document.getElementById('projectToggle');
    const visualBox = document.getElementById('visualBox');
    const alertBox = document.getElementById('alertBox');
    
    // Zmienne do podmiany tekstów dla efektu WOW
    const valObc = document.getElementById('valObc');
    const valPrze = document.getElementById('valPrze');
    const valPoj = document.getElementById('valPoj');

    function updateState() {
        if(toggle.checked) {
            // Stan: Z PROJEKTEM (DOBRZE)
            visualBox.className = 'rk-proj-visual state-good';
            alertBox.style.display = 'none';
            
            // Wartości zoptymalizowane
            valObc.innerText = '5,75 kW';
            valObc.style.color = 'var(--rk-proj-dark)';
            
            valPrze.innerText = '0,99 m³/h';
            valPrze.style.color = 'var(--rk-proj-dark)';
            
            valPoj.innerText = '129,95 litrów';
            valPoj.style.color = 'var(--rk-proj-dark)';
            
        } else {
            // Stan: BEZ PROJEKTU (ŹLE)
            visualBox.className = 'rk-proj-visual state-bad';
            alertBox.style.display = 'block';
            
            // Wartości przewymiarowane
            valObc.innerText = 'Błąd OZC!';
            valObc.style.color = 'var(--rk-proj-red)';
            
            valPrze.innerText = 'Opory hydrauliczne!';
            valPrze.style.color = 'var(--rk-proj-red)';
            
            valPoj.innerText = 'Ponad 200 litrów!';
            valPoj.style.color = 'var(--rk-proj-red)';
        }
    }

    toggle.addEventListener('change', updateState);
    
    // Inicjalizacja stanu
    updateState();
});
</script>



<style>
:root {
    --rk-hc-dark: #1e293b;
    --rk-hc-blue: #0284c7;
    --rk-hc-light-blue: #e0f2fe;
    --rk-hc-orange: #f97316;
    --rk-hc-orange-light: #ffedd5;
    --rk-hc-gray: #64748b;
    --rk-hc-border: #cbd5e1;
    --rk-hc-bg: #ffffff;
    --rk-hc-bg-alt: #f8fafc;
}

.rk-hc-container {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-hc-bg);
    border-radius: 24px;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.1);
    border: 1px solid var(--rk-hc-border);
    overflow: hidden;
}

/* Sekcja Nagłówkowa */
.rk-hc-header {
    padding: 40px 50px 30px;
    background: var(--rk-hc-dark);
    color: #ffffff;
    text-align: center;
    position: relative;
}

.rk-hc-header h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
}

.rk-hc-header p {
    font-size: 16px;
    color: #94a3b8;
    margin: 0 auto;
    max-width: 750px;
    line-height: 1.6;
}

.rk-hc-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(249, 115, 22, 0.2);
    color: #fdba74;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    border: 1px solid rgba(249, 115, 22, 0.3);
}

/* Interaktywny Skaner Kosztów */
.rk-hc-scanner {
    display: grid;
    grid-template-columns: 350px 1fr;
    background: var(--rk-hc-bg);
}

/* Lista Warstw (Przyciski) */
.rk-hc-layers {
    background: var(--rk-hc-bg-alt);
    padding: 30px;
    border-right: 1px solid var(--rk-hc-border);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rk-hc-layer-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 20px;
    background: var(--rk-hc-bg);
    border: 2px solid var(--rk-hc-border);
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: left;
    position: relative;
    overflow: hidden;
}

.rk-hc-layer-btn:hover {
    border-color: var(--rk-hc-blue);
    transform: translateX(5px);
}

.rk-hc-layer-btn.active {
    background: var(--rk-hc-light-blue);
    border-color: var(--rk-hc-blue);
    box-shadow: 0 10px 15px -3px rgba(2, 132, 199, 0.1);
}

.rk-hc-layer-btn.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: var(--rk-hc-blue);
}

.rk-hc-layer-title {
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-hc-dark);
    margin-bottom: 4px;
}

.rk-hc-layer-cost {
    font-size: 14px;
    color: var(--rk-hc-gray);
    font-weight: 600;
}

.rk-hc-layer-btn.active .rk-hc-layer-title { color: var(--rk-hc-blue); }
.rk-hc-layer-btn.active .rk-hc-layer-cost { color: var(--rk-hc-dark); }

/* Panel Szczegółów (Prawa strona) */
.rk-hc-details {
    padding: 40px;
    position: relative;
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

.rk-hc-detail-view {
    display: none;
    animation: slideFadeIn 0.4s ease forwards;
}

.rk-hc-detail-view.active {
    display: block;
}

@keyframes slideFadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Animacje SVG dla Warstw */
.rk-hc-svg-container {
    width: 100%;
    height: 140px;
    background: var(--rk-hc-bg-alt);
    border-radius: 16px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--rk-hc-border);
}

.rk-svg-layer { transform-origin: center; }

/* Dedykowane animacje */
.anim-float { animation: floatingLayer 3s ease-in-out infinite; }
@keyframes floatingLayer {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.anim-expand { animation: expandDilation 2s infinite alternate; }
@keyframes expandDilation {
    from { transform: scaleX(0.95); }
    to { transform: scaleX(1.05); }
}

.anim-fill { stroke-dasharray: 100; animation: fillScreed 2s forwards ease-out; }
@keyframes fillScreed {
    from { stroke-dashoffset: 100; }
    to { stroke-dashoffset: 0; }
}

.anim-bubbles circle { animation: bubbleRise 2s infinite ease-in; opacity: 0; }
.anim-bubbles circle:nth-child(2) { animation-delay: 0.5s; }
.anim-bubbles circle:nth-child(3) { animation-delay: 1s; }
@keyframes bubbleRise {
    0% { transform: translateY(10px) scale(0.5); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateY(-20px) scale(1.2); opacity: 0; }
}

/* Typografia detali */
.rk-hc-detail-view h3 {
    font-size: 22px;
    font-weight: 800;
    color: var(--rk-hc-dark);
    margin: 0 0 10px 0;
}

.rk-hc-detail-price {
    font-size: 24px;
    font-weight: 900;
    color: var(--rk-hc-orange);
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rk-hc-detail-desc {
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-hc-gray);
    margin: 0 0 20px 0;
}

.rk-hc-tech-box {
    background: #f1f5f9;
    padding: 15px;
    border-radius: 12px;
    border-left: 4px solid var(--rk-hc-blue);
    font-size: 14px;
    font-weight: 600;
    color: var(--rk-hc-dark);
    margin-bottom: 20px;
}

.rk-hc-link-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--rk-hc-blue);
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s;
}

.rk-hc-link-btn:hover {
    color: #0369a1;
    gap: 12px;
}

/* Sumator kosztów */
.rk-hc-total {
    background: var(--rk-hc-dark);
    color: #ffffff;
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--rk-hc-border);
}

.rk-hc-total-label {
    font-size: 18px;
    font-weight: 700;
    color: #cbd5e1;
}

.rk-hc-total-val {
    font-size: 28px;
    font-weight: 900;
    color: var(--rk-hc-orange-light);
}

/* RWD */
@media (max-width: 768px) {
    .rk-hc-scanner { grid-template-columns: 1fr; }
    .rk-hc-header { padding: 30px 20px; }
    .rk-hc-layers { padding: 20px; flex-direction: row; flex-wrap: wrap; }
    .rk-hc-layer-btn { width: calc(50% - 6px); padding: 12px; flex-direction: column; align-items: flex-start; gap: 5px; }
    .rk-hc-details { padding: 25px; min-height: auto; }
    .rk-hc-total { flex-direction: column; gap: 10px; text-align: center; padding: 20px; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-ukryte-koszty",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Jakie są ukryte koszty instalacji podłogówki na 100 m², których nie podają instalatorzy?",
    "description": "Zdemaskowanie ukrytych kosztów towarzyszących przy instalacji wodnego ogrzewania podłogowego. Sprawdź realne ceny styropianu, wylewki, dylatacji i chemii instalacyjnej.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2026-06-06",
    "dateModified": "2026-06-06"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-ukryte-koszty",
    "name": "Zestawienie Ukrytych Kosztów Towarzyszących (Wylewka, Izolacja, Chemia)",
    "description": "Dokładne zestawienie danych kosztowych dla warstw konstrukcyjnych podłogi na gruncie (pow. 100 m²), niezbędnych do prawidłowego działania systemu grzewczego.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "ukryte koszty ogrzewania podłogowego",
      "cena styropianu pod podłogówkę",
      "wylewka anhydrytowa koszt 100m2",
      "woda demineralizowana do układu",
      "dylatacje brzegowe norma"
    ],
    "measurementTechnique": "Szacowanie budżetu w oparciu o aktualne ceny rynkowe (2026 r.) dla komponentów wymaganych przez WT 2021 oraz normę PN-EN 1264.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Izolacja (EPS 100 / XPS): 2500-3500 PLN",
        "Dylatacje brzegowe: 250-400 PLN",
        "Wylewka maszynowa (5 cm nad rurą): 4000-5500 PLN",
        "Uzdatnianie wody (demineralizacja + inhibitor): 300-500 PLN"
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-ukryte-koszty",
    "name": "Skaner Warstw Budżetowych Podłogówki",
    "description": "Interaktywny panel uświadamiający inwestora, symulujący wgląd w przekrój podłogi z przypisanymi realnymi kosztami do każdej z warstw konstrukcyjnych.",
    "applicationCategory": "CalculatorApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3 and JavaScript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-hc-container">
    <div class="rk-hc-header">
        <div class="rk-hc-badge">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
            Strefa Prawdy Inwestycyjnej
        </div>
        <h2>Jakie są ukryte koszty instalacji podłogówki na 100 m², których nie podają instalatorzy?</h2>
        <p>Podawany powszechnie koszt zakupu samych materiałów i robocizny (8 500 &#8211; 10 000 PLN) nie odzwierciedla pełnego nakładu. Kompletne ogrzewanie płaszczyznowe wymaga wykonania warstw konstrukcyjnych i ochrony chemicznej. <strong>Poznaj realne wydatki.</strong></p>
    </div>

    <div class="rk-hc-scanner">
        <div class="rk-hc-layers" id="hcLayersList">
            <button class="rk-hc-layer-btn active" data-target="layer-eps">
                <div>
                    <div class="rk-hc-layer-title">1. Izolacja Termiczna (EPS)</div>
                    <div class="rk-hc-layer-cost">+ 2 500 &#8211; 3 500 PLN</div>
                </div>
            </button>
            <button class="rk-hc-layer-btn" data-target="layer-dyl">
                <div>
                    <div class="rk-hc-layer-title">2. Dylatacje i Profile</div>
                    <div class="rk-hc-layer-cost">+ 250 &#8211; 400 PLN</div>
                </div>
            </button>
            <button class="rk-hc-layer-btn" data-target="layer-wyl">
                <div>
                    <div class="rk-hc-layer-title">3. Wylewka Jastrychowa</div>
                    <div class="rk-hc-layer-cost">+ 4 000 &#8211; 5 500 PLN</div>
                </div>
            </button>
            <button class="rk-hc-layer-btn" data-target="layer-wod">
                <div>
                    <div class="rk-hc-layer-title">4. Uzdatnianie i Chemia</div>
                    <div class="rk-hc-layer-cost">+ 300 &#8211; 500 PLN</div>
                </div>
            </button>
        </div>

        <div class="rk-hc-details">
            
            <div class="rk-hc-detail-view active" id="layer-eps">
                <div class="rk-hc-svg-container">
                    <svg width="120" height="100" viewBox="0 0 100 100" class="anim-float">
                        <rect x="10" y="40" width="80" height="30" fill="#cbd5e1" rx="4"/>
                        <circle cx="20" cy="55" r="3" fill="#ffffff" opacity="0.5"/>
                        <circle cx="40" cy="45" r="4" fill="#ffffff" opacity="0.5"/>
                        <circle cx="60" cy="60" r="2" fill="#ffffff" opacity="0.5"/>
                        <circle cx="80" cy="50" r="5" fill="#ffffff" opacity="0.5"/>
                        <path d="M10 30 L90 30" stroke="#0ea5e9" stroke-width="3" stroke-dasharray="5 5"/>
                    </svg>
                </div>
                <h3>Styropian EPS 100 / XPS</h3>
                <div class="rk-hc-detail-price">2 500 &#8211; 3 500 PLN</div>
                <p class="rk-hc-detail-desc">Ogrzewanie ziemi pod domem to wyrzucanie pieniędzy. Aby spełnić wymagania Warunków Technicznych (WT 2021), potrzebujesz odpowiedniej warstwy izolatora.</p>
                <div class="rk-hc-tech-box">
                    Współczynnik przenikania ciepła podłogi na gruncie U nie może przekraczać 0,3 W/(m²·K), co w praktyce wymaga ułożenia minimum 15 cm styropianu podłogowego.
                </div>
                <a href="https://projekt-ogrzewania.pl/ile-styropianu-pod-ogrzewanie-podlogowe/" class="rk-hc-link-btn">
                    Czytaj poradnik o doborze styropianu
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                </a>
            </div>

            <div class="rk-hc-detail-view" id="layer-dyl">
                <div class="rk-hc-svg-container">
                    <svg width="120" height="100" viewBox="0 0 100 100">
                        <rect x="20" y="20" width="25" height="60" fill="#f1f5f9" stroke="#94a3b8" stroke-width="2"/>
                        <rect x="55" y="20" width="25" height="60" fill="#f1f5f9" stroke="#94a3b8" stroke-width="2"/>
                        <rect class="anim-expand" x="46" y="20" width="8" height="60" fill="#38bdf8"/>
                    </svg>
                </div>
                <h3>Taśma dylatacyjna i profile</h3>
                <div class="rk-hc-detail-price">250 &#8211; 400 PLN</div>
                <p class="rk-hc-detail-desc">Beton pod wpływem ciepła pracuje. Brak dylatacji to gwarancja popękanych płytek i zniszczonych paneli na całej powierzchni 100 m².</p>
                <div class="rk-hc-tech-box">
                    Zgodnie z normą PN-EN 1264-4, konieczne jest odcięcie płyty grzewczej od ścian taśmą z pianki PE o grubości min. 8 mm oraz wykonanie dylatacji przejściowych w polach powyżej 40 m².
                </div>
                <a href="https://projekt-ogrzewania.pl/izolacja-brzegowa-i-dylatacje-w-instalacji-ogrzewania-podlogowego/" class="rk-hc-link-btn">
                    Zasady wykonywania dylatacji
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                </a>
            </div>

            <div class="rk-hc-detail-view" id="layer-wyl">
                <div class="rk-hc-svg-container">
                    <svg width="120" height="100" viewBox="0 0 100 100">
                        <path class="anim-fill" d="M10 80 V40 Q50 30 90 40 V80 Z" fill="#e2e8f0" stroke="#94a3b8" stroke-width="2"/>
                        <circle cx="30" cy="60" r="6" fill="#ef4444" stroke="#ffffff" stroke-width="2"/>
                        <circle cx="50" cy="60" r="6" fill="#ef4444" stroke="#ffffff" stroke-width="2"/>
                        <circle cx="70" cy="60" r="6" fill="#ef4444" stroke="#ffffff" stroke-width="2"/>
                    </svg>
                </div>
                <h3>Wylewka Jastrychowa</h3>
                <div class="rk-hc-detail-price">4 000 &#8211; 5 500 PLN</div>
                <p class="rk-hc-detail-desc">Instalacja rur musi zostać zatopiona w specjalnym jastrychu (anhydrytowym lub cementowym z plastyfikatorem), który staje się wielkim akumulatorem ciepła.</p>
                <div class="rk-hc-tech-box">
                    Wymagane wykonanie maszynowe wylewki o optymalnej grubości około 5 cm nad rurą, co daje łączną grubość płyty grzewczej na poziomie ok. 6,5 cm.
                </div>
                <a href="https://projekt-ogrzewania.pl/wylewka-na-ogrzewanie-podlogowe-kompletny-przewodnik/" class="rk-hc-link-btn">
                    Kompletny przewodnik po wylewkach
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                </a>
            </div>

            <div class="rk-hc-detail-view" id="layer-wod">
                <div class="rk-hc-svg-container">
                    <svg width="120" height="100" viewBox="0 0 100 100">
                        <path d="M30 20 L30 80 L70 80 L70 20" fill="none" stroke="#64748b" stroke-width="4" stroke-linecap="round"/>
                        <path d="M32 80 V50 Q50 45 68 50 V80 Z" fill="#38bdf8" opacity="0.3"/>
                        <g class="anim-bubbles" fill="#0284c7">
                            <circle cx="40" cy="70" r="3"/>
                            <circle cx="50" cy="65" r="2"/>
                            <circle cx="60" cy="75" r="4"/>
                        </g>
                    </svg>
                </div>
                <h3>Woda demineralizowana i chemia</h3>
                <div class="rk-hc-detail-price">300 &#8211; 500 PLN</div>
                <p class="rk-hc-detail-desc">Zalanie instalacji wodą prosto z węża to cichy zabójca Twojej pompy ciepła i rozdzielacza. Osadzający się kamień drastycznie obniża wydajność układu.</p>
                <div class="rk-hc-tech-box">
                    Należy napełnić zład czystą wodą pozbawioną minerałów wraz z obligatoryjną aplikacją inhibitora korozji w celu ochrony wewnętrznych podzespołów instalacji.
                </div>
                <a href="https://projekt-ogrzewania.pl/woda-demineralizowana-z-inhibitorem-korozji-do-ogrzewania-podlogowego/" class="rk-hc-link-btn">
                    Dlaczego chemia instalacyjna to mus?
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                </a>
            </div>

        </div>
    </div>

    <div class="rk-hc-total">
        <div class="rk-hc-total-label">Suma dodatkowych, realnych kosztów (100 m²)</div>
        <div class="rk-hc-total-val">od 7 050 do 9 900 PLN</div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const layerBtns = document.querySelectorAll('.rk-hc-layer-btn');
    const layerViews = document.querySelectorAll('.rk-hc-detail-view');

    layerBtns.forEach(btn => {
        btn.addEventListener('click', function() {
            // Usuń active ze wszystkich przycisków
            layerBtns.forEach(b => b.classList.remove('active'));
            // Dodaj active do klikniętego
            this.classList.add('active');

            // Pobierz target
            const targetId = this.getAttribute('data-target');

            // Ukryj wszystkie widoki i pokaż docelowy
            layerViews.forEach(view => {
                view.classList.remove('active');
                if (view.id === targetId) {
                    view.classList.add('active');
                }
            });
        });
    });
});
</script>



<style>
:root {
    --rk-case-dark: #0f172a;
    --rk-case-primary: #6366f1; /* Indigo - symbolizuje innowację/rozwiązanie */
    --rk-case-primary-light: #e0e7ff;
    --rk-case-danger: #ef4444;
    --rk-case-danger-light: #fee2e2;
    --rk-case-success: #10b981;
    --rk-case-gray: #64748b;
    --rk-case-border: #e2e8f0;
    --rk-case-bg: #ffffff;
}

.rk-case-widget {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-case-bg);
    border-radius: 24px;
    box-shadow: 0 25px 50px -12px rgba(99, 102, 241, 0.15);
    border: 1px solid #c7d2fe;
    overflow: hidden;
}

/* Nagłówek i Długi Ogon SEO */
.rk-case-header {
    padding: 40px 50px 30px;
    background: linear-gradient(135deg, var(--rk-case-dark) 0%, #1e1b4b 100%);
    color: #ffffff;
    text-align: center;
    position: relative;
}

.rk-case-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    border: 1px solid rgba(99, 102, 241, 0.3);
}

.rk-case-header h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.35;
    color: #ffffff;
}

.rk-case-header p {
    font-size: 16px;
    color: #cbd5e1;
    margin: 0 auto;
    max-width: 750px;
    line-height: 1.6;
}

.rk-case-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.rk-case-tag {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    color: #e0e7ff;
    font-weight: 600;
}

/* Sekcja Story (Opis sytuacji) */
.rk-case-story {
    padding: 35px 50px 30px;
    background: #f8fafc;
    border-bottom: 1px solid var(--rk-case-border);
}

.rk-case-story p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--rk-case-gray);
    margin: 0 0 15px 0;
}

.rk-case-story p:last-child {
    margin-bottom: 0;
}

.rk-case-story a {
    color: var(--rk-case-primary);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.3s;
}

.rk-case-story a:hover {
    color: #4338ca;
}

/* Interaktywny Panel */
.rk-case-interactive {
    padding: 40px 50px;
}

.rk-case-toggle-box {
    display: flex;
    background: var(--rk-case-bg);
    border: 2px solid var(--rk-case-border);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 35px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.rk-case-toggle-btn {
    flex: 1;
    padding: 16px 20px;
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-case-gray);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.rk-case-toggle-sub {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.7;
}

.rk-case-toggle-btn.active[data-view="bad"] {
    background: var(--rk-case-danger);
    color: #ffffff;
    border-color: var(--rk-case-danger);
}

.rk-case-toggle-btn.active[data-view="good"] {
    background: var(--rk-case-primary);
    color: #ffffff;
    border-color: var(--rk-case-primary);
}

/* Kafelki z Kosztami */
.rk-case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.rk-case-card {
    background: #f8fafc;
    border: 1px solid var(--rk-case-border);
    border-radius: 16px;
    padding: 25px 20px;
    text-align: center;
    transition: all 0.3s, border-color 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rk-case-card h4 {
    font-size: 12px;
    color: var(--rk-case-gray);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 10px 0;
    font-weight: 700;
}

.rk-case-val {
    font-size: 26px;
    font-weight: 900;
    color: var(--rk-case-dark);
    margin: 0 0 8px 0;
    transition: opacity 0.3s, color 0.3s;
}

.rk-case-desc {
    font-size: 13px;
    color: var(--rk-case-gray);
    margin: 0;
    line-height: 1.4;
    transition: opacity 0.3s;
}

/* Zmiana borderów w zależności od stanu */
.view-bad .rk-case-card { border-color: var(--rk-case-danger-light); }
.view-good .rk-case-card { border-color: var(--rk-case-primary-light); }

/* Zawsze widoczny, dynamiczny panel wyniku */
.rk-case-result {
    padding: 25px 30px;
    border-radius: 16px;
    text-align: center;
    margin-top: 30px;
    color: #ffffff;
    transition: all 0.5s ease;
}

.view-bad .rk-case-result {
    background: linear-gradient(135deg, var(--rk-case-danger) 0%, #dc2626 100%);
    box-shadow: 0 10px 20px -5px rgba(239, 68, 68, 0.3);
}

.view-good .rk-case-result {
    background: linear-gradient(135deg, var(--rk-case-success) 0%, #059669 100%);
    box-shadow: 0 10px 20px -5px rgba(16, 185, 129, 0.3);
}

.rk-case-result h3 { 
    margin: 0 0 8px 0; 
    font-size: 22px; 
    font-weight: 900; 
    transition: opacity 0.3s;
}

.rk-case-result p { 
    margin: 0; 
    font-size: 15px; 
    opacity: 0.95; 
    line-height: 1.6;
    transition: opacity 0.3s;
}

.rk-case-result a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* RWD */
@media (max-width: 768px) {
    .rk-case-header, .rk-case-story, .rk-case-interactive { padding: 30px 20px; }
    .rk-case-toggle-box { flex-direction: column; border-radius: 12px; }
    .rk-case-grid { grid-template-columns: 1fr; gap: 15px; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-casestudy",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Case Study: Jak Pan Antoni z Olsztyna zaoszczędził 8 500 PLN na podłogówce?",
    "description": "Praktyczne studium przypadku inwestora. Porównanie ślepej wyceny hydraulika (rury układane na oko) z optymalizacją na podstawie projektu OZC i samodzielnym montażem.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2025-12-29",
    "dateModified": "2026-06-07"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-casestudy",
    "name": "Analiza porównawcza kosztów instalacji ogrzewania podłogowego - Case Study Olsztyn",
    "description": "Baza danych finansowych prezentująca różnicę w kosztach pomiędzy ryczałtową wyceną instalatora a modelem opartym o projekt OZC i montaż systemem gospodarczym.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "wycena hydraulika podłogówka",
      "samodzielny montaż podłogówki koszt",
      "ile rury na 150m2 ogrzewania podłogowego",
      "optymalizacja kosztów ogrzewania OZC",
      "czy warto samemu układać podłogówkę"
    ],
    "measurementTechnique": "Zestawienie rzeczywistej wyceny ofertowej z kwietnia 2025 (dom 150 m2) ze zweryfikowanym kosztorysem opartym na normie PN-EN 12831.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Koszt przed optymalizacją (Hydraulik na oko): Rury 8775 PLN + Robocizna 5250 PLN = 14025 PLN",
        "Koszt po optymalizacji (OZC + DIY): Rury 4972 PLN + Robocizna 0 PLN + Projekt 450 PLN = 5422 PLN",
        "Zysk netto inwestora: 8603 PLN"
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-casestudy",
    "name": "Symulator Oszczędności Inwestora (Case Study)",
    "description": "Interaktywny panel edukacyjny demonstrujący mechanizm powstawania ukrytych marż wykonawczych oraz redukcji kosztów poprzez samodzielny montaż w oparciu o projekt techniczny.",
    "applicationCategory": "BusinessApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires JavaScript and HTML5",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-case-widget">
    
    <div class="rk-case-header">
        <div class="rk-case-badge">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line></svg>
            Case Study: Prawdziwa Historia
        </div>
        <h2>Jak Pan Antoni z Olsztyna zaoszczędził ponad 8 500 PLN na podłogówce?</h2>
        <p>Zobacz, dlaczego ślepa wiara w wyceny instalatorów bez weryfikacji inżynierskiej może zrujnować Twój budżet budowlany. Poniżej analiza rzeczywistego przypadku z kwietnia 2025 roku (Dom 150 m²).</p>
        
        <div class="rk-case-tags">
            <span class="rk-case-tag"># wycena hydraulika podłogówka</span>
            <span class="rk-case-tag"># samodzielny montaż podłogówki koszt</span>
            <span class="rk-case-tag"># optymalizacja kosztów OZC</span>
        </div>
    </div>

    <div class="rk-case-story">
        <p>W kwietniu 2025 roku zwrócił się do mnie Pan Antoni z okolic Olsztyna, budujący dom o powierzchni 150 m² systemem gospodarczym. Otrzymał od lokalnego instalatora ofertę, w której widniała tylko jedna główna pozycja: <strong>&#8222;Materiały do ułożenia: 2250 metrów rury&#8221;</strong> (co daje 15 m.b. rury na każdy m², czyli układanie wszędzie zagęszczenia co 6-7 cm). Brak wyliczeń z programu, brak normatywów, wycena zrobiona &#8222;na oko&#8221;.</p>
        <p>Zaproponowałem weryfikację. Wykonaliśmy profesjonalne obliczenia strat ciepła OZC, które udowodniły drastyczne przewymiarowanie hydrauliczne układu. Równocześnie zachęciłem Pana Antoniego do zastanowienia się, <a href="https://projekt-ogrzewania.pl/instalacja-ogrzewania-podlogowego-czy-warto-robic-to-samemu/">czy instalację ogrzewania podłogowego warto robić samemu</a> mając na tacy gotowe wytyczne z projektu. Co się stało potem? Sprawdź wyniki poniżej.</p>
    </div>

    <div class="rk-case-interactive view-bad" id="csInteractive">
        
        <div class="rk-case-toggle-box">
            <div class="rk-case-toggle-btn active" data-view="bad">
                Oferta Hydraulika
                <span class="rk-case-toggle-sub">Brak projektu, montaż płatny</span>
            </div>
            <div class="rk-case-toggle-btn" data-view="good">
                Rozwiązanie Projekt-Ogrzewania.pl
                <span class="rk-case-toggle-sub">OZC + Samodzielny Montaż</span>
            </div>
        </div>

        <div class="rk-case-grid">
            <div class="rk-case-card">
                <h4>Koszt Rur i Rozdzielaczy</h4>
                <div class="rk-case-val" id="csValMats">8 775 PLN</div>
                <p class="rk-case-desc" id="csDescMats">2250 m rury (przewymiarowane)</p>
            </div>
            <div class="rk-case-card">
                <h4>Koszt Robocizny</h4>
                <div class="rk-case-val" id="csValLabor" style="color: var(--rk-case-danger);">5 250 PLN</div>
                <p class="rk-case-desc" id="csDescLabor">Stawka zewnętrznej ekipy</p>
            </div>
            <div class="rk-case-card" style="background: #ffffff;">
                <h4>Całkowity Budżet</h4>
                <div class="rk-case-val" id="csValTotal">14 025 PLN</div>
                <p class="rk-case-desc" id="csDescTotal">Bez dokumentacji technicznej</p>
            </div>
        </div>

        <div class="rk-case-result" id="csResultBox">
            <h3 id="csResultTitle">Ukryta strata inwestora: &#8211; 8 603 PLN</h3>
            <p id="csResultDesc">Akceptacja wyceny &#8222;z sufitu&#8221; (bez rzetelnego OZC) sprawia, że inwestor bezpowrotnie przepłaca za zbędne metry rury, gigantyczny rozdzielacz i robociznę obcej ekipy, jednocześnie dławiąc układ hydrauliczny.</p>
        </div>

    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const btns = document.querySelectorAll('.rk-case-toggle-btn');
    const interactiveBox = document.getElementById('csInteractive');
    
    // Zaktualizowane, w pełni unikalne ID
    const valMats = document.getElementById('csValMats');
    const descMats = document.getElementById('csDescMats');
    
    const valLabor = document.getElementById('csValLabor');
    const descLabor = document.getElementById('csDescLabor');
    
    const valTotal = document.getElementById('csValTotal');
    const descTotal = document.getElementById('csDescTotal');
    
    const resTitle = document.getElementById('csResultTitle');
    const resDesc = document.getElementById('csResultDesc');

    const data = {
        'bad': {
            mats: '8 775 PLN',
            descMats: '2250 m rury (przewymiarowane)',
            labor: '5 250 PLN',
            laborColor: 'var(--rk-case-danger)',
            descLabor: 'Stawka zewnętrznej ekipy (35 zł/m²)',
            total: '14 025 PLN',
            descTotal: 'Bez dokumentacji technicznej',
            resTitle: 'Ukryta strata inwestora: -8 603 PLN',
            resDesc: 'Akceptacja wyceny "z sufitu" (bez rzetelnego OZC) sprawia, że inwestor bezpowrotnie przepłaca za zbędne metry rury, gigantyczny rozdzielacz i robociznę obcej ekipy, jednocześnie dławiąc układ hydrauliczny.'
        },
        'good': {
            mats: '4 972 PLN',
            descMats: '1275 m rury (zoptymalizowane OZC)',
            labor: '0 PLN',
            laborColor: 'var(--rk-case-success)',
            descLabor: 'Samodzielny montaż inwestora (DIY)',
            total: '5 422 PLN',
            descTotal: 'W tym 450 PLN za projekt OZC',
            resTitle: 'Zysk netto inwestora: 8 603 PLN!',
            resDesc: 'Omijając błędy instalatorskie (<a href="https://projekt-ogrzewania.pl/samodzielny-montaz-ogrzewania-podlogowego-5-bledow-ktorych-nie-naprawisz-po-wylewce/">sprawdź 5 pułapek</a>) i wykonując pracę samodzielnie na bazie jasnego schematu inżynierskiego, Pan Antoni zachował w kieszeni potężną kwotę.'
        }
    };

    btns.forEach(btn => {
        btn.addEventListener('click', function() {
            // Zmiana przycisków
            btns.forEach(b => b.classList.remove('active'));
            this.classList.add('active');

            const view = this.getAttribute('data-view');
            interactiveBox.className = 'rk-case-interactive view-' + view;

            // Fade-out danych
            const els = [valMats, descMats, valLabor, descLabor, valTotal, descTotal, resTitle, resDesc];
            els.forEach(el => el.style.opacity = '0');

            setTimeout(() => {
                const d = data[view];
                
                valMats.innerHTML = d.mats;
                descMats.innerHTML = d.descMats;
                
                valLabor.innerHTML = d.labor;
                valLabor.style.color = d.laborColor;
                descLabor.innerHTML = d.descLabor;
                
                valTotal.innerHTML = d.total;
                descTotal.innerHTML = d.descTotal;
                
                resTitle.innerHTML = d.resTitle;
                resDesc.innerHTML = d.resDesc;
                
                // Fade-in danych
                els.forEach(el => el.style.opacity = '1');
            }, 250); 
        });
    });
});
</script>



<style>
:root {
    --rk-exp-dark: #0f172a;
    --rk-exp-panel: #1e293b;
    --rk-exp-bg: #ffffff;
    --rk-exp-surface: #f8fafc;
    --rk-exp-border: #e2e8f0;
    --rk-exp-text: #334155;
    --rk-exp-muted: #64748b;
    
    --rk-exp-blue: #0284c7;
    --rk-exp-gold: #d97706;
    --rk-exp-fb: #1877F2;
    --rk-exp-li: #0A66C2;
}

.rk-exp-container {
    max-width: 950px;
    margin: 60px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-exp-bg);
    border-radius: 20px;
    box-shadow: 0 15px 35px -5px rgba(2, 132, 199, 0.1);
    border: 1px solid var(--rk-exp-blue);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Header Area ze zoptymalizowanym H2 */
.rk-exp-header {
    background: var(--rk-exp-dark);
    padding: 35px 40px;
    color: #ffffff;
    border-bottom: 4px solid var(--rk-exp-gold);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rk-exp-header-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.rk-exp-header h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0;
    line-height: 1.3;
    color: #ffffff;
}

.rk-exp-trust-badge {
    background: rgba(217, 119, 6, 0.15);
    border: 1px solid rgba(217, 119, 6, 0.3);
    color: #fcd34d;
    padding: 8px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    flex-shrink: 0;
}

/* Tagi Długi Ogon w nagłówku */
.rk-exp-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}

.rk-exp-tag {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 12px;
    color: #e0f2fe;
    font-weight: 600;
}

/* Main Layout Grid */
.rk-exp-grid {
    display: grid;
    grid-template-columns: 300px 1fr;
    background: var(--rk-exp-bg);
}

/* Left Sidebar: Profile */
.rk-exp-profile {
    background: var(--rk-exp-surface);
    padding: 40px 30px;
    border-right: 1px solid var(--rk-exp-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.rk-exp-photo-wrap {
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
}

.rk-exp-photo {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.rk-exp-name {
    font-size: 22px;
    font-weight: 900;
    color: var(--rk-exp-dark);
    margin: 0 0 5px 0;
}

.rk-exp-title {
    font-size: 14px;
    color: var(--rk-exp-blue);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.rk-exp-socials {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.rk-exp-social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: filter 0.2s;
}

.rk-exp-social-btn:hover { filter: brightness(1.1); }
.rk-exp-social-btn.fb { background: var(--rk-exp-fb); }
.rk-exp-social-btn.li { background: var(--rk-exp-li); }

/* Right Content Area */
.rk-exp-content {
    display: flex;
    flex-direction: column;
}

/* Cytat (Hook) */
.rk-exp-quote-box {
    padding: 35px 40px;
    background: #ffffff;
    border-bottom: 1px solid var(--rk-exp-border);
    position: relative;
}

.rk-exp-quote-mark {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 80px;
    color: var(--rk-exp-blue);
    line-height: 0;
    opacity: 0.1;
    font-family: Georgia, serif;
}

.rk-exp-quote-text {
    font-size: 18px;
    font-weight: 700;
    color: var(--rk-exp-dark);
    line-height: 1.6;
    margin: 0;
    font-style: italic;
    position: relative;
    z-index: 2;
}

/* Navigation Tabs */
.rk-exp-tabs {
    display: flex;
    border-bottom: 1px solid var(--rk-exp-border);
    background: var(--rk-exp-surface);
}

.rk-exp-tab {
    flex: 1;
    padding: 16px 10px;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    font-size: 13px;
    font-weight: 800;
    color: var(--rk-exp-muted);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.rk-exp-tab.active {
    color: var(--rk-exp-blue);
    border-bottom-color: var(--rk-exp-blue);
    background: #ffffff;
}

/* Tab Panels */
.rk-exp-panel {
    padding: 35px 40px;
    display: none;
}

.rk-exp-panel.active {
    display: block;
}

.rk-exp-panel h3 {
    font-size: 20px;
    font-weight: 900;
    color: var(--rk-exp-dark);
    margin: 0 0 15px 0;
}

.rk-exp-panel p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--rk-exp-text);
    margin: 0 0 15px 0;
}

.rk-exp-panel a {
    color: var(--rk-exp-blue);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Stats Grid in Panel */
.rk-exp-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.rk-exp-stat-box {
    background: var(--rk-exp-surface);
    border: 1px solid var(--rk-exp-border);
    border-radius: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.rk-exp-stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #ffffff;
    color: var(--rk-exp-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rk-exp-border);
    flex-shrink: 0;
}

.rk-exp-stat-info { display: flex; flex-direction: column; }
.rk-exp-stat-val { font-size: 20px; font-weight: 900; color: var(--rk-exp-dark); line-height: 1.2; }
.rk-exp-stat-label { font-size: 11px; font-weight: 700; color: var(--rk-exp-muted); text-transform: uppercase; }

/* Mobile */
@media (max-width: 850px) {
    .rk-exp-grid { grid-template-columns: 1fr; }
    .rk-exp-header-top { flex-direction: column; align-items: flex-start; }
    .rk-exp-trust-badge { width: 100%; justify-content: center; }
    .rk-exp-profile { border-right: none; border-bottom: 1px solid var(--rk-exp-border); padding: 30px; }
    .rk-exp-socials { flex-direction: row; }
    .rk-exp-social-btn { flex: 1; }
    .rk-exp-tabs { flex-direction: column; background: #ffffff; }
    .rk-exp-tab { border-bottom: none; border-left: 4px solid transparent; justify-content: flex-start; padding: 15px 25px; }
    .rk-exp-tab.active { border-left-color: var(--rk-exp-blue); border-bottom-color: transparent; background: var(--rk-exp-surface); }
    .rk-exp-quote-box { padding: 25px; }
    .rk-exp-panel { padding: 30px 25px; }
    .rk-exp-stats { grid-template-columns: 1fr; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-ekspert",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Ekspert HVAC Robert Kucharski: Dlaczego nie liczymy rur na oko?",
    "description": "Opinia eksperta ds. ogrzewania podłogowego. Sprawdź, dlaczego błędy w rozstawie rur i brak obliczeń OZC prowadzą do drastycznego wzrostu kosztów eksploatacji pomp ciepła.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2026/04/PO-Robert-Kucharski.webp",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "jobTitle": "Inżynier HVAC",
      "sameAs": [
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2026-06-07",
    "dateModified": "2026-06-07"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-ekspert",
    "name": "Doświadczenie inżynierskie autoryzujące wyceny podłogówki",
    "description": "Zestawienie autorskich statystyk w zakresie normatywnego projektowania systemów ogrzewania płaszczyznowego i redukcji oporów hydraulicznych.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "specjalista hvac robert kucharski",
      "projektowanie ogrzewania podłogowego OZC",
      "błędy w układaniu podłogówki",
      "optymalizacja kosztów ogrzewania pompą ciepła",
      "norma PN-EN 1264 obliczenia"
    ],
    "measurementTechnique": "Weryfikacja oparta na doświadczeniu z ponad 1000 wdrożonych projektów OZC i audytach starych instalacji c.o.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Liczba zweryfikowanych projektów: 1000+",
        "Średnia redukcja kosztów eksploatacyjnych po optymalizacji OZC: ~20%",
        "Zgodność z prawem budowlanym: Norma PN-EN 1264"
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-ekspert",
    "name": "Panel Weryfikacji Eksperta E-E-A-T",
    "description": "Statyczny, obsługiwany zakładkami interfejs prezentujący kwalifikacje autora, powiązania z oficjalnymi profilami (LinkedIn, Facebook) oraz jego stanowisko techniczne.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires JavaScript and HTML5",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-exp-container">
    
    <div class="rk-exp-header">
        <div class="rk-exp-header-top">
            <h2>Ekspert HVAC Robert Kucharski: Dlaczego nie liczymy rur &#8222;na oko&#8221;?</h2>
            <div class="rk-exp-trust-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
                Weryfikacja E-E-A-T
            </div>
        </div>
        <div class="rk-exp-tags">
            <span class="rk-exp-tag"># specjalista hvac robert kucharski</span>
            <span class="rk-exp-tag"># optymalizacja kosztów ogrzewania pompą ciepła</span>
            <span class="rk-exp-tag"># norma PN-EN 1264 obliczenia</span>
        </div>
    </div>

    <div class="rk-exp-grid">
        
        <div class="rk-exp-profile">
            <div class="rk-exp-photo-wrap">
                <img decoding="async" src="https://projekt-ogrzewania.pl/wp-content/uploads/2026/04/PO-Robert-Kucharski.webp" alt="Robert Kucharski - Inżynier HVAC" class="rk-exp-photo">
            </div>
            
            <h3 class="rk-exp-name">Robert Kucharski</h3>
            <div class="rk-exp-title">Główny Specjalista HVAC</div>
            
            <div class="rk-exp-socials">
                <a href="https://www.facebook.com/projektogrzewaniapl/" target="_blank" rel="noopener noreferrer" class="rk-exp-social-btn fb">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
                    Projekt Ogrzewania
                </a>
                <a href="https://www.linkedin.com/in/robert-kucharski-38069b48/" target="_blank" rel="noopener noreferrer" class="rk-exp-social-btn li">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
                    Profil LinkedIn
                </a>
            </div>
        </div>

        <div class="rk-exp-content">
            
            <div class="rk-exp-quote-box">
                <span class="rk-exp-quote-mark">&#8222;</span>
                <p class="rk-exp-quote-text">
                    Nigdy nie pozwalaj wykonawcy kłaść rur 'na oko&#8217;. Zbyt gęsty rozstaw zadławi hydraulicznie Twoją pompę obiegową, a zbyt rzadki wymusi podniesienie temperatury zasilania, bezpowrotnie niszcząc oszczędności z pompy ciepła. Fizyka układu wybacza znacznie mniej niż wylewka betonowa.
                </p>
            </div>

            <div class="rk-exp-tabs">
                <button class="rk-exp-tab active" data-panel="wiedza">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
                    Dlaczego ja?
                </button>
                <button class="rk-exp-tab" data-panel="fakty">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>
                    Twarde Fakty
                </button>
                <button class="rk-exp-tab" data-panel="zasady">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
                    Standardy OZC
                </button>
            </div>

            <div class="rk-exp-panel active" id="panel-wiedza">
                <h3>Praktyka i audyty placów budowy</h3>
                <p>
                    Jako założyciel portali projekt-ogrzewania.pl, remont.biz.pl oraz sobir.pl, od lat audytuję błędy instalatorskie. Projektowanie systemów grzewczych to nie są zgadywanki – to czysta matematyka i fizyka przepływów.
                </p>
                <p>
                    Moim celem jest chronić budżet inwestora przed nieuczciwymi wycenami. Pokazuję mechanizmy i normy budowlane, o których milczą wykonawcy, udowadniając, że <a href="https://projekt-ogrzewania.pl/najczestsze-bledy-przy-montazu-ogrzewania-podlogowego-i-jak-ich-uniknac/">brak profesjonalnego projektu</a> to najdroższy błąd, jaki możesz popełnić przy podłogówce.
                </p>
            </div>

            <div class="rk-exp-panel" id="panel-fakty">
                <h3>Instalacje bazujące na inżynierii</h3>
                <p>Każdy opór hydrauliczny i każdy metr rury PEX ma kluczowe znaczenie. Spójrz na statystyki, które stoją za moim doświadczeniem:</p>
                
                <div class="rk-exp-stats">
                    <div class="rk-exp-stat-box">
                        <div class="rk-exp-stat-icon">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line></svg>
                        </div>
                        <div class="rk-exp-stat-info">
                            <div class="rk-exp-stat-val">1000+</div>
                            <div class="rk-exp-stat-label">Wykonanych Projektów OZC</div>
                        </div>
                    </div>
                    
                    <div class="rk-exp-stat-box">
                        <div class="rk-exp-stat-icon">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
                        </div>
                        <div class="rk-exp-stat-info">
                            <div class="rk-exp-stat-val">~20%</div>
                            <div class="rk-exp-stat-label">Oszczędności w sezonie</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="rk-exp-panel" id="panel-zasady">
                <h3>Bezbłędny system zaczyna się na papierze</h3>
                <p>
                    Nie uznaję układania rur &#8222;wszędzie tak samo&#8221;. Każde pomieszczenie w Twoim domu traci ciepło w innym tempie. Stosuję gęstszy rozstaw przy drzwiach tarasowych i witrynach, a rzadszy w sypialniach.
                </p>
                <p>
                    Wszystkie kalkulatory i wyceny na tej stronie bazują na obowiązującej normie projektowej <a href="https://projekt-ogrzewania.pl/norma-obliczen-ogrzewania-podlogowego-en-1264/">PN-EN 1264</a>. To gwarantuje Ci nie tylko pełną zgodność prawno-techniczną przy ubieganiu się o dotacje (np. Czyste Powietrze), ale przede wszystkim bezstresową eksploatację jastrychów.
                </p>
            </div>

        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const tabs = document.querySelectorAll('.rk-exp-tab');
    const panels = document.querySelectorAll('.rk-exp-panel');

    tabs.forEach(tab => {
        tab.addEventListener('click', function() {
            tabs.forEach(t => t.classList.remove('active'));
            panels.forEach(p => p.classList.remove('active'));

            this.classList.add('active');

            const target = this.getAttribute('data-panel');
            document.getElementById('panel-' + target).classList.add('active');
        });
    });
});
</script>



<style>
:root {
    --rk-faq-dark: #0f172a;
    --rk-faq-blue: #0284c7;
    --rk-faq-light-blue: #e0f2fe;
    --rk-faq-accent: #38bdf8;
    --rk-faq-bg: #ffffff;
    --rk-faq-border: #cbd5e1;
    --rk-faq-text: #334155;
    --rk-faq-hover: #f8fafc;
}

.rk-faq-widget {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-faq-bg);
    border-radius: 20px;
    box-shadow: 0 15px 35px -5px rgba(2, 132, 199, 0.1);
    border: 1px solid var(--rk-faq-light-blue);
    overflow: hidden;
}

/* Nagłówek H2 */
.rk-faq-header {
    padding: 40px 40px 30px;
    background: linear-gradient(135deg, var(--rk-faq-dark) 0%, #1e293b 100%);
    color: #ffffff;
    position: relative;
    text-align: center;
}

.rk-faq-header h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
}

.rk-faq-header p {
    font-size: 16px;
    color: #94a3b8;
    margin: 0;
    max-width: 700px;
    margin: 0 auto;
}

/* Lista Akordeonów */
.rk-faq-list {
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rk-faq-item {
    border: 1px solid var(--rk-faq-border);
    border-radius: 16px;
    background: var(--rk-faq-bg);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.rk-faq-item.active {
    border-color: var(--rk-faq-blue);
    box-shadow: 0 10px 20px -10px rgba(2, 132, 199, 0.2);
}

/* Pytanie (H3) - Klikalne */
.rk-faq-question {
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    background: var(--rk-faq-bg);
    transition: background 0.3s;
}

.rk-faq-question:hover {
    background: var(--rk-faq-hover);
}

.rk-faq-item.active .rk-faq-question {
    background: var(--rk-faq-light-blue);
}

.rk-faq-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--rk-faq-light-blue);
    color: var(--rk-faq-blue);
    transition: all 0.4s;
}

.rk-faq-item.active .rk-faq-icon {
    background: var(--rk-faq-blue);
    color: #ffffff;
    transform: scale(1.05);
}

.rk-faq-title {
    flex-grow: 1;
}

.rk-faq-title h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--rk-faq-dark);
    line-height: 1.4;
}

.rk-faq-chevron {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: var(--rk-faq-blue);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.rk-faq-item.active .rk-faq-chevron {
    transform: rotate(180deg);
}

/* Odpowiedź - Treść */
.rk-faq-answer {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.rk-faq-answer-inner {
    padding: 0 25px 25px 93px;
}

.rk-faq-answer p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--rk-faq-text);
}

.rk-faq-answer a {
    color: var(--rk-faq-blue);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid rgba(2, 132, 199, 0.2);
    transition: all 0.3s;
}

.rk-faq-answer a:hover {
    border-bottom-color: var(--rk-faq-blue);
    background: rgba(2, 132, 199, 0.05);
}

/* Animacje SVG dla poszczególnych ikon */
.rk-svg-pulse { animation: rk-pulse 2s infinite; }
.rk-svg-spin { transition: transform 0.5s; }
.rk-faq-item.active .rk-svg-spin { transform: rotate(180deg); }
.rk-svg-bounce { transition: transform 0.5s; }
.rk-faq-item.active .rk-svg-bounce { transform: translateY(-3px); }

@keyframes rk-pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

/* RWD - Mobile */
@media (max-width: 768px) {
    .rk-faq-header { padding: 30px 20px; }
    .rk-faq-list { padding: 20px; }
    .rk-faq-question { padding: 15px; gap: 15px; }
    .rk-faq-icon { width: 40px; height: 40px; }
    .rk-faq-title h3 { font-size: 15px; }
    .rk-faq-answer-inner { padding: 0 15px 20px 15px; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-faq",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "FAQ – Najczęściej zadawane pytania o koszt ogrzewania podłogowego na 100 m²",
    "description": "Baza wiedzy i odpowiedzi na najczęstsze pytania inwestorów dotyczące kosztów podłogówki: cena projektu, robocizny, wody demineralizowanej, frezowania i oszczędności z OZC.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2026-06-06",
    "dateModified": "2026-06-06"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-faq",
    "name": "Baza Wiedzy Q&A – Koszty Instalacji Ogrzewania Podłogowego 100 m²",
    "description": "Zestawienie i kategoryzacja pytań dotyczących nakładów finansowych na poszczególne etapy i komponenty płaszczyznowego systemu grzewczego.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "cena projektu ogrzewania podłogowego",
      "koszt robocizny podłogówka",
      "woda demineralizowana cena",
      "frezowanie ogrzewania podłogowego koszt",
      "oszczędności z projektu OZC"
    ],
    "measurementTechnique": "Agregacja najczęściej pojawiających się pytań ofertowych od inwestorów budujących domy o powierzchni około 100 metrów kwadratowych w 2026 roku.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Wycena projektowa OZC dla 100m2",
        "Regionalizacje stawek instalatorskich",
        "Koszty chemii zabezpieczającej i uzdatniania",
        "Różnice kosztowe między systemem mokrym a frezowaniem"
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-faq",
    "name": "Interaktywny Asystent Kosztów FAQ",
    "description": "Moduł rozwijany (accordion) umożliwiający szybkie wyszukiwanie i przeglądanie krótkich odpowiedzi eksperckich na temat budżetowania podłogówki.",
    "applicationCategory": "ReferenceApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires JavaScript and CSS Flexbox",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-faq-widget">
    <div class="rk-faq-header">
        <h2>FAQ – Najczęściej zadawane pytania o koszt ogrzewania podłogowego na 100 m²</h2>
        <p>Kliknij wybrane pytanie, aby rozwinąć szczegółową odpowiedź inżyniera i dowiedzieć się, gdzie szukać realnych oszczędności bez utraty jakości.</p>
    </div>

    <div class="rk-faq-list" id="rkFaqContainer">
        
        <div class="rk-faq-item">
            <div class="rk-faq-question">
                <div class="rk-faq-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="rk-svg-pulse">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                </div>
                <div class="rk-faq-title">
                    <h3>Ile kosztuje projekt ogrzewania podłogowego dla domu o powierzchni 100 m²?</h3>
                </div>
                <div class="rk-faq-chevron">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                </div>
            </div>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>Standardowy, komercyjny koszt wykonania profesjonalnego projektu technicznego wraz z obliczeniami OZC dla powierzchni 100 m² wynosi 450 PLN. W przypadku podjęcia decyzji o zakupie kompletnego systemu rur i rozdzielaczy na naszym portalu, koszt ten jest w całości anulowany, a inwestor otrzymuje <a href="https://projekt-ogrzewania.pl/ile-kosztuje-projekt-ogrzewania-podlogowego/">pełną dokumentację za 0 PLN</a>.</p>
                </div>
            </div>
        </div>

        <div class="rk-faq-item">
            <div class="rk-faq-question">
                <div class="rk-faq-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="rk-svg-bounce">
                        <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
                        <polyline points="2 17 12 22 22 17"></polyline>
                        <polyline points="2 12 12 17 22 12"></polyline>
                    </svg>
                </div>
                <div class="rk-faq-title">
                    <h3>Czy cena ogrzewania podłogowego na 100 m² różni się w zależności od województwa?</h3>
                </div>
                <div class="rk-faq-chevron">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                </div>
            </div>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>Koszty materiałów systemowych (rur, rozdzielaczy, szafek) są stałe w całym kraju, natomiast <a href="https://projekt-ogrzewania.pl/podlogowka-cena-za-m%c2%b2-robocizny/">stawki robocizny instalatorskiej</a> wykazują wahania regionalne na poziomie 10-15%. Prezentowana stawka ryczałtowa 32,50 PLN/m² stanowi uśrednioną i stabilną wartość kontraktową, która chroni inwestora przed lokalnymi zawyżeniami cen usług.</p>
                </div>
            </div>
        </div>

        <div class="rk-faq-item">
            <div class="rk-faq-question">
                <div class="rk-faq-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="rk-svg-pulse">
                        <path d="M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z"></path>
                    </svg>
                </div>
                <div class="rk-faq-title">
                    <h3>Jaki jest koszt napełnienia instalacji 100 m² wodą demineralizowaną?</h3>
                </div>
                <div class="rk-faq-chevron">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                </div>
            </div>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>Zakup <a href="https://projekt-ogrzewania.pl/woda-demineralizowana-w-ogrzewaniu-podlogowym-dlaczego-to-najlepszy-wybor-zamiast-zwyklej-wody-z-kranu/">wody demineralizowanej</a> o przewodności elektrycznej poniżej 10 µS/cm oraz dedykowanego inhibitora korozji dla instalacji o pojemności ok. 130 litrów to koszt rzędu 300 &#8211; 500 PLN. Jest to wydatek jednorazowy i obligatoryjny, chroniący rury oraz wymiennik ciepła pompy przed drastycznym spadkiem sprawności na skutek zakamienienia.</p>
                </div>
            </div>
        </div>

        <div class="rk-faq-item">
            <div class="rk-faq-question">
                <div class="rk-faq-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="rk-svg-spin">
                        <circle cx="12" cy="12" r="10"></circle>
                        <line x1="12" y1="8" x2="12" y2="12"></line>
                        <line x1="12" y1="16" x2="12.01" y2="16"></line>
                    </svg>
                </div>
                <div class="rk-faq-title">
                    <h3>O ile droższe jest frezowanie ogrzewania podłogowego na 100 m² od systemu mokrego?</h3>
                </div>
                <div class="rk-faq-chevron">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                </div>
            </div>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>Wykonanie podłogówki <a href="https://projekt-ogrzewania.pl/frezowanie-ogrzewania-podlogowego-w-starym-domu/">metodą frezowania</a> w istniejącej wylewce betonowej podnosi koszt robocizny i oprzyrządowania o około 40 &#8211; 50%, windując cenę metra kwadratowego do poziomu 130 &#8211; 150 PLN/m². Metoda ta eliminuje jednak konieczność skuwania starego podłoża, co w ostatecznym rozrachunku remontowym może okazać się opłacalne.</p>
                </div>
            </div>
        </div>

        <div class="rk-faq-item">
            <div class="rk-faq-question">
                <div class="rk-faq-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="rk-svg-bounce">
                        <line x1="12" y1="1" x2="12" y2="23"></line>
                        <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>
                    </svg>
                </div>
                <div class="rk-faq-title">
                    <h3>Ile można zaoszczędzić na kosztach eksploatacji 100 m² podłogówki dzięki dobremu projektowi?</h3>
                </div>
                <div class="rk-faq-chevron">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                </div>
            </div>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>Rzetelne zbalansowanie hydrauliczne i precyzyjny dobór rozstawu rur pod <a href="https://projekt-ogrzewania.pl/niska-temperatura-zasilania-pompy-ciepla-dlaczego-35-stopni-to-ideal-dla-podlogowki/">niską temperaturę zasilania</a> (35°C zamiast 45°C) pozwala obniżyć rachunki za energię o 15 &#8211; 20% w skali roku. Dla domu 100 m² ogrzewanego pompą ciepła generuje to realne oszczędności rzędu kilkuset złotych w każdym sezonie grzewczym.</p>
                </div>
            </div>
        </div>

    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const faqItems = document.querySelectorAll('#rkFaqContainer .rk-faq-item');

    faqItems.forEach(item => {
        const question = item.querySelector('.rk-faq-question');
        const answer = item.querySelector('.rk-faq-answer');

        question.addEventListener('click', () => {
            const isActive = item.classList.contains('active');

            // Najpierw zwiń wszystkie
            faqItems.forEach(faq => {
                faq.classList.remove('active');
                faq.querySelector('.rk-faq-answer').style.maxHeight = null;
                faq.querySelector('.rk-faq-answer').style.opacity = '0';
            });

            // Jeśli kliknięty nie był aktywny, rozwiń go
            if (!isActive) {
                item.classList.add('active');
                // Ustaw max-height na wartość scrollHeight aby płynnie się animowało
                answer.style.maxHeight = answer.scrollHeight + "px";
                answer.style.opacity = '1';
            }
        });
    });
});
</script>



<style>
:root {
    --rk-budg-dark: #0f172a;
    --rk-budg-blue: #0284c7;
    --rk-budg-light-blue: #f0f9ff;
    --rk-budg-green: #059669;
    --rk-budg-green-light: #ecfdf5;
    --rk-budg-red: #dc2626;
    --rk-budg-red-light: #fef2f2;
    --rk-budg-gold: #d97706;
    --rk-budg-gray: #475569;
    --rk-budg-border: #e2e8f0;
    --rk-budg-bg: #ffffff;
}

.rk-budg-container {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-budg-bg);
    border-radius: 24px;
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.1);
    border: 1px solid var(--rk-budg-border);
    overflow: hidden;
}

/* Sekcja Nagłówkowa */
.rk-budg-header {
    padding: 40px 50px;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    text-align: center;
    border-bottom: 1px solid var(--rk-budg-border);
}

.rk-budg-header h2 {
    font-size: 28px;
    font-weight: 900;
    color: var(--rk-budg-dark);
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.rk-budg-header p {
    font-size: 16px;
    color: var(--rk-budg-gray);
    margin: 0 auto;
    max-width: 700px;
    line-height: 1.6;
}

/* Interaktywny Switch iOS Style */
.rk-budg-interactive {
    padding: 40px 50px;
}

.rk-budg-toggle-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.rk-toggle-label {
    font-size: 16px;
    font-weight: 700;
    color: var(--rk-budg-gray);
    cursor: pointer;
    transition: color 0.3s;
}

.rk-toggle-label.active-pro { color: var(--rk-budg-green); }
.rk-toggle-label.active-risk { color: var(--rk-budg-red); }

.rk-switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 40px;
}

.rk-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.rk-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--rk-budg-green);
    transition: .4s;
    border-radius: 40px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

.rk-slider:before {
    position: absolute;
    content: "";
    height: 32px;
    width: 32px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

input:checked + .rk-slider {
    background-color: var(--rk-budg-red);
}

input:checked + .rk-slider:before {
    transform: translateX(40px);
}

/* Panele z danymi */
.rk-budg-panel {
    display: none;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: center;
    animation: fadeInPanel 0.5s ease;
}

.rk-budg-panel.active {
    display: grid;
}

@keyframes fadeInPanel {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Sekcja Animacji SVG */
.rk-budg-visual {
    background: #f1f5f9;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    position: relative;
}

.rk-panel-pro .rk-budg-visual { background: var(--rk-budg-green-light); border: 1px solid #a7f3d0; }
.rk-panel-risk .rk-budg-visual { background: var(--rk-budg-red-light); border: 1px solid #fecaca; }

.rk-anim-svg-box {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 20px;
}

/* Animacje */
.anim-pipe-flow {
    stroke-dasharray: 10;
    animation: flowPipe 2s linear infinite;
}
@keyframes flowPipe {
    to { stroke-dashoffset: -20; }
}

.anim-pulse-shield {
    transform-origin: center;
    animation: pulsePro 2s infinite;
}
@keyframes pulsePro {
    0% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(5, 150, 105, 0.4)); }
    50% { transform: scale(1.05); filter: drop-shadow(0 0 10px rgba(5, 150, 105, 0.8)); }
    100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(5, 150, 105, 0.4)); }
}

.anim-crack {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: drawCrack 1s forwards cubic-bezier(0.4, 0, 0.2, 1);
    animation-delay: 0.5s;
}
@keyframes drawCrack {
    to { stroke-dashoffset: 0; }
}

.anim-alert {
    transform-origin: center;
    animation: shakeAlert 0.5s infinite alternate;
}
@keyframes shakeAlert {
    from { transform: rotate(-10deg) scale(1); }
    to { transform: rotate(10deg) scale(1.1); }
}

/* Tekst i dane */
.rk-budg-content h3 {
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 15px 0;
}

.rk-panel-pro .rk-budg-content h3 { color: var(--rk-budg-green); }
.rk-panel-risk .rk-budg-content h3 { color: var(--rk-budg-red); }

.rk-budg-content p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--rk-budg-gray);
    margin: 0 0 15px 0;
}

.rk-budg-content a {
    color: var(--rk-budg-blue);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid rgba(2, 132, 199, 0.2);
    transition: all 0.3s;
}

.rk-budg-content a:hover {
    border-bottom-color: var(--rk-budg-blue);
    background: rgba(2, 132, 199, 0.05);
}

.rk-data-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.rk-data-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: var(--rk-budg-dark);
    padding: 12px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid var(--rk-budg-border);
}

.rk-data-list svg {
    flex-shrink: 0;
    margin-top: 2px;
}

/* Kafelki z budżetem (zamiast tabeli) */
.rk-price-tag {
    font-size: 28px;
    font-weight: 900;
    display: block;
    margin-top: 5px;
}

.rk-panel-pro .rk-price-tag { color: var(--rk-budg-green); }
.rk-panel-risk .rk-price-tag { color: var(--rk-budg-red); }

/* RWD */
@media (max-width: 768px) {
    .rk-budg-header { padding: 30px 20px; }
    .rk-budg-interactive { padding: 30px 20px; }
    .rk-budg-panel { grid-template-columns: 1fr; gap: 25px; }
    .rk-budg-visual { padding: 25px; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-podsumowanie",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Podsumowanie i rekomendacje budżetowe – Ile realnie kosztuje podłogówka?",
    "description": "Szczegółowe podsumowanie kosztów instalacji ogrzewania podłogowego. Porównanie bezpiecznego standardu z rurami EVOH i projektem technicznym do ryzykownych oszczędności.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2026-06-06",
    "dateModified": "2026-06-06"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-podsumowanie",
    "name": "Kalkulacja Ryzyka Inwestycyjnego Ogrzewania Podłogowego",
    "description": "Zestawienie kosztów optymalnej instalacji hydraulicznej względem potencjalnych kosztów naprawy awarii wynikających z oszczędności materiałowych.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "podsumowanie kosztów ogrzewania podłogowego",
      "budżet na podłogówkę",
      "rury z barierą antydyfuzyjną EVOH",
      "ryzyko awarii ogrzewania podłogowego",
      "koszty usunięcia awarii wylewki"
    ],
    "measurementTechnique": "Modelowanie finansowe porównujące bazowy koszt bezpiecznej instalacji (8500-10000 PLN) z ukrytymi kosztami napraw uszkodzeń bez projektu OZC.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Wariant Optymalny: 8500 - 10000 PLN (certyfikowane rury EVOH, projekt, próba ciśnieniowa).",
        "Wariant Ryzykowny: Pozorna oszczędność prowadząca do katastrofy finansowej po wylaniu betonu."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-podsumowanie",
    "name": "Symulator Budżetu i Ryzyka Instalacyjnego",
    "description": "Interaktywny przełącznik pozwalający inwestorowi na wizualizację konsekwencji cięcia kosztów przy budowie wodnego ogrzewania podłogowego.",
    "applicationCategory": "BusinessApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires JavaScript and HTML5",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-budg-container">
    <div class="rk-budg-header">
        <h2>Podsumowanie i rekomendacje budżetowe – Ile realnie kosztuje podłogówka?</h2>
        <p>Planując wydatki na ogrzewanie płaszczyznowe, jako inwestor musisz wyraźnie oddzielić czysty koszt instalacji hydraulicznej od całkowitego kosztu wykonania gotowej podłogi. Sprawdź, dlaczego cięcie budżetu to najgorsza możliwa decyzja.</p>
    </div>

    <div class="rk-budg-interactive">
        
        <div class="rk-budg-toggle-wrapper">
            <span class="rk-toggle-label active-pro" id="labelPro">Standard Inżynierski</span>
            <label class="rk-switch">
                <input type="checkbox" id="budgetToggle">
                <span class="rk-slider"></span>
            </label>
            <span class="rk-toggle-label" id="labelRisk">Złudne Oszczędności</span>
        </div>

        <!-- Panel 1: Profesjonalny Standard -->
        <div class="rk-budg-panel rk-panel-pro active" id="panelPro">
            <div class="rk-budg-visual">
                <svg class="rk-anim-svg-box" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <!-- Bezpieczny dom -->
                    <path d="M20 90 L100 20 L180 90 V180 H20 V90 Z" fill="#ffffff" stroke="#059669" stroke-width="6" stroke-linejoin="round"/>
                    <!-- Rury z przepływem -->
                    <path d="M40 160 H160" stroke="#10b981" stroke-width="8" stroke-linecap="round"/>
                    <path class="anim-pipe-flow" d="M40 160 H160" stroke="#ecfdf5" stroke-width="4" stroke-linecap="round"/>
                    <!-- Tarcza Ochronna -->
                    <g class="anim-pulse-shield">
                        <path d="M100 60 C100 60 140 70 140 100 C140 130 100 150 100 150 C100 150 60 130 60 100 C60 70 100 60 100 60 Z" fill="#34d399" opacity="0.2" stroke="#059669" stroke-width="4" stroke-linejoin="round"/>
                        <path d="M85 105 L95 115 L115 90" stroke="#059669" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
                    </g>
                </svg>
                <div class="rk-price-tag">8 500 &#8211; 10 000 PLN</div>
                <div style="font-weight: 700; color: var(--rk-budg-green); margin-top: 10px;">Spokój na 50 lat</div>
            </div>
            
            <div class="rk-budg-content">
                <h3>Inwestycja w Bezpieczeństwo</h3>
                <p>Podstawowy wydatek gwarantuje spokój ducha. Kwota ta zabezpiecza zakup certyfikowanych rur wielowarstwowych (wyposażonych w niezbędną <a href="https://projekt-ogrzewania.pl/rura-z-bariera-antydyfuzyjna-evoh/">barierę antydyfuzyjną EVOH</a>), systemowego rozdzielacza ze stali nierdzewnej oraz profesjonalny montaż zakończony próbą ciśnieniową.</p>
                <p>Bezpieczna i wysoce efektywna instalacja grzewcza to proces, który bezwzględnie musi rozpocząć się od rzetelnego, <a href="https://projekt-ogrzewania.pl/darmowy-projekt-ogrzewania-podlogowego/">profesjonalnego projektu technicznego</a>.</p>
                
                <ul class="rk-data-list">
                    <li>
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--rk-budg-green)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                        <span>Certyfikowane materiały i chemia instalacyjna</span>
                    </li>
                    <li>
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--rk-budg-green)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                        <span>Dokładne obliczenia hydrauliczne i nastawy OZC</span>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Panel 2: Ryzyko / Amator -->
        <div class="rk-budg-panel rk-panel-risk" id="panelRisk">
            <div class="rk-budg-visual">
                <svg class="rk-anim-svg-box" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <!-- Uszkodzony dom -->
                    <path d="M20 90 L100 20 L180 90 V180 H20 V90 Z" fill="#ffffff" stroke="#94a3b8" stroke-width="6" stroke-linejoin="round"/>
                    <!-- Pęknięta wylewka -->
                    <path d="M40 160 H160" stroke="#cbd5e1" stroke-width="8" stroke-linecap="round"/>
                    <path class="anim-crack" d="M80 160 L90 140 L100 170 L110 150 L120 160" stroke="#dc2626" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
                    <!-- Alert -->
                    <g class="anim-alert">
                        <polygon points="100,50 140,120 60,120" fill="#fef2f2" stroke="#dc2626" stroke-width="5" stroke-linejoin="round"/>
                        <line x1="100" y1="75" x2="100" y2="95" stroke="#dc2626" stroke-width="6" stroke-linecap="round"/>
                        <circle cx="100" cy="110" r="3" fill="#dc2626"/>
                    </g>
                </svg>
                <div class="rk-price-tag" style="text-decoration: line-through; font-size: 20px; color: var(--rk-budg-gray);">ok. 6 000 PLN</div>
                <div class="rk-price-tag" style="margin-top: -5px;">+ 15 000 PLN za kucie</div>
                <div style="font-weight: 700; color: var(--rk-budg-red); margin-top: 10px;">Finansowa Katastrofa</div>
            </div>
            
            <div class="rk-budg-content">
                <h3>Ryzyko, którego nie widać</h3>
                <p>Chęć bezrefleksyjnego obniżania kwot poprzez rezygnację z obliczeń inżynieryjnych, stosowanie tanich rur bez bariery EVOH czy zatrudnianie przypadkowych ekip wykonawczych to najszybsza droga do <a href="https://projekt-ogrzewania.pl/kompleksowa-wycena-ogrzewania-podlogowego-wodnego-na-co-przygotowac-budzet/">przekroczenia budżetu</a>.</p>
                <p>Niesie to za sobą ogromne ryzyko błędów hydraulicznych, brak balansu przepływów i wycieki. Usunięcie awarii po zalaniu instalacji betonem wielokrotnie przewyższa koszty, które początkowo &#8222;zaoszczędziłeś&#8221;.</p>
                
                <ul class="rk-data-list">
                    <li style="background: #fef2f2; border-color: #fecaca;">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--rk-budg-red)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                        <span>Zapowietrzanie układu i korozja kotła bez EVOH</span>
                    </li>
                    <li style="background: #fef2f2; border-color: #fecaca;">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--rk-budg-red)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                        <span>Skuwanie wylewek w poszukiwaniu nieszczelności</span>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const toggle = document.getElementById('budgetToggle');
    const panelPro = document.getElementById('panelPro');
    const panelRisk = document.getElementById('panelRisk');
    const labelPro = document.getElementById('labelPro');
    const labelRisk = document.getElementById('labelRisk');

    toggle.addEventListener('change', function() {
        if(this.checked) {
            // Przełącz na Ryzyko
            panelPro.classList.remove('active');
            panelRisk.classList.add('active');
            
            labelPro.classList.remove('active-pro');
            labelRisk.classList.add('active-risk');
            
            // Restart animacji pęknięcia
            const crackAnim = panelRisk.querySelector('.anim-crack');
            if(crackAnim) {
                crackAnim.style.animation = 'none';
                crackAnim.offsetHeight; /* trigger reflow */
                crackAnim.style.animation = null; 
            }
        } else {
            // Przełącz na Standard
            panelRisk.classList.remove('active');
            panelPro.classList.add('active');
            
            labelRisk.classList.remove('active-risk');
            labelPro.classList.add('active-pro');
        }
    });
});
</script>



<style>
:root {
    --rk-dl-dark: #0f172a;
    --rk-dl-primary: #0284c7; /* Sky blue */
    --rk-dl-primary-light: #e0f2fe;
    --rk-dl-accent: #10b981; /* Emerald for download */
    --rk-dl-accent-light: #d1fae5;
    --rk-dl-gray: #475569;
    --rk-dl-border: #cbd5e1;
    --rk-dl-bg: #ffffff;
    --rk-dl-surface: #f8fafc;
}

.rk-dl-widget {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-dl-bg);
    border-radius: 24px;
    box-shadow: 0 15px 35px -5px rgba(2, 132, 199, 0.1);
    border: 1px solid #bae6fd;
    overflow: hidden;
}

/* Nagłówek i Długi Ogon SEO */
.rk-dl-header {
    padding: 40px 50px 30px;
    background: linear-gradient(135deg, var(--rk-dl-dark) 0%, #1e293b 100%);
    color: #ffffff;
    text-align: center;
}

.rk-dl-header h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.35;
    color: #ffffff;
}

.rk-dl-header p {
    font-size: 16px;
    color: #cbd5e1;
    margin: 0 auto;
    max-width: 750px;
    line-height: 1.6;
}

.rk-dl-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.rk-dl-tag {
    background: rgba(2, 132, 199, 0.2);
    border: 1px solid rgba(2, 132, 199, 0.4);
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    color: #bae6fd;
    font-weight: 600;
}

/* Interaktywny Panel Nawigacji */
.rk-dl-interactive {
    background: var(--rk-dl-surface);
    padding: 35px 50px;
    border-bottom: 1px solid var(--rk-dl-border);
}

.rk-dl-toggle-box {
    display: flex;
    background: var(--rk-dl-bg);
    border: 2px solid var(--rk-dl-border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.rk-dl-toggle-btn {
    flex: 1;
    padding: 16px 20px;
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-dl-gray);
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.rk-dl-toggle-btn:hover {
    background: #f1f5f9;
}

.rk-dl-toggle-btn.active[data-view="image"] {
    background: var(--rk-dl-primary);
    color: #ffffff;
    border-color: var(--rk-dl-primary);
}

.rk-dl-toggle-btn.active[data-view="pdf"] {
    background: var(--rk-dl-accent);
    color: #ffffff;
    border-color: var(--rk-dl-accent);
}

/* Widoki Zawartości */
.rk-dl-content-wrapper {
    padding: 40px 50px;
    background: var(--rk-dl-bg);
}

.rk-dl-view {
    display: none;
}

.rk-dl-view.active {
    display: block;
}

/* Widok: Obraz (Infografika) */
.rk-dl-image-container {
    border: 2px dashed var(--rk-dl-border);
    border-radius: 16px;
    padding: 10px;
    background: var(--rk-dl-surface);
    text-align: center;
}

.rk-dl-image-container img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    display: block;
    margin: 0 auto;
}

/* Widok: Pobieranie PDF */
.rk-dl-pdf-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: var(--rk-dl-surface);
    border: 1px solid var(--rk-dl-border);
    border-radius: 16px;
    padding: 40px 30px;
}

.rk-dl-pdf-icon {
    width: 64px;
    height: 64px;
    color: var(--rk-dl-accent);
    margin-bottom: 20px;
    background: var(--rk-dl-accent-light);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.rk-dl-pdf-title {
    font-size: 20px;
    font-weight: 900;
    color: var(--rk-dl-dark);
    margin: 0 0 10px 0;
}

.rk-dl-pdf-desc {
    font-size: 15px;
    color: var(--rk-dl-gray);
    margin: 0 0 25px 0;
    max-width: 500px;
    line-height: 1.6;
}

.rk-dl-btn-download {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--rk-dl-accent);
    color: #ffffff;
    padding: 16px 35px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 10px 20px -5px rgba(16, 185, 129, 0.4);
    transition: all 0.2s;
}

.rk-dl-btn-download:hover {
    background: #059669;
    transform: translateY(-2px);
    box-shadow: 0 15px 25px -5px rgba(16, 185, 129, 0.5);
}

/* Prawa Autorskie */
.rk-dl-copyright {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--rk-dl-border);
    font-size: 12px;
    color: var(--rk-dl-gray);
    line-height: 1.6;
    text-align: center;
    background: transparent;
}

.rk-dl-copyright strong {
    color: var(--rk-dl-dark);
}

/* RWD */
@media (max-width: 768px) {
    .rk-dl-header, .rk-dl-interactive, .rk-dl-content-wrapper { padding: 30px 20px; }
    .rk-dl-toggle-box { flex-direction: column; border-radius: 12px; }
    .rk-dl-pdf-container { padding: 30px 20px; }
    .rk-dl-btn-download { width: 100%; justify-content: center; }
}
</style>

<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#article-infografika",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/"
    },
    "headline": "Kompletne zestawienie kosztów do pobrania – Infografika i PDF",
    "description": "Zapisz na dysku lub wydrukuj nasze szczegółowe zestawienie kosztów instalacji wodnego ogrzewania podłogowego. Pobierz czytelną infografikę oraz dokument PDF.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2026/06/Infografika-Ile-kosztuje-100-m%C2%B2-ogrzewania-podlogowego.webp",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://remont.biz.pl/",
        "https://sobir.pl/"
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "Projekt-Ogrzewania.pl",
      "logo": {
        "@type": "ImageObject",
        "url": "https://projekt-ogrzewania.pl/wp-content/uploads/2024/09/cropped-Projekt-ogrzewania-logo-1.jpg"
      }
    },
    "datePublished": "2025-12-29",
    "dateModified": "2026-06-07"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#dataset-infografika",
    "name": "Infografika i Kosztorys Ogrzewania Podłogowego 2026 (PDF/WebP)",
    "description": "Pliki do pobrania zawierające wizualne zestawienie kosztów materiałów i robocizny dla 100 m2. Przeznaczone do druku i konsultacji z wykonawcą.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "infografika ogrzewanie podłogowe",
      "kosztorys podłogówki pdf",
      "zestawienie materiałów do druku",
      "podsumowanie kosztów hydraulik",
      "ile kosztuje podłogówka materiały pobierz"
    ],
    "measurementTechnique": "Agregacja i wizualizacja danych kosztorysowych omawianych w artykule, przystosowana do formatu wektorowego i PDF.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Wersja graficzna WebP (Podgląd Online)",
        "Wersja PDF (Dokumentacja do pobrania i druku)"
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/ile-kosztuje-100-m2-ogrzewania-podlogowego/#webapp-infografika",
    "name": "Centrum Pobierania Materiałów Inwestora",
    "description": "Interaktywny moduł pozwalający na szybki podgląd infografiki kosztorysowej bezpośrednio w przeglądarce oraz na bezpieczne pobranie pliku PDF na dysk urządzenia.",
    "applicationCategory": "MultimediaApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<div class="rk-dl-widget">
    
    <div class="rk-dl-header">
        <h2>Kompletne zestawienie kosztów do pobrania – Infografika i PDF</h2>
        <p>Zapisz na dysku lub wydrukuj nasze szczegółowe zestawienie kosztów instalacji wodnego ogrzewania podłogowego. Przygotowałem dla Ciebie czytelną infografikę oraz gotowy plik PDF, idealny do omówienia z Twoim wykonawcą.</p>
        
        <div class="rk-dl-tags">
            <span class="rk-dl-tag"># infografika ogrzewanie podłogowe</span>
            <span class="rk-dl-tag"># kosztorys podłogówki pdf</span>
            <span class="rk-dl-tag"># zestawienie materiałów do druku</span>
        </div>
    </div>

    <div class="rk-dl-interactive">
        <div class="rk-dl-toggle-box">
            <div class="rk-dl-toggle-btn active" data-view="image">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
                Podgląd Infografiki
            </div>
            <div class="rk-dl-toggle-btn" data-view="pdf">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" y1="18" x2="12" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line></svg>
                Pobierz Dokumentację PDF
            </div>
        </div>
    </div>

    <div class="rk-dl-content-wrapper">
        
        <!-- Widok 1: Podgląd Obrazka -->
        <div class="rk-dl-view active" id="view-image">
            <div class="rk-dl-image-container">
                <!-- Zastosowano dokładny link z polecenia (spacja/znaki specjalne zakodowane wg standardu URL by zapobiec błędom na WordPressie) -->
                <img decoding="async" src="https://projekt-ogrzewania.pl/wp-content/uploads/2026/06/Infografika-Ile-kosztuje-100-m%C2%B2-ogrzewania-podlogowego.webp" alt="Infografika - Ile kosztuje 100 m² ogrzewania podłogowego" loading="lazy">
            </div>
        </div>

        <!-- Widok 2: Panel Pobierania PDF -->
        <div class="rk-dl-view" id="view-pdf">
            <div class="rk-dl-pdf-container">
                <div class="rk-dl-pdf-icon">
                    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><path d="M12 18v-6"></path><path d="M9 15l3 3 3-3"></path></svg>
                </div>
                <h3 class="rk-dl-pdf-title">Kosztorys: 100 m² Podłogówki</h3>
                <p class="rk-dl-pdf-desc">Plik PDF wysokiej rozdzielczości przygotowany do wydruku. Zawiera pełne rozbicie cenowe materiałów systemowych oraz robocizny, opracowane na rok 2026.</p>
                <a href="https://projekt-ogrzewania.pl/wp-content/uploads/2026/06/Infografika-Ile-kosztuje-100-m%C2%B2-ogrzewania-podlogowego.pdf" class="rk-dl-btn-download" target="_blank" rel="noopener noreferrer" download>
                    Pobierz plik PDF
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
                </a>
            </div>
        </div>

        <!-- Stała stopka z prawami autorskimi -->
        <div class="rk-dl-copyright">
            <strong>© 2026 Projekt-Ogrzewania.pl | Autor: Robert Kucharski</strong><br>
            Udostępnianie materiału PDF dozwolone wyłącznie z zachowaniem logotypu portalu i bez modyfikacji pliku.
        </div>

    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const btns = document.querySelectorAll('.rk-dl-toggle-btn');
    const views = document.querySelectorAll('.rk-dl-view');

    btns.forEach(btn => {
        btn.addEventListener('click', function() {
            // Zdejmij active ze wszystkich
            btns.forEach(b => b.classList.remove('active'));
            views.forEach(v => v.classList.remove('active'));

            // Dodaj active do klikniętego
            this.classList.add('active');

            // Pokaż odpowiedni widok
            const viewId = this.getAttribute('data-view');
            document.getElementById('view-' + viewId).classList.add('active');
        });
    });
});
</script>
<p>Artykuł <a href="https://projekt-ogrzewania.pl/ile-kosztuje-100-m%c2%b2-ogrzewania-podlogowego/">Ile kosztuje 100 m² ogrzewania podłogowego?</a> pochodzi z serwisu <a href="https://projekt-ogrzewania.pl">Projekt Ogrzewania</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
