<?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 duże przeszklenia - Projekt Ogrzewania</title>
	<atom:link href="https://projekt-ogrzewania.pl/tag/duze-przeszklenia/feed/" rel="self" type="application/rss+xml" />
	<link>https://projekt-ogrzewania.pl/tag/duze-przeszklenia/</link>
	<description>Twój partner w projektowaniu komfortu – profesjonalne ogrzewanie podłogowe dla Twojego domu.</description>
	<lastBuildDate>Fri, 17 Jul 2026 11:29:29 +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 duże przeszklenia - Projekt Ogrzewania</title>
	<link>https://projekt-ogrzewania.pl/tag/duze-przeszklenia/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Projekt ogrzewania podłogowego do domu z dużymi przeszkleniami  jak poradzić sobie ze strefą przy oknach?</title>
		<link>https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/</link>
		
		<dc:creator><![CDATA[Robert Kucharski]]></dc:creator>
		<pubDate>Fri, 03 Apr 2026 18:14:51 +0000</pubDate>
				<category><![CDATA[Budowa domu]]></category>
		<category><![CDATA[Budowa i remont]]></category>
		<category><![CDATA[Instalacje budowlane]]></category>
		<category><![CDATA[Instalacje grzewcze]]></category>
		<category><![CDATA[Ogrzewanie podłogowe]]></category>
		<category><![CDATA[Okna]]></category>
		<category><![CDATA[Poradnik budowlany]]></category>
		<category><![CDATA[Poradnik inwestora]]></category>
		<category><![CDATA[Poradniki budowlane]]></category>
		<category><![CDATA[Poradniki dla inwestorów]]></category>
		<category><![CDATA[dom energooszczędny]]></category>
		<category><![CDATA[duże przeszklenia]]></category>
		<category><![CDATA[izolacja xps]]></category>
		<category><![CDATA[komfort termiczny]]></category>
		<category><![CDATA[konwektory kanałowe]]></category>
		<category><![CDATA[ogrzewanie podłogowe]]></category>
		<category><![CDATA[okna panoramiczne]]></category>
		<category><![CDATA[projektowanie instalacji]]></category>
		<category><![CDATA[rozstaw rur]]></category>
		<category><![CDATA[strefa brzegowa]]></category>
		<guid isPermaLink="false">https://projekt-ogrzewania.pl/?p=4070</guid>

					<description><![CDATA[<p>Współczesna architektura zachwyca ogromnymi przeszkleniami, które otwierają wnętrza na ogród i wpuszczają do środka mnóstwo naturalnego światła. Jednak to, co cieszy oko, bywa sporym wyzwaniem dla inżynierów sanitarnych. Zimne tafle szkła generują zjawisko spływu chłodnego powietrza, co może prowadzić do powstawania nieprzyjemnych przeciągów i dyskomfortu termicznego. Właściwie przygotowany projekt ogrzewania podłogowego do domu z dużymi przeszkleniami musi uwzględniać specyfikę strefy brzegowej, aby skutecznie zniwelować straty ciepła przy oknach tarasowych. W naszym poradniku szczegółowo analizujemy fizykę tego zjawiska, podpowiadamy, jak obliczyć zagęszczenie rur, jaką izolację zastosować oraz kiedy niezbędne okaże się wsparcie w postaci konwektorów kanałowych. Dowiedz się, jak zaprojektować system, który zagwarantuje ciepłe stopy nawet przy panoramicznych oknach w mroźne dni.</p>
<p>Artykuł <a href="https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/">Projekt ogrzewania podłogowego do domu z dużymi przeszkleniami  jak poradzić sobie ze strefą przy oknach?</a> pochodzi z serwisu <a href="https://projekt-ogrzewania.pl">Projekt Ogrzewania</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-wstep",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Projekt ogrzewania podłogowego do domu z dużymi przeszkleniami – jak poradzić sobie ze strefą przy oknach?",
    "description": "Masz duże okna tarasowe i obawiasz się zimnych stóp? Poznaj inżynierskie zasady projektowania stref brzegowych, które eliminują mostki termiczne i spływ chłodu.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-wstep",
    "name": "Wytyczne Startowe dla Instalacji Płaszczyznowych przy Oknach Panoramicznych",
    "description": "Zestawienie fundamentalnych zasad i wytycznych inżynieryjnych dla stref brzegowych, zapobiegających dyskomfortowi termicznemu przy dużych przeszkleniach.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "projekt ogrzewania podłogowego do domu z dużymi przeszkleniami",
      "strefa przyokienna ogrzewanie podłogowe",
      "okna tarasowe a podłogówka",
      "zimne stopy przy oknie hs",
      "eliminacja spływu zimnego powietrza"
    ],
    "measurementTechnique": "Przegląd inżynierskich wymagań dotyczących rozstawu rur (10 cm), wydzielania obwodów hydraulicznych oraz stosowania podbudowy XPS w miejscach narażonych na krytyczne straty ciepła.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Rozwiązanie podstawowe: Wydzielenie odrębnej strefy brzegowej na osobnym rotametrze.",
        "Zagęszczenie układu: Zastosowanie rozstawu rur grzewczych co 10 cm w pasie 1,2 metra od szyby.",
        "Zabezpieczenie dolne: Wykorzystanie twardej izolacji XPS 300 pod konstrukcją okna HS."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-intro",
    "name": "Interaktywny Przewodnik po Artykule HVAC",
    "description": "Moduł wstępny grupujący kluczowe wnioski z artykułu (Szybka Odpowiedź) oraz nawigację do wbudowanych kalkulatorów i symulatorów termicznych.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-intro-dark: #0f172a;
    --rk-intro-blue: #0284c7;
    --rk-intro-blue-light: #f0f9ff;
    --rk-intro-green: #059669;
    --rk-intro-green-light: #d1fae5;
    --rk-intro-gray: #475569;
    --rk-intro-border: #e2e8f0;
    --rk-intro-bg: #ffffff;
}

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

/* Header / Hook Section */
.rk-intro-header {
    background: linear-gradient(135deg, var(--rk-intro-dark) 0%, #1e293b 100%);
    padding: 45px;
    color: #ffffff;
}

.rk-intro-header h2 {
    font-size: 30px;
    font-weight: 900;
    margin: 0 0 20px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-intro-hook {
    font-size: 18px;
    color: #bae6fd;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 15px 0;
    text-transform: none !important;
}

.rk-intro-desc {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.7;
    margin: 0;
    max-width: 850px;
    text-transform: none !important;
}

/* Interactive Workspace */
.rk-intro-workspace {
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

/* Top Menu (Tabs) */
.rk-intro-selector {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid var(--rk-intro-border);
    background: #f8fafc;
    display: flex;
    flex-direction: row;
}

.rk-intro-btn {
    flex: 1;
    padding: 25px 30px;
    background: transparent;
    border: none;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-transform: none !important;
}

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

.rk-intro-btn.active[data-target="odpowiedz"] {
    background: #ffffff;
    border-bottom-color: var(--rk-intro-green);
}

.rk-intro-btn.active[data-target="narzedzia"] {
    background: #ffffff;
    border-bottom-color: var(--rk-intro-blue);
}

.rk-intro-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rk-intro-gray);
    background: #e2e8f0;
}

.rk-intro-btn.active[data-target="odpowiedz"] .rk-intro-icon { 
    background: var(--rk-intro-green-light); 
    color: var(--rk-intro-green); 
}

.rk-intro-btn.active[data-target="narzedzia"] .rk-intro-icon { 
    background: var(--rk-intro-blue-light); 
    color: var(--rk-intro-blue); 
}

.rk-intro-label {
    font-size: 17px;
    font-weight: 800;
    color: var(--rk-intro-gray);
    margin: 0;
    text-transform: none !important;
    transition: color 0.3s;
}

.rk-intro-btn.active .rk-intro-label {
    color: var(--rk-intro-dark);
}

/* Display Panels */
.rk-intro-display {
    width: 100%;
    padding: 40px 45px;
}

.rk-intro-panel {
    display: none;
}

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

/* Quick Answer Box */
.rk-quick-answer {
    background: var(--rk-intro-green-light);
    border: 1px solid rgba(5, 150, 105, 0.2);
    border-radius: 16px;
    padding: 35px;
    position: relative;
}

.rk-quick-badge {
    position: absolute;
    top: -12px;
    left: 35px;
    background: var(--rk-intro-green);
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    padding: 4px 12px;
    border-radius: 6px;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
}

.rk-quick-answer h3 {
    margin: 0 0 15px 0;
    font-size: 22px;
    font-weight: 900;
    color: var(--rk-intro-dark);
    text-transform: none !important;
}

.rk-quick-answer p {
    margin: 0 0 15px 0;
    font-size: 17px;
    line-height: 1.6;
    color: #064e3b;
    text-transform: none !important;
}

.rk-quick-answer p:last-child {
    margin: 0;
}

.rk-quick-answer a {
    color: var(--rk-intro-green);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Tools Teaser Box */
.rk-tools-teaser {
    background: #ffffff;
}

.rk-tools-teaser h3 {
    margin: 0 0 20px 0;
    font-size: 22px;
    font-weight: 900;
    color: var(--rk-intro-dark);
    text-transform: none !important;
}

.rk-tools-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.rk-tool-card {
    border: 1px solid var(--rk-intro-border);
    border-radius: 12px;
    padding: 25px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    background: #f8fafc;
}

.rk-tool-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--rk-intro-blue-light);
    color: var(--rk-intro-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rk-tool-text h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-intro-dark);
    text-transform: none !important;
}

.rk-tool-text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--rk-intro-gray);
    text-transform: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .rk-intro-header { padding: 35px 25px; }
    .rk-intro-header h2 { font-size: 24px; }
    .rk-intro-selector { flex-direction: column; background: #ffffff; border-bottom: none; }
    .rk-intro-btn { border: 1px solid var(--rk-intro-border); border-bottom: 1px solid var(--rk-intro-border); border-radius: 12px; margin: 10px 25px 0 25px; padding: 15px; justify-content: flex-start; }
    .rk-intro-btn.active[data-target="odpowiedz"] { border-color: var(--rk-intro-green); border-bottom-width: 4px; }
    .rk-intro-btn.active[data-target="narzedzia"] { border-color: var(--rk-intro-blue); border-bottom-width: 4px; }
    .rk-intro-display { padding: 25px; }
    .rk-quick-answer { padding: 30px 20px; }
    .rk-quick-badge { left: 20px; }
    .rk-tools-grid { grid-template-columns: 1fr; }
}
</style>

<div class="rk-intro-container" id="rk-modul-wstep">
    
    <!-- Sekcja Hooka i Tekstu Bazowego -->
    <div class="rk-intro-header">
        <p class="rk-intro-hook">Masz piękne, wielkie okna tarasowe, ale przeraża Cię wizja marznących zimą stóp i podmuchów wiatru od szyby?</p>
        <h2>Projekt ogrzewania podłogowego do domu z dużymi przeszkleniami. Jak opanować strefę przy oknach?</h2>
        <p class="rk-intro-desc">Prawidłowo zaprojektowana strefa brzegowa (przyokienna) to specjalistyczne opracowanie inżynieryjne określające parametry hydrauliczne pętli grzewczych. Ma na celu zrównoważenie liniowych strat ciepła i całkowitą eliminację zjawiska spływu zimnego powietrza. W budynkach o wysokim udziale przeszkleń standardowe podejście &#8222;na oko&#8221; zawsze zawodzi, generując potężne mostki termiczne. Profesjonalny projekt gwarantuje stabilność termiczną i najwyższą sprawność pomp ciepła.</p>
    </div>

    <div class="rk-intro-workspace">
        
        <!-- Top Menu (Tabs) -->
        <div class="rk-intro-selector">
            <button class="rk-intro-btn active" data-target="odpowiedz">
                <div class="rk-intro-icon">
                    <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="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
                </div>
                <h4 class="rk-intro-label">Szybka Odpowiedź (TL;DR)</h4>
            </button>
            
            <button class="rk-intro-btn" data-target="narzedzia">
                <div class="rk-intro-icon">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg>
                </div>
                <h4 class="rk-intro-label">Co zawiera ten poradnik?</h4>
            </button>
        </div>

        <!-- Display Area -->
        <div class="rk-intro-display">
            
            <!-- PANEL 1: Szybka Odpowiedź -->
            <div class="rk-intro-panel active" id="panel-odpowiedz">
                <div class="rk-quick-answer">
                    <div class="rk-quick-badge">Konkret Inżynierski</div>
                    <h3>Podsumowanie dla niecierpliwych</h3>
                    <p>Aby skutecznie zablokować opadanie zimnego powietrza przy oknach tarasowych typu HS, niezbędne jest zastosowanie <strong>oddzielnego obwodu grzewczego (strefy brzegowej)</strong> z rurami zagęszczonymi zazwyczaj <strong>co 10 cm</strong> w pasie o szerokości około 1,2 metra.</p>
                    <p>Wymagane jest również zamontowanie <a href="https://projekt-ogrzewania.pl/izolacja-brzegowa-i-dylatacje-w-instalacji-ogrzewania-podlogowego/">twardej izolacji XPS 300 pod konstrukcją okna</a> oraz oddzielenie wylewki taśmą dylatacyjną. Podłączenie tej strefy pod niezależny rotametr na rozdzielaczu pozwala dogrzać okno bez przegrzewania środka salonu.</p>
                </div>
            </div>

            <!-- PANEL 2: Narzędzia -->
            <div class="rk-intro-panel" id="panel-narzedzia">
                <div class="rk-tools-teaser">
                    <h3>Czytaj dalej i skorzystaj z interaktywnych narzędzi w artykule:</h3>
                    <div class="rk-tools-grid">
                        
                        <div class="rk-tool-card">
                            <div class="rk-tool-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"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="9" y1="21" x2="9" y2="9"/></svg>
                            </div>
                            <div class="rk-tool-text">
                                <h4>Kalkulator Strefy Brzegowej</h4>
                                <p>Podaj wysokość i szerokość okna, a algorytm w czasie rzeczywistym dobierze optymalny rozstaw rur.</p>
                            </div>
                        </div>

                        <div class="rk-tool-card">
                            <div class="rk-tool-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="M21 12H3"/><path d="M12 3v18"/></svg>
                            </div>
                            <div class="rk-tool-text">
                                <h4>Komparator Stref Hydraulicznych</h4>
                                <p>Przełączaj między strefą główną a przyokienną i poznaj dokładne wymogi normy PN-EN 1264.</p>
                            </div>
                        </div>

                        <div class="rk-tool-card">
                            <div class="rk-tool-icon">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>
                            </div>
                            <div class="rk-tool-text">
                                <h4>Katalog Błędów Montażowych</h4>
                                <p>Sprawdź, dlaczego zwykły styropian EPS to błąd i jak uniknąć złamania rury PEX przy gęstym gięciu.</p>
                            </div>
                        </div>

                        <div class="rk-tool-card">
                            <div class="rk-tool-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="M12 2v20"/><path d="m4.93 10.93 14.14 2.14"/><path d="m4.93 13.07 14.14-2.14"/></svg>
                            </div>
                            <div class="rk-tool-text">
                                <h4>Zjawiska Termiczne</h4>
                                <p>Zrozum, dlaczego okna ściągają chłód i jak strefa przyokienna ratuje COP Twojej pompy ciepła.</p>
                            </div>
                        </div>

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

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

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-intro-btn');
    var panels = document.querySelectorAll('.rk-intro-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetId = 'panel-' + this.getAttribute('data-target');

            // Zmiana przycisku (bezpieczny JS bez podwójnych ampersandów)
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Wyświetlenie konkretnego panelu z treścią
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetId) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-fizyka-budynku",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Dlaczego strefa przy oknach tarasowych jest zimna i jak fizyka budynku definiuje ten problem?",
    "description": "Zrozum zjawisko opadającego zimna przy oknach panoramicznych. Sprawdź, jak asymetria promieniowania niszczy komfort i dlaczego obniża współczynnik COP pompy ciepła.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-fizyka",
    "name": "Parametry Termofizyczne Przeszkleń i Wskaźniki Dyskomfortu",
    "description": "Zestawienie analityczne dotyczące strat ciepła przez przeszklenia tarasowe, wpływu różnicy temperatur na zjawisko konwekcji oraz skutków finansowych dla pomp ciepła.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "fizyka budynku okna tarasowe",
      "współczynnik przenikania ciepła szyby",
      "asymetria temperatury promieniowania",
      "współczynnik cop pompy ciepła",
      "strefa przyokienna wychładzanie"
    ],
    "measurementTechnique": "Modelowanie termiczne w oparciu o normę PN-EN ISO 6946 dla oporu przegród oraz PN-EN ISO 7730 (wskaźniki PMV/PPD) dla oceny asymetrii temperatury promieniowania.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Fizyka przegrody: Współczynnik przenikania nowoczesnych pakietów 3-szybowych (0,5 - 0,9 W/(m2K)) jest do 7 razy gorszy niż ścian (WT2021: 0,20 W/(m2K)).",
        "Zjawisko konwekcji: Przy -16°C na zewnątrz, szyba ma wewnątrz zaledwie 12-14°C, co powoduje opadanie zimnego powietrza.",
        "Komfort termiczny: Brak min. 120 W/m2 z podłogi obniża temp. posadzki poniżej 19°C, łamiąc normy PN-EN ISO 7730.",
        "Wydajność źródła: Próba kompensacji przez podbicie zasilania do 42°C obniża COP pompy ciepła o 15-20%."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-fizyka-termo",
    "name": "Symulator Zjawisk Termicznych Strefy Okiennej",
    "description": "Interaktywny analizator wizualizujący mechanizm spływu zimnego powietrza, powstawanie dyskomfortu cieplnego i straty sprawności niskotemperaturowych źródeł ciepła.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-phys-dark: #0f172a;
    --rk-phys-blue: #0284c7;
    --rk-phys-blue-light: #e0f2fe;
    --rk-phys-red: #ef4444;
    --rk-phys-red-light: #fef2f2;
    --rk-phys-ice: #38bdf8;
    --rk-phys-ice-light: #f0f9ff;
    --rk-phys-gray: #475569;
    --rk-phys-border: #cbd5e1;
    --rk-phys-bg: #ffffff;
}

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

/* Header Section */
.rk-phys-header {
    background: linear-gradient(135deg, var(--rk-phys-dark) 0%, #1e293b 100%);
    padding: 40px 45px;
    color: #ffffff;
}

.rk-phys-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-phys-header p {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

/* Interactive Workspace */
.rk-phys-workspace {
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

/* Top Menu (Tiles) */
.rk-phys-selector {
    width: 100%;
    padding: 35px 45px;
    border-bottom: 1px solid var(--rk-phys-border);
    background: #f8fafc;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.rk-phys-btn {
    flex: 1;
    padding: 20px;
    background: #ffffff;
    border: 2px solid var(--rk-phys-border);
    border-radius: 14px;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-transform: none !important;
}

.rk-phys-btn:hover {
    border-color: #94a3b8;
    background: #f1f5f9;
}

/* Active States */
.rk-phys-btn.active[data-target="zjawisko"] {
    border-color: var(--rk-phys-ice);
    background: var(--rk-phys-ice-light);
    box-shadow: 0 8px 20px -5px rgba(56, 189, 248, 0.15);
}

.rk-phys-btn.active[data-target="dyskomfort"] {
    border-color: var(--rk-phys-blue);
    background: var(--rk-phys-blue-light);
    box-shadow: 0 8px 20px -5px rgba(2, 132, 199, 0.15);
}

.rk-phys-btn.active[data-target="koszty"] {
    border-color: var(--rk-phys-red);
    background: var(--rk-phys-red-light);
    box-shadow: 0 8px 20px -5px rgba(239, 68, 68, 0.15);
}

.rk-phys-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: var(--rk-phys-gray);
    transition: all 0.3s;
}

.rk-phys-btn.active[data-target="zjawisko"] .rk-phys-icon { background: var(--rk-phys-ice); color: #0f172a; }
.rk-phys-btn.active[data-target="dyskomfort"] .rk-phys-icon { background: var(--rk-phys-blue); color: #fff; }
.rk-phys-btn.active[data-target="koszty"] .rk-phys-icon { background: var(--rk-phys-red); color: #fff; }

.rk-phys-label {
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-phys-dark);
    margin: 0;
    text-transform: none !important;
}

.rk-phys-sub {
    font-size: 13px;
    color: var(--rk-phys-gray);
    margin: 0;
    text-transform: none !important;
}

/* Display Area */
.rk-phys-display {
    width: 100%;
    padding: 40px 45px;
}

.rk-phys-panel {
    display: none;
    animation: fadeInPhys 0.4s ease forwards;
}

.rk-phys-panel.active {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
}

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

/* Wizualizacje */
.rk-phys-viz {
    flex: 1;
    height: 280px;
    background: #f8fafc;
    border-radius: 16px;
    border: 1px dashed var(--rk-phys-border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.rk-phys-details {
    flex: 1.2;
    background: #ffffff;
}

.rk-phys-details h3 {
    margin: 0 0 15px 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--rk-phys-dark);
    text-transform: none !important;
}

.rk-phys-details p {
    margin: 0 0 15px 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--rk-phys-gray);
    text-transform: none !important;
}

.rk-phys-details p:last-child {
    margin: 0;
}

.rk-phys-details a {
    color: var(--rk-phys-blue);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
}

.rk-phys-details a:hover {
    color: var(--rk-phys-dark);
}

.rk-phys-highlight {
    background: #f1f5f9;
    padding: 15px;
    border-left: 4px solid var(--rk-phys-blue);
    border-radius: 0 8px 8px 0;
    margin-top: 15px;
}

.rk-phys-highlight strong {
    color: var(--rk-phys-dark);
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    text-transform: none !important;
}

/* Animations SVG */
.rk-anim-cold-drop { stroke-dasharray: 15; animation: physDrop 2s linear infinite; }
@keyframes physDrop { to { stroke-dashoffset: -30; } }

.rk-anim-pulse-red { transform-origin: center; animation: pulseRed 2s infinite; }
@keyframes pulseRed { 0% { transform: scale(0.95); opacity: 0.7;} 50% { transform: scale(1.05); opacity: 1;} 100% { transform: scale(0.95); opacity: 0.7;} }

/* Responsive */
@media (max-width: 768px) {
    .rk-phys-header { padding: 30px 20px; }
    .rk-phys-selector { flex-direction: column; padding: 30px 20px; gap: 15px; }
    .rk-phys-btn { padding: 15px 20px; flex-direction: row; align-items: center; }
    .rk-phys-display { padding: 30px 20px; }
    .rk-phys-panel.active { flex-direction: column; gap: 30px; }
    .rk-phys-viz { width: 100%; height: 220px; }
}
</style>

<div class="rk-phys-container" id="rk-modul-fizyka">
    <div class="rk-phys-header">
        <h2>Dlaczego strefa przy oknach tarasowych jest zimna i jak fizyka budynku definiuje ten problem?</h2>
        <p>Wielkie przeszklenia to spektakularny wygląd, ale potężne wyzwanie dla inżynierii termalnej. Zobacz, dlaczego standardowe podejście do podłogówki tutaj całkowicie zawodzi.</p>
    </div>

    <div class="rk-phys-workspace">
        
        <!-- Top Menu -->
        <div class="rk-phys-selector">
            <button class="rk-phys-btn active" data-target="zjawisko">
                <div class="rk-phys-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20"/><path d="m4.93 10.93 14.14 2.14"/><path d="m4.93 13.07 14.14-2.14"/></svg>
                </div>
                <div>
                    <h4 class="rk-phys-label">Efekt Kominowy</h4>
                    <p class="rk-phys-sub">Fizyka zjawiska</p>
                </div>
            </button>
            
            <button class="rk-phys-btn" data-target="dyskomfort">
                <div class="rk-phys-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z"/><path d="M12 7v5"/></svg>
                </div>
                <div>
                    <h4 class="rk-phys-label">Asymetria Temperatur</h4>
                    <p class="rk-phys-sub">Odczucie przeciągu</p>
                </div>
            </button>
            
            <button class="rk-phys-btn" data-target="koszty">
                <div class="rk-phys-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
                </div>
                <div>
                    <h4 class="rk-phys-label">Spadek COP Pompy</h4>
                    <p class="rk-phys-sub">Skutki finansowe</p>
                </div>
            </button>
        </div>

        <!-- Display Area -->
        <div class="rk-phys-display">
            
            <!-- PANEL 1: Zjawisko -->
            <div class="rk-phys-panel active" id="panel-zjawisko">
                <div class="rk-phys-viz">
                    <svg viewBox="0 0 300 200" width="100%" height="100%">
                        <!-- Szyba -->
                        <rect x="50" y="20" width="20" height="150" fill="#bae6fd" stroke="#38bdf8" stroke-width="2" />
                        <text x="35" y="90" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0284c7" transform="rotate(-90 35,90)">Zimno (-16°C)</text>
                        <!-- Powietrze opadające -->
                        <path class="rk-anim-cold-drop" d="M90 30 L90 160 Q 90 170 120 170 L200 170" fill="none" stroke="#38bdf8" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
                        <path class="rk-anim-cold-drop" d="M110 50 L110 150 Q 110 160 140 160 L200 160" fill="none" stroke="#38bdf8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="animation-delay: 0.5s;" />
                        <text x="140" y="140" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0369a1">SPŁYW POWIETRZA</text>
                    </svg>
                </div>
                <div class="rk-phys-details">
                    <h3>Gwałtowne wychładzanie i zjawisko konwekcji</h3>
                    <p>Współczynnik przenikania ciepła dla bardzo dobrych, nowoczesnych pakietów trzyszybowych wynosi zazwyczaj od 0,5 do 0,9 W/(m2K). To oznacza, że zgodnie z normą PN-EN ISO 6946 stawiają one opór cieplny nawet <strong>siedmiokrotnie mniejszy</strong> niż ściana ocieplona w standardzie WT2021 (gdzie U wynosi 0,20 W/(m2K)).</p>
                    <p>Zimą, przy temperaturze zewnętrznej wynoszącej -16°C i zachowaniu komfortowych 22°C wewnątrz, wewnętrzna tafla szyby wychładza się i osiąga zaledwie 12 do 14°C.</p>
                    <div class="rk-phys-highlight">
                        <strong>Fizyka opadania:</strong>
                        <p>Powietrze stykające się z tak chłodną taflą gwałtownie gęstnieje, zwiększa swoją masę właściwą i błyskawicznie opada w dół, tworząc na podłodze odczuwalny strumień zimna (to tzw. mechanizm pętli konwekcyjnej).</p>
                    </div>
                </div>
            </div>

            <!-- PANEL 2: Dyskomfort -->
            <div class="rk-phys-panel" id="panel-dyskomfort">
                <div class="rk-phys-viz">
                    <svg viewBox="0 0 300 200" width="100%" height="100%">
                        <!-- Ciało człowieka z temperaturami -->
                        <circle cx="150" cy="50" r="15" fill="#f87171" />
                        <line x1="150" y1="65" x2="150" y2="120" stroke="#f87171" stroke-width="8" stroke-linecap="round" />
                        <line x1="150" y1="120" x2="140" y2="180" stroke="#38bdf8" stroke-width="8" stroke-linecap="round" />
                        <line x1="150" y1="120" x2="160" y2="180" stroke="#38bdf8" stroke-width="8" stroke-linecap="round" />
                        <!-- Termometry -->
                        <text x="180" y="55" font-family="sans-serif" font-size="14" font-weight="bold" fill="#ef4444">Termostat: +22°C</text>
                        <text x="180" y="175" font-family="sans-serif" font-size="14" font-weight="bold" fill="#0284c7">Stopy: < 19°C</text>
                    </svg>
                </div>
                <div class="rk-phys-details">
                    <h3>Zimne stopy i asymetria promieniowania</h3>
                    <p>Aby zablokować to zjawisko, podłoga bezpośrednio przy oknie musi wygenerować bardzo silny strumień ciepła – o gęstości równej co najmniej 120 W/m2.</p>
                    <p>Jeżeli instalator zignoruje ten fakt i rozłoży rurki "tak jak wszędzie", temperatura powierzchni posadzki pod oknem spadnie poniżej 19°C. Powoduje to lokalne przekroczenie tzw. asymetrii temperatury promieniowania określonej w ścisłej normie PN-EN ISO 7730 dotyczącej <a href="https://projekt-ogrzewania.pl/bilans-cieplny-budynku-fundament-efektywnosci-energetycznej-i-komfortu/">komfortu cieplnego</a> (kategoria PMV/PPD).</p>
                    <div class="rk-phys-highlight">
                        <strong>Odczucie przeciągu:</strong>
                        <p>Dla Ciebie, jako domownika, rezultat jest okrutny: odczuwasz permanentny, irytujący przeciąg na poziomie stóp, nawet jeśli drogi termostat na ścianie pośrodku salonu z dumą wskazuje optymalne 22°C.</p>
                    </div>
                </div>
            </div>

            <!-- PANEL 3: Koszty -->
            <div class="rk-phys-panel" id="panel-koszty">
                <div class="rk-phys-viz">
                    <svg viewBox="0 0 300 200" width="100%" height="100%">
                        <!-- Pompa ciepła box -->
                        <rect x="80" y="60" width="140" height="100" fill="#f1f5f9" stroke="#94a3b8" stroke-width="4" rx="8" />
                        <circle cx="150" cy="110" r="30" fill="none" stroke="#64748b" stroke-width="4" stroke-dasharray="4 4" />
                        <!-- Czerwona strzałka temperatury w górę -->
                        <path class="rk-anim-pulse-red" d="M50 160 L50 60 L40 70 M50 60 L60 70" fill="none" stroke="#ef4444" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
                        <text x="30" y="45" font-family="sans-serif" font-size="14" font-weight="bold" fill="#ef4444">42°C</text>
                        <!-- Zielona strzałka COP w dół (teraz jako marnowanie pieniędzy - czerwona) -->
                        <path d="M250 60 L250 160 L240 150 M250 160 L260 150" fill="none" stroke="#ea580c" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
                        <text x="230" y="185" font-family="sans-serif" font-size="14" font-weight="bold" fill="#ea580c">COP -20%</text>
                    </svg>
                </div>
                <div class="rk-phys-details">
                    <h3>Katastrofa dla wydajności pompy ciepła</h3>
                    <p>Aby ratować sytuację i próbować zniwelować ciąg zimna w niedogrzanym salonie, instalatorzy (lub sami domownicy) ratują się najgorszym możliwym krokiem: brutalnym podniesieniem temperatury zasilania całego układu na urządzeniu grzewczym.</p>
                    <p>Podniesienie krzywej grzewczej z projektowych 35°C do poziomu 42°C jest mordercze dla agregatu.</p>
                    <div class="rk-phys-highlight">
                        <strong>Uderzenie w portfel:</strong>
                        <p>Zmuszenie <a href="https://projekt-ogrzewania.pl/pompa-ciepla/">pompy ciepła</a> do produkcji tak gorącej wody automatycznie obniża jej współczynnik efektywności (COP) o około 15 do 20 procent. Generuje to setki złotych czystej straty na rachunkach za prąd w skali każdego jednego sezonu grzewczego.</p>
                    </div>
                </div>
            </div>

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

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-phys-btn');
    var panels = document.querySelectorAll('.rk-phys-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetId = 'panel-' + this.getAttribute('data-target');

            // Zmiana przycisku bez logicznego AND (bezpieczny JS)
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Wyświetlenie konkretnego panelu z treścią
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetId) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-obliczenia",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Jak obliczyć rozstaw rur ogrzewania podłogowego przy dużych oknach panoramicznych?",
    "description": "Czteroetapowy inżynieryjny algorytm doboru rozstawu rur w strefie brzegowej. Poznaj zasady obliczania strat przez szybę i kompensacji efektu bryzy.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-algorytm",
    "name": "Algorytm Obliczeniowy Rozstawu Rur w Strefie Brzegowej",
    "description": "Metodyka inżynierska obliczania zapotrzebowania cieplnego i gęstości strumienia cieplnego przy oknach panoramicznych z uwzględnieniem konwekcji.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "obliczanie rozstawu rur podłogówka",
      "straty ciepła przez okno",
      "zapotrzebowanie na moc ogrzewania",
      "gęstość strumienia cieplnego",
      "współczynnik przenikania ciepła Uw"
    ],
    "measurementTechnique": "Obliczenia zgodne z normą PN-EN 1264-3, uwzględniające 30% naddatku mocy na zjawisko spływu grawitacyjnego chłodnego powietrza.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Krok 1: Wyznaczenie bazowych strat ciepła z 1 m2 przeszklenia na podstawie Uw i różnicy temperatur.",
        "Krok 2: Przeliczenie na metr bieżący z uwzględnieniem wysokości okna i narzutu 30% na konwekcję.",
        "Krok 3: Wyznaczenie gęstości mocy strefy brzegowej (W/m2) dzieląc przez planowaną szerokość pasa.",
        "Krok 4: Dobór rozstawu rur (np. 10 cm dla wydajności 130-145 W/m2 przy zasilaniu 35°C)."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-stepper",
    "name": "Krokowy Algorytm Inżynierski HVAC",
    "description": "Narzędzie interaktywne typu Stepper prezentujące cztery etapy obliczeń inżynieryjnych niezbędnych do prawidłowego zwymiarowania strefy brzegowej.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-step-dark: #0f172a;
    --rk-step-blue: #0ea5e9;
    --rk-step-blue-light: #f0f9ff;
    --rk-step-gray: #475569;
    --rk-step-gray-light: #f8fafc;
    --rk-step-border: #e2e8f0;
    --rk-step-bg: #ffffff;
}

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

/* Header Section */
.rk-step-header {
    background: linear-gradient(135deg, var(--rk-step-dark) 0%, #1e293b 100%);
    padding: 40px 45px;
    color: #ffffff;
}

.rk-step-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-step-header p {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

.rk-step-header a {
    color: #7dd3fc;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Interactive Workspace */
.rk-step-workspace {
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

/* Top Progress Bar (Stepper) */
.rk-step-selector {
    width: 100%;
    padding: 30px 45px;
    border-bottom: 1px solid var(--rk-step-border);
    background: var(--rk-step-gray-light);
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.rk-step-btn {
    flex: 1;
    padding: 20px 15px;
    background: #ffffff;
    border: 2px solid var(--rk-step-border);
    border-radius: 12px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    position: relative;
    text-transform: none !important;
}

.rk-step-btn:hover {
    border-color: #94a3b8;
}

.rk-step-btn.active {
    border-color: var(--rk-step-blue);
    background: var(--rk-step-blue-light);
    box-shadow: 0 4px 15px rgba(14, 165, 233, 0.15);
}

.rk-step-number {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e2e8f0;
    color: var(--rk-step-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 900;
    flex-shrink: 0;
    transition: all 0.3s;
}

.rk-step-btn.active .rk-step-number {
    background: var(--rk-step-blue);
    color: #ffffff;
}

.rk-step-title {
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-step-dark);
    margin: 0;
    line-height: 1.3;
    text-transform: none !important;
}

.rk-step-subtitle {
    font-size: 12px;
    color: var(--rk-step-gray);
    margin: 0;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    font-weight: 700;
}

/* Bottom Content Area */
.rk-step-display {
    width: 100%;
    padding: 40px 45px;
}

.rk-step-panel {
    display: none;
    animation: fadeInStep 0.4s ease forwards;
}

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

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

.rk-step-details h3 {
    margin: 0 0 20px 0;
    font-size: 24px;
    font-weight: 900;
    color: var(--rk-step-dark);
    text-transform: none !important;
}

.rk-step-details p {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-step-gray);
    text-transform: none !important;
}

.rk-step-details a {
    color: var(--rk-step-blue);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
}

.rk-step-details a:hover {
    color: var(--rk-step-dark);
}

/* Calculation Box Styling */
.rk-calc-box {
    background: #f8fafc;
    border-left: 4px solid var(--rk-step-blue);
    padding: 30px;
    border-radius: 0 16px 16px 0;
    margin-top: 25px;
    border-top: 1px solid var(--rk-step-border);
    border-right: 1px solid var(--rk-step-border);
    border-bottom: 1px solid var(--rk-step-border);
}

.rk-calc-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed var(--rk-step-border);
    font-size: 16px;
    color: var(--rk-step-gray);
    text-transform: none !important;
}

.rk-calc-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.rk-calc-row.result {
    margin-top: 15px;
    padding-top: 20px;
    border-top: 2px solid var(--rk-step-border);
    border-bottom: none;
    font-size: 18px;
    color: var(--rk-step-dark);
    font-weight: 800;
}

.rk-calc-row.result span {
    color: var(--rk-step-blue);
    font-size: 24px;
    font-weight: 900;
}

/* Responsive */
@media (max-width: 768px) {
    .rk-step-header { padding: 30px 20px; }
    
    /* Na mobile kafelki układają się w pionowy stos lub siatkę 2x2 */
    .rk-step-selector { 
        flex-direction: column; 
        padding: 30px 20px; 
        gap: 15px;
    }
    
    .rk-step-btn {
        flex-direction: row;
        text-align: left;
        padding: 15px 20px;
    }
    
    .rk-step-display { padding: 30px 20px; }
    
    .rk-step-details h3 { font-size: 20px; }
    
    .rk-calc-row { 
        flex-direction: column; 
        align-items: flex-start; 
        gap: 5px; 
    }
    
    .rk-calc-row.result {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}
</style>

<div class="rk-step-container" id="rk-modul-obliczenia">
    <div class="rk-step-header">
        <h2>Jak obliczyć rozstaw rur ogrzewania podłogowego przy dużych oknach panoramicznych?</h2>
        <p>Optymalny rozstaw w strefie brzegowej wynosi 7,5 cm lub 10 cm, co zgodnie z <a href="https://projekt-ogrzewania.pl/pn-en-1264-norma-ktora-definiuje-ogrzewanie-podlogowe/">normą PN-EN 1264-3</a> pozwala uzyskać wysoką gęstość strumienia cieplnego. Prześledź 4 kroki inżynieryjnego algorytmu.</p>
    </div>

    <div class="rk-step-workspace">
        
        <!-- Top Menu: Stepper -->
        <div class="rk-step-selector">
            <button class="rk-step-btn active" data-step="1">
                <div class="rk-step-number">1</div>
                <div>
                    <h4 class="rk-step-title">Straty bazowe szyby</h4>
                    <p class="rk-step-subtitle">Przenikanie</p>
                </div>
            </button>
            <button class="rk-step-btn" data-step="2">
                <div class="rk-step-number">2</div>
                <div>
                    <h4 class="rk-step-title">Wysokość okna</h4>
                    <p class="rk-step-subtitle">Efekt bryzy</p>
                </div>
            </button>
            <button class="rk-step-btn" data-step="3">
                <div class="rk-step-number">3</div>
                <div>
                    <h4 class="rk-step-title">Moc strefy</h4>
                    <p class="rk-step-subtitle">Gęstość pasa</p>
                </div>
            </button>
            <button class="rk-step-btn" data-step="4">
                <div class="rk-step-number">4</div>
                <div>
                    <h4 class="rk-step-title">Dobór rur</h4>
                    <p class="rk-step-subtitle">Wydajność</p>
                </div>
            </button>
        </div>

        <!-- Bottom Content Area -->
        <div class="rk-step-display">
            
            <!-- STEP 1 -->
            <div class="rk-step-panel active" id="panel-1">
                <div class="rk-step-details">
                    <h3>Krok 1: Wyznaczenie bazowych strat ciepła przez przeszklenie</h3>
                    <p>W pierwszym kroku wykorzystujemy podstawowy wzór na gęstość strumienia strat ciepła z jednego metra kwadratowego szyby. Mnożymy współczynnik przenikania okna (Uw) przez różnicę temperatur wewnątrz i na zewnątrz (<a href="https://projekt-ogrzewania.pl/kalkulator-strat-ciepla-budynku-jak-samodzielnie-obliczyc-zapotrzebowanie-na-ogrzewanie/">spadek Delta T</a>).</p>
                    
                    <div class="rk-calc-box">
                        <div class="rk-calc-row">
                            <div>Współczynnik przenikania okna (Uw)</div>
                            <div>0,8 W/(m2K)</div>
                        </div>
                        <div class="rk-calc-row">
                            <div>Różnica temperatur (Delta T)</div>
                            <div>38 K (+22°C wew. / -16°C zew.)</div>
                        </div>
                        <div class="rk-calc-row">
                            <div>Wzór: q_okna = Uw * Delta T</div>
                            <div>0,8 * 38</div>
                        </div>
                        <div class="rk-calc-row result">
                            <div>Strata bazowa z 1 m2:</div>
                            <span>30,4 W/m2</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- STEP 2 -->
            <div class="rk-step-panel" id="panel-2">
                <div class="rk-step-details">
                    <h3>Krok 2: Przeliczenie na metr bieżący i kompensacja konwekcji</h3>
                    <p>Znając stratę z metra kwadratowego, musimy przeliczyć to na całą wysokość okna. Następnie dodajemy narzut 30% wynikający z norm projektowych – jest to bufor bezpieczeństwa na dynamiczny spływ chłodnego powietrza od szyby w dół (efekt bryzy).</p>
                    
                    <div class="rk-calc-box">
                        <div class="rk-calc-row">
                            <div>Strata bazowa okna</div>
                            <div>30,4 W/m2</div>
                        </div>
                        <div class="rk-calc-row">
                            <div>Wysokość przeszklenia (H)</div>
                            <div>2,3 m</div>
                        </div>
                        <div class="rk-calc-row">
                            <div>Współczynnik bezpieczeństwa (bryza)</div>
                            <div>+ 30% (mnożnik 1,3)</div>
                        </div>
                        <div class="rk-calc-row result">
                            <div>Rzeczywista strata liniowa:</div>
                            <span>90,9 W/mb</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- STEP 3 -->
            <div class="rk-step-panel" id="panel-3">
                <div class="rk-step-details">
                    <h3>Krok 3: Wyznaczenie wymaganej gęstości mocy strefy brzegowej</h3>
                    <p>Teraz wiemy, ile ciepła ucieka przez każdy metr bieżący szerokości okna. Tę wartość musimy skompensować odpowiednio nagrzaną posadzką. Dzielimy więc liniową stratę ciepła przez założoną głębokość naszego pasa przyokiennego.</p>
                    
                    <div class="rk-calc-box">
                        <div class="rk-calc-row">
                            <div>Zapotrzebowanie z metra bieżącego</div>
                            <div>90,9 W/mb</div>
                        </div>
                        <div class="rk-calc-row">
                            <div>Szerokość strefy brzegowej (S)</div>
                            <div>1,2 m</div>
                        </div>
                        <div class="rk-calc-row">
                            <div>Wzór: q_pas = Strata / Szerokość</div>
                            <div>90,9 / 1,2</div>
                        </div>
                        <div class="rk-calc-row result">
                            <div>Wymagana gęstość mocy posadzki:</div>
                            <span>75,75 W/m2</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- STEP 4 -->
            <div class="rk-step-panel" id="panel-4">
                <div class="rk-step-details">
                    <h3>Krok 4: Dobór rozstawu rur w oparciu o tabelę wydajności</h3>
                    <p>Otrzymany wynik pozwala nam ostatecznie dobrać <a href="https://projekt-ogrzewania.pl/rozstaw-rur-w-wodnym-ogrzewaniu-podlogowym/">prawidłowy rozstaw rur</a>. Dla nowoczesnych układów zasilanych pompą ciepła (woda grzewcza średnio 32,5°C, powietrze w salonie 22°C), wydajności kształtują się następująco:</p>
                    
                    <div class="rk-calc-box">
                        <div class="rk-calc-row">
                            <div>Rozstaw co 20 cm</div>
                            <div>Wydajność ok. 65–70 W/m2 (Niedogrzanie)</div>
                        </div>
                        <div class="rk-calc-row">
                            <div><strong>Rozstaw co 15 cm</strong></div>
                            <div style="color:var(--rk-step-blue); font-weight:800;">Wydajność ok. 85–95 W/m2 (Wybór Optymalny)</div>
                        </div>
                        <div class="rk-calc-row">
                            <div>Rozstaw co 10 cm</div>
                            <div>Wydajność 130–145 W/m2 (Tylko dla starych okien)</div>
                        </div>
                    </div>
                    
                    <p style="margin-top:20px;">W naszym przykładzie zapotrzebowanie wynosi <strong>75,75 W/m2</strong>, co oznacza, że bezpiecznym i idealnym wyborem jest zastosowanie <strong>rozstawu rur co 15 cm</strong> w pasie przyokiennym o szerokości 1,2 metra.</p>
                </div>
            </div>

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

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-step-btn');
    var panels = document.querySelectorAll('.rk-step-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetId = 'panel-' + this.getAttribute('data-step');

            // Zmiana aktywnego przycisku (bezpieczny loop bez logicznego AND)
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Pokazywanie odpowiedniego panelu z opisem
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetId) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-obwody",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Czy strefa brzegowa przy oknie musi mieć osobny obwód grzewczy?",
    "description": "Wyjaśniamy normę PN-EN 1264-4. Zobacz, dlaczego łączenie strefy brzegowej z główną pętlą prowadzi do przegrzewania wnętrza i braku reakcji na zyski solarne.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-obwody",
    "name": "Wytyczne Hydrauliczne dla Stref Brzegowych Ogrzewania Podłogowego",
    "description": "Zbiór zaleceń projektowych określających konieczność separacji obiegów grzewczych w zależności od długości przeszklenia oraz wymogów zrównoważenia hydraulicznego.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "oddzielny obwód grzewczy okno tarasowe",
      "norma PN-EN 1264-4 podłogówka",
      "zyski solarne a ogrzewanie podłogowe",
      "zrównoważenie hydrauliczne rotametry",
      "siłownik termoelektryczny strefa brzegowa"
    ],
    "measurementTechnique": "Norma PN-EN 1264-4 dla projektowania instalacji płaszczyznowych. Granica separacji ustalona dla okien o długości powyżej 4,0 m.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Kryterium wydzielenia: Okno o długości powyżej 4,0 m bezwzględnie wymaga osobnego obwodu.",
        "Problem 1: Jedna pętla wymusza podbicie temperatury zasilania, co skutkuje przekroczeniem dopuszczalnych 29°C w strefie bytowej.",
        "Problem 2: Jedna pętla uniemożliwia automatyczne odcięcie strefy przyokiennej w momencie wystąpienia silnych pasywnych zysków solarnych.",
        "Rozwiązanie: Obwód A (20 cm, strefa główna) i Obwód B (10 cm, strefa brzegowa) wpięte pod osobne rotametry i sterowane dedykowanymi siłownikami."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-symulator-obwodow",
    "name": "Kalkulator Decyzyjny Obwodów Grzewczych",
    "description": "Interaktywny moduł edukacyjny demonstrujący różnice w dystrybucji ciepła i możliwościach sterowania między wspólną pętlą a układem wydzielonym.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-circ-dark: #0f172a;
    --rk-circ-blue: #0284c7;
    --rk-circ-blue-light: #e0f2fe;
    --rk-circ-red: #ef4444;
    --rk-circ-red-light: #fef2f2;
    --rk-circ-green: #059669;
    --rk-circ-green-light: #d1fae5;
    --rk-circ-orange: #f97316;
    --rk-circ-gray: #475569;
    --rk-circ-border: #cbd5e1;
    --rk-circ-bg: #ffffff;
}

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

/* Header Section */
.rk-circ-header {
    background: linear-gradient(135deg, var(--rk-circ-dark) 0%, #1e293b 100%);
    padding: 40px 45px;
    color: #ffffff;
}

.rk-circ-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-circ-header p {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

.rk-circ-norm-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    padding: 8px 16px;
    background: rgba(2, 132, 199, 0.2);
    border: 1px solid rgba(2, 132, 199, 0.4);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #7dd3fc;
    text-transform: none !important;
}

/* Interactive Workspace */
.rk-circ-workspace {
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

/* Top Menu */
.rk-circ-selector {
    width: 100%;
    padding: 35px 45px;
    border-bottom: 1px solid var(--rk-circ-border);
    background: #f8fafc;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.rk-circ-btn {
    flex: 1;
    padding: 20px;
    background: #ffffff;
    border: 2px solid var(--rk-circ-border);
    border-radius: 14px;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    text-transform: none !important;
}

.rk-circ-btn:hover {
    border-color: #94a3b8;
    background: #f1f5f9;
}

.rk-circ-btn.active[data-target="blad"] {
    border-color: var(--rk-circ-red);
    background: var(--rk-circ-red-light);
    box-shadow: 0 8px 20px -5px rgba(239, 68, 68, 0.15);
}

.rk-circ-btn.active[data-target="poprawnie"] {
    border-color: var(--rk-circ-green);
    background: var(--rk-circ-green-light);
    box-shadow: 0 8px 20px -5px rgba(5, 150, 105, 0.15);
}

.rk-circ-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: var(--rk-circ-gray);
    transition: all 0.3s;
    flex-shrink: 0;
}

.rk-circ-btn.active[data-target="blad"] .rk-circ-icon { background: var(--rk-circ-red); color: #fff; }
.rk-circ-btn.active[data-target="poprawnie"] .rk-circ-icon { background: var(--rk-circ-green); color: #fff; }

.rk-circ-label {
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-circ-dark);
    margin: 0 0 4px 0;
    text-transform: none !important;
}

.rk-circ-sub {
    font-size: 13px;
    color: var(--rk-circ-gray);
    margin: 0;
    text-transform: none !important;
}

/* Panel Display (Text Only - Redesigned) */
.rk-circ-display {
    width: 100%;
    padding: 40px 45px;
}

.rk-circ-panel {
    display: none;
    animation: fadeInCirc 0.4s ease forwards;
}

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

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

.rk-circ-details {
    background: #ffffff;
    width: 100%;
}

.rk-circ-details h3 {
    margin: 0 0 25px 0;
    font-size: 24px;
    font-weight: 900;
    color: var(--rk-circ-dark);
    text-transform: none !important;
}

/* Elegant Cards for Text Content */
.rk-circ-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.rk-circ-list-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: #f8fafc;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid var(--rk-circ-border);
    transition: all 0.3s ease;
}

.rk-circ-list-item:hover {
    background: #ffffff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

.rk-circ-list-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.rk-circ-list-icon.bad { background: var(--rk-circ-red-light); color: var(--rk-circ-red); border: 1px solid rgba(239,68,68,0.2); }
.rk-circ-list-icon.good { background: var(--rk-circ-green-light); color: var(--rk-circ-green); border: 1px solid rgba(5,150,105,0.2); }

.rk-circ-list-text p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-circ-gray);
    text-transform: none !important;
}

.rk-circ-list-text strong {
    display: block;
    color: var(--rk-circ-dark);
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 800;
    text-transform: none !important;
}

.rk-circ-list-text a {
    color: var(--rk-circ-blue);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
}

.rk-circ-list-text a:hover {
    color: var(--rk-circ-dark);
}

/* Responsive */
@media (max-width: 768px) {
    .rk-circ-header { padding: 30px 20px; }
    .rk-circ-selector { flex-direction: column; padding: 30px 20px; gap: 15px; }
    .rk-circ-btn { padding: 15px 20px; flex-direction: row; }
    .rk-circ-display { padding: 30px 20px; }
    .rk-circ-details h3 { font-size: 20px; }
    .rk-circ-list-item { padding: 20px; flex-direction: column; gap: 15px; }
    .rk-circ-list-icon { margin-top: 0; }
}
</style>

<div class="rk-circ-container" id="rk-modul-obwody">
    <div class="rk-circ-header">
        <h2>Czy strefa brzegowa przy oknie musi mieć osobny obwód grzewczy?</h2>
        <p>Dla zachowania pełnej kontroli hydraulicznej i termicznej, strefa brzegowa przy oknie o długości powyżej 4,0 m bezwzględnie musi stanowić wydzielony, niezależny obwód grzewczy.</p>
        <div class="rk-circ-norm-badge">
            <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="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
            Zgodnie z normą PN-EN 1264-4
        </div>
    </div>

    <div class="rk-circ-workspace">
        
        <!-- Top Menu -->
        <div class="rk-circ-selector">
            <button class="rk-circ-btn active" data-target="blad">
                <div class="rk-circ-icon">
                    <svg width="24" height="24" 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"/><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"/></svg>
                </div>
                <div>
                    <h4 class="rk-circ-label">Jedna Pętla</h4>
                    <p class="rk-circ-sub">Błąd wykonawczy</p>
                </div>
            </button>
            
            <button class="rk-circ-btn" data-target="poprawnie">
                <div class="rk-circ-icon">
                    <svg width="24" height="24" 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"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
                </div>
                <div>
                    <h4 class="rk-circ-label">Osobne Obwody</h4>
                    <p class="rk-circ-sub">Zgodnie z normą</p>
                </div>
            </button>
        </div>

        <!-- Display Area -->
        <div class="rk-circ-display">
            
            <!-- PANEL 1: Błąd -->
            <div class="rk-circ-panel active" id="panel-blad">
                <div class="rk-circ-details">
                    <h3>Konsekwencje łączenia stref</h3>
                    <div class="rk-circ-list">
                        
                        <div class="rk-circ-list-item">
                            <div class="rk-circ-list-icon bad">
                                <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="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
                            </div>
                            <div class="rk-circ-list-text">
                                <strong>Przegrzewanie strefy bytowej</strong>
                                <p>Połączenie gęstego rozstawu (co 10 cm) z rzadszym (co 15 cm) w jednej pętli uniemożliwia prawidłowe <a href="https://projekt-ogrzewania.pl/rotametr-wskaznik-przeplywu-w-rozdzielaczu-ogrzewania-podlogowego/">zrównoważenie na rotametrach rozdzielacza</a>. Aby dogrzać chłodne powietrze spadające z szyby okna, wymusza się podniesienie temperatury zasilania na pompie ciepła. Skutkuje to drastycznym obniżeniem komfortu – temperatura posadzki w środku salonu (gdzie przebywają domownicy) przekroczy dopuszczalne normatywnie 29°C.</p>
                            </div>
                        </div>

                        <div class="rk-circ-list-item">
                            <div class="rk-circ-list-icon bad">
                                <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="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
                            </div>
                            <div class="rk-circ-list-text">
                                <strong>Brak reakcji na zyski solarne</strong>
                                <p>Duże przeszklenia generują potężne, pasywne zyski ciepła od słońca. Jeśli strefa brzegowa nie jest osobnym obwodem zamkniętym przez dedykowany siłownik termoelektryczny, słońce świecące przez szybę doprowadzi do lokalnego przegrzania podłogi i potężnego marnowania wyprodukowanej wcześniej energii.</p>
                            </div>
                        </div>

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

            <!-- PANEL 2: Poprawnie -->
            <div class="rk-circ-panel" id="panel-poprawnie">
                <div class="rk-circ-details">
                    <h3>Pełna kontrola dzięki separacji hydraulicznej</h3>
                    <div class="rk-circ-list">
                        
                        <div class="rk-circ-list-item">
                            <div class="rk-circ-list-icon good">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                            <div class="rk-circ-list-text">
                                <strong>Niezależne przepływy na rotametrach</strong>
                                <p>Podział na Obwód B (gęsty pas przyokienny) i Obwód A (rzadsza strefa główna) pozwala projektantowi ustalić dedykowane prędkości przepływu wody. Dzięki osobnym wyjściom na rozdzielaczu, strefa pod oknem może otrzymać więcej energii bez ingerencji w temperaturę panującą na środku salonu.</p>
                            </div>
                        </div>

                        <div class="rk-circ-list-item">
                            <div class="rk-circ-list-icon good">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
                            </div>
                            <div class="rk-circ-list-text">
                                <strong>Zarządzanie zyskami solarnymi (Automatyka)</strong>
                                <p>Wydzielony obwód współpracujący z inteligentną automatyką domową. Połączony z czujnikiem słońca i niezależnym <a href="https://projekt-ogrzewania.pl/silowniki-termoelektryczne-na-rozdzielaczach/">siłownikiem termoelektrycznym</a> natychmiast zamknie pętlę przyokienną po zarejestrowaniu nasłonecznienia. W tym samym czasie, głębia pokoju (z dala od okna) będzie nadal stabilnie dogrzewana przez swój niezależny Obwód A.</p>
                            </div>
                        </div>

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

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

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-circ-btn');
    var panels = document.querySelectorAll('.rk-circ-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetId = 'panel-' + this.getAttribute('data-target');

            // Aktywacja klikniętego przycisku (bezpieczny JS bez podwójnych ampersandów)
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Wyświetlenie odpowiedniego panelu
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetId) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-porownanie-stref",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Porównanie parametrów technicznych strefy brzegowej i strefy głównej w salonie",
    "description": "Zestawienie kluczowych parametrów hydraulicznych i technicznych dla strefy przyokiennej i bytowej: rozstaw rur, temperatury, długość pętli i przepływy.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-porownanie-stref",
    "name": "Baza Parametrów Projektowych: Strefa Brzegowa vs Strefa Główna",
    "description": "Szczegółowa macierz danych technicznych zgodna z normą PN-EN 1264, porównująca wymagania instalacyjne dla pasa przyokiennego i reszty pomieszczenia.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "parametry strefy brzegowej",
      "przepływ czynnika w podłogówce rotametry",
      "maksymalna długość pętli ogrzewania podłogowego",
      "rozstaw rur przy oknie",
      "norma PN-EN 1264 temperatury"
    ],
    "measurementTechnique": "Obliczenia hydrauliczne strat ciśnienia (limit 20 kPa), normatywne ograniczenia temperatur powierzchni (PN-EN 1264-2) oraz specyfikacja materiałowa rur (PN-EN ISO 21003).",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Strefa Brzegowa: Rozstaw 10 cm, temp. do 31°C, max pętla 80 m, przepływ 1.5-2.0 l/min, rura wielowarstwowa, XPS 15 cm.",
        "Strefa Główna: Rozstaw 15 cm, temp. do 26°C, max pętla 100 m, przepływ 1.0-1.3 l/min, rura jednowarstwowa, EPS 10 cm."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-komparator-stref",
    "name": "Interaktywny Komparator Stref Grzewczych",
    "description": "Narzędzie interfejsowe zastępujące tradycyjną tabelę, pozwalające na dynamiczne przełączanie i analizę zestawu parametrów inżynierskich dla dwóch różnych stref termicznych.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-comp-dark: #0f172a;
    --rk-comp-blue: #0284c7;
    --rk-comp-blue-light: #e0f2fe;
    --rk-comp-orange: #ea580c;
    --rk-comp-orange-light: #ffedd5;
    --rk-comp-green: #059669;
    --rk-comp-green-light: #d1fae5;
    --rk-comp-gray: #475569;
    --rk-comp-border: #cbd5e1;
    --rk-comp-bg: #ffffff;
}

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

/* Sekcja Nagłówka */
.rk-comp-header {
    background: linear-gradient(135deg, var(--rk-comp-dark) 0%, #1e293b 100%);
    padding: 40px 45px;
    color: #ffffff;
}

.rk-comp-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-comp-header p {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

/* Przestrzeń interaktywna */
.rk-comp-workspace {
    display: flex;
    flex-direction: column;
    background: #f8fafc;
}

/* Górny panel wyboru (Kafle) */
.rk-comp-selector {
    width: 100%;
    padding: 35px 45px;
    border-bottom: 1px solid var(--rk-comp-border);
    display: flex;
    flex-direction: row;
    gap: 20px;
    background: #ffffff;
}

.rk-comp-btn {
    flex: 1;
    padding: 20px;
    background: #ffffff;
    border: 2px solid var(--rk-comp-border);
    border-radius: 14px;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    text-transform: none !important;
}

.rk-comp-btn:hover {
    border-color: #94a3b8;
    background: #f1f5f9;
}

/* Stan Aktywny Strefy Brzegowej */
.rk-comp-btn.active[data-target="brzegowa"] {
    border-color: var(--rk-comp-orange);
    background: var(--rk-comp-orange-light);
    box-shadow: 0 8px 20px -5px rgba(234, 88, 12, 0.15);
}

/* Stan Aktywny Strefy Głównej */
.rk-comp-btn.active[data-target="glowna"] {
    border-color: var(--rk-comp-blue);
    background: var(--rk-comp-blue-light);
    box-shadow: 0 8px 20px -5px rgba(2, 132, 199, 0.15);
}

.rk-comp-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: var(--rk-comp-gray);
    transition: all 0.3s;
    flex-shrink: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.rk-comp-btn.active[data-target="brzegowa"] .rk-comp-icon { color: var(--rk-comp-orange); }
.rk-comp-btn.active[data-target="glowna"] .rk-comp-icon { color: var(--rk-comp-blue); }

.rk-comp-label {
    font-size: 17px;
    font-weight: 900;
    color: var(--rk-comp-dark);
    margin: 0 0 4px 0;
    text-transform: none !important;
}

.rk-comp-sub {
    font-size: 14px;
    color: var(--rk-comp-gray);
    margin: 0;
    text-transform: none !important;
}

/* Dolny panel prezentacji Danych */
.rk-comp-display {
    width: 100%;
    padding: 40px 45px;
}

.rk-comp-panel {
    display: none;
    animation: fadeInComp 0.4s ease forwards;
}

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

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

/* Siatka parametrów */
.rk-grid-metrics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.rk-metric-card {
    background: #ffffff;
    border: 1px solid var(--rk-comp-border);
    border-radius: 16px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.rk-metric-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 4px; height: 100%;
    background: var(--rk-comp-border);
}

.rk-comp-panel[id="panel-brzegowa"] .rk-metric-card::before { background: var(--rk-comp-orange); }
.rk-comp-panel[id="panel-glowna"] .rk-metric-card::before { background: var(--rk-comp-blue); }

.rk-metric-title {
    font-size: 13px;
    font-weight: 800;
    color: var(--rk-comp-gray);
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.rk-metric-value {
    font-size: 22px;
    font-weight: 900;
    color: var(--rk-comp-dark);
    margin-bottom: 12px;
    text-transform: none !important;
}

.rk-metric-norm {
    font-size: 13px;
    color: var(--rk-comp-gray);
    background: #f1f5f9;
    padding: 6px 10px;
    border-radius: 6px;
    display: inline-block;
    align-self: flex-start;
    text-transform: none !important;
}

.rk-metric-card a {
    color: var(--rk-comp-dark);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--rk-comp-blue);
    transition: color 0.2s;
}

.rk-metric-card a:hover {
    color: var(--rk-comp-blue);
}

/* Responsywność */
@media (max-width: 768px) {
    .rk-comp-header { padding: 30px 20px; }
    
    .rk-comp-selector { 
        flex-direction: column; 
        padding: 30px 20px; 
        gap: 15px;
    }
    
    .rk-comp-btn { padding: 15px 20px; }
    
    .rk-comp-display { padding: 30px 20px; }
    
    .rk-grid-metrics { grid-template-columns: 1fr; gap: 15px; }
    
    .rk-metric-value { font-size: 18px; }
}
</style>

<div class="rk-comp-container" id="rk-porownanie-stref">
    <div class="rk-comp-header">
        <h2>Porównanie parametrów technicznych strefy brzegowej i strefy głównej</h2>
        <p>Sprawdź kluczowe parametry techniczne i hydrauliczne, które należy bezwzględnie uwzględnić podczas projektowania instalacji ogrzewania podłogowego (dane dla przykładowego salonu 40 m2 z oknem HS o długości 6,0 m).</p>
    </div>

    <div class="rk-comp-workspace">
        
        <!-- Górny panel: Selektor Stref -->
        <div class="rk-comp-selector">
            <button class="rk-comp-btn active" data-target="brzegowa">
                <div class="rk-comp-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20"></path><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>
                    <h4 class="rk-comp-label">Strefa Brzegowa</h4>
                    <p class="rk-comp-sub">Pas bezpośrednio przy oknie</p>
                </div>
            </button>
            
            <button class="rk-comp-btn" data-target="glowna">
                <div class="rk-comp-icon">
                    <svg width="24" height="24" 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><path d="M3 9h18"></path><path d="M9 21V9"></path></svg>
                </div>
                <div>
                    <h4 class="rk-comp-label">Strefa Główna</h4>
                    <p class="rk-comp-sub">Środkowa część salonu</p>
                </div>
            </button>
        </div>

        <!-- Dolny panel: Siatka Danych -->
        <div class="rk-comp-display">
            
            <!-- PANEL STREFA BRZEGOWA -->
            <div class="rk-comp-panel active" id="panel-brzegowa">
                <div class="rk-grid-metrics">
                    
                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Rozstaw rur (podziałka)</div>
                        <div class="rk-metric-value">Zagęszczony: 10 cm</div>
                        <div class="rk-metric-norm">PN-EN 1264-4</div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Projektowa temp. powierzchni</div>
                        <div class="rk-metric-value">+29°C do +31°C</div>
                        <div class="rk-metric-norm">PN-EN 1264-2 (max +35°C)</div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Maksymalna długość pętli</div>
                        <div class="rk-metric-value">Do 80 metrów</div>
                        <div class="rk-metric-norm"><a href="https://projekt-ogrzewania.pl/maksymalna-dlugosc-petli-ogrzewania-podlogowego/">Wytyczne producentów rur (opór &lt; 20 kPa)</a></div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Szerokość pasa grzewczego</div>
                        <div class="rk-metric-value">Od 1,0 m do 1,5 m</div>
                        <div class="rk-metric-norm">Dobra praktyka inżynierska</div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Rekomendowany materiał rury</div>
                        <div class="rk-metric-value"><a href="https://projekt-ogrzewania.pl/rura-pex-do-ogrzewania-podlogowego/">PE-RT/Al/PE-RT II wielowarstwowa</a></div>
                        <div class="rk-metric-norm">PN-EN ISO 21003 (odporność przy gięciu)</div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Zalecany przepływ czynnika</div>
                        <div class="rk-metric-value">Wysoki: 1,5 – 2,0 l/min</div>
                        <div class="rk-metric-norm">Obliczenia hydrauliczne strat ciśnienia</div>
                    </div>

                    <div class="rk-metric-card" style="grid-column: 1 / -1;">
                        <div class="rk-metric-title">Wymagana grubość izolacji</div>
                        <div class="rk-metric-value">Twarda płyta XPS 15 cm (lambda = 0,034)</div>
                        <div class="rk-metric-norm">Warunki Techniczne / likwidacja mostka</div>
                    </div>

                </div>
            </div>

            <!-- PANEL STREFA GŁÓWNA -->
            <div class="rk-comp-panel" id="panel-glowna">
                <div class="rk-grid-metrics">
                    
                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Rozstaw rur (podziałka)</div>
                        <div class="rk-metric-value">Standardowy: <a href="https://projekt-ogrzewania.pl/rozstaw-rur-w-wodnym-ogrzewaniu-podlogowym/">15 cm</a></div>
                        <div class="rk-metric-norm">PN-EN 1264-4</div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Projektowa temp. powierzchni</div>
                        <div class="rk-metric-value">+24°C do +26°C</div>
                        <div class="rk-metric-norm">PN-EN 1264-2 (komfort bytowy)</div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Maksymalna długość pętli</div>
                        <div class="rk-metric-value">Do 100 metrów</div>
                        <div class="rk-metric-norm"><a href="https://projekt-ogrzewania.pl/maksymalna-dlugosc-petli-ogrzewania-podlogowego/">Wytyczne producentów rur</a></div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Szerokość pasa grzewczego</div>
                        <div class="rk-metric-value">Pozostała część pomieszczenia</div>
                        <div class="rk-metric-norm">Ograniczona ścianami wewnętrznymi</div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Rekomendowany materiał rury</div>
                        <div class="rk-metric-value">PE-Xa lub PE-RT jednowarstwowa</div>
                        <div class="rk-metric-norm">Standardowe naprężenia układania</div>
                    </div>

                    <div class="rk-metric-card">
                        <div class="rk-metric-title">Zalecany przepływ czynnika</div>
                        <div class="rk-metric-value">Umiarkowany: 1,0 – 1,3 l/min</div>
                        <div class="rk-metric-norm">Podstawowy bilans hydrauliczny</div>
                    </div>

                    <div class="rk-metric-card" style="grid-column: 1 / -1;">
                        <div class="rk-metric-title">Wymagana grubość izolacji</div>
                        <div class="rk-metric-value">Styropian EPS 100 10 cm (lambda = 0,038)</div>
                        <div class="rk-metric-norm">Standardowe Warunki Techniczne</div>
                    </div>

                </div>
            </div>

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

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-comp-btn');
    var panels = document.querySelectorAll('.rk-comp-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetId = 'panel-' + this.getAttribute('data-target');

            // Aktywacja klikniętego kafla
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Wyświetlenie odpowiedniej siatki danych
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetId) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-izolacja-xps",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Jak grubość izolacji i płyta XPS pod wylewką chronią przed stratami ciepła przy profilu okiennym?",
    "description": "Dlaczego standardowy styropian EPS 100 nie nadaje się pod ciężkie okna HS? Poznaj parametry płyt XPS 300 i zasady stosowania 8 mm taśmy dylatacyjnej w strefie brzegowej.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-izolacja-xps",
    "name": "Porównanie parametrów izolacji podłogowej EPS 100 vs XPS 300 pod oknami HS",
    "description": "Zestawienie właściwości fizykochemicznych polistyrenu ekspandowanego (EPS) oraz ekstrudowanego (XPS) w kontekście obciążeń punktowych i mostków termicznych.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "izolacja xps pod oknem tarasowym",
      "wytrzymałość styropianu na ściskanie",
      "dylatacja wylewki przy oknie hs",
      "mostek termiczny profil podłogowy",
      "nasiąkliwość płyt xps"
    ],
    "measurementTechnique": "Analiza wytrzymałości na ściskanie (kPa), współczynnika przewodzenia ciepła lambda (W/mK) oraz nasiąkliwości wodnej zgodnie z normą PN-EN 12087.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Standardowy EPS 100: Zbyt odkształcalny dla konstrukcji o wadze powyżej 400 kg.",
        "Polistyren XPS 300: Wytrzymałość 300 kPa, redukcja mostka termicznego o 65%.",
        "Nasiąkliwość XPS: Poniżej 0,7% przy długotrwałym zanurzeniu (PN-EN 12087).",
        "Dylatacja: Wymagana pianka polietylenowa 8 mm dla kompensacji rozszerzalności jastrychu przy 31°C."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-xps-simulator",
    "name": "Ewaluator Podbudowy Okiennej: EPS vs XPS",
    "description": "Moduł analityczny prezentujący skutki zastosowania różnych materiałów izolacyjnych i dylatacyjnych pod ciężkimi konstrukcjami okiennymi (HS).",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-xps-dark: #0f172a;
    --rk-xps-blue: #0284c7;
    --rk-xps-blue-light: #e0f2fe;
    --rk-xps-red: #ef4444;
    --rk-xps-red-light: #fef2f2;
    --rk-xps-green: #059669;
    --rk-xps-green-light: #d1fae5;
    --rk-xps-purple: #8b5cf6;
    --rk-xps-purple-light: #ede9fe;
    --rk-xps-gray: #475569;
    --rk-xps-border: #cbd5e1;
    --rk-xps-bg: #ffffff;
}

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

/* Header Section */
.rk-xps-header {
    background: linear-gradient(135deg, var(--rk-xps-dark) 0%, #1e293b 100%);
    padding: 40px 45px;
    color: #ffffff;
}

.rk-xps-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-xps-header p {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

/* Interactive Workspace */
.rk-xps-workspace {
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

/* Top Menu (Tiles) */
.rk-xps-selector {
    width: 100%;
    padding: 35px 45px;
    border-bottom: 1px solid var(--rk-xps-border);
    background: #f8fafc;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.rk-xps-btn {
    flex: 1;
    padding: 20px;
    background: #ffffff;
    border: 2px solid var(--rk-xps-border);
    border-radius: 14px;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-transform: none !important;
}

.rk-xps-btn:hover {
    border-color: #94a3b8;
    background: #f1f5f9;
}

/* Stan Aktywny Przycisków */
.rk-xps-btn.active[data-target="eps"] {
    border-color: var(--rk-xps-red);
    background: var(--rk-xps-red-light);
    box-shadow: 0 8px 20px -5px rgba(239, 68, 68, 0.15);
}

.rk-xps-btn.active[data-target="xps"] {
    border-color: var(--rk-xps-green);
    background: var(--rk-xps-green-light);
    box-shadow: 0 8px 20px -5px rgba(5, 150, 105, 0.15);
}

.rk-xps-btn.active[data-target="dylatacja"] {
    border-color: var(--rk-xps-purple);
    background: var(--rk-xps-purple-light);
    box-shadow: 0 8px 20px -5px rgba(139, 92, 246, 0.15);
}

/* Ikony w przyciskach */
.rk-xps-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: var(--rk-xps-gray);
    transition: all 0.3s;
}

.rk-xps-btn.active[data-target="eps"] .rk-xps-icon { background: var(--rk-xps-red); color: #fff; }
.rk-xps-btn.active[data-target="xps"] .rk-xps-icon { background: var(--rk-xps-green); color: #fff; }
.rk-xps-btn.active[data-target="dylatacja"] .rk-xps-icon { background: var(--rk-xps-purple); color: #fff; }

.rk-xps-label {
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-xps-dark);
    margin: 0;
    text-transform: none !important;
}

/* Display Panel (Text Only - No SVG) */
.rk-xps-display {
    width: 100%;
    padding: 40px 45px;
}

.rk-xps-panel {
    display: none;
}

.rk-xps-panel.active {
    display: block;
    animation: fadeInXps 0.4s ease forwards;
}

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

.rk-xps-details {
    background: #ffffff;
    width: 100%;
}

.rk-xps-details h3 {
    margin: 0 0 20px 0;
    font-size: 24px;
    font-weight: 900;
    color: var(--rk-xps-dark);
    text-transform: none !important;
}

.rk-xps-details p {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-xps-gray);
    text-transform: none !important;
}

.rk-xps-details p:last-child {
    margin: 0;
}

.rk-xps-details a {
    color: var(--rk-xps-blue);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
}

.rk-xps-details a:hover {
    color: var(--rk-xps-dark);
}

/* Parametry w ramce */
.rk-param-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 25px;
    background: #f8fafc;
    padding: 20px;
    border-radius: 12px;
    border: 1px dashed var(--rk-xps-border);
}

.rk-param-item {
    display: flex;
    flex-direction: column;
}

.rk-param-item span {
    font-size: 12px;
    text-transform: uppercase !important;
    font-weight: 800;
    color: var(--rk-xps-gray);
    letter-spacing: 0.5px;
}

.rk-param-item strong {
    font-size: 18px;
    font-weight: 900;
    color: var(--rk-xps-dark);
    margin-top: 4px;
    text-transform: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .rk-xps-header { padding: 30px 20px; }
    .rk-xps-selector { flex-direction: column; padding: 30px 20px; gap: 15px; }
    .rk-xps-btn { padding: 15px 20px; flex-direction: row; align-items: center; }
    .rk-xps-display { padding: 30px 20px; }
    .rk-xps-details h3 { font-size: 20px; }
    .rk-param-box { grid-template-columns: 1fr; gap: 20px; }
}
</style>

<div class="rk-xps-container" id="rk-modul-xps">
    <div class="rk-xps-header">
        <h2>Jak grubość izolacji i płyta XPS pod wylewką chronią przed stratami ciepła przy profilu okiennym?</h2>
        <p>Próg okna tarasowego (szczególnie typu HS) to jeden z najbardziej krytycznych liniowych mostków termicznych w całym budynku. Zobacz, jak właściwy dobór materiałów ratuje sytuację.</p>
    </div>

    <div class="rk-xps-workspace">
        
        <!-- Top Menu -->
        <div class="rk-xps-selector">
            <button class="rk-xps-btn active" data-target="eps">
                <div class="rk-xps-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
                </div>
                <h4 class="rk-xps-label">Błąd: Zwykły EPS 100</h4>
            </button>
            
            <button class="rk-xps-btn" data-target="xps">
                <div class="rk-xps-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg>
                </div>
                <h4 class="rk-xps-label">Rozwiązanie: Płyta XPS 300</h4>
            </button>
            
            <button class="rk-xps-btn" data-target="dylatacja">
                <div class="rk-xps-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12H3"/><path d="M12 3v18"/></svg>
                </div>
                <h4 class="rk-xps-label">Taśma Dylatacyjna</h4>
            </button>
        </div>

        <!-- Display Area -->
        <div class="rk-xps-display">
            
            <!-- PANEL 1: EPS 100 -->
            <div class="rk-xps-panel active" id="panel-eps">
                <div class="rk-xps-details">
                    <h3>Standardowy styropian EPS 100 to ryzyko pod oknem</h3>
                    <p>Standardowy biały styropian podłogowy o współczynniku przewodzenia ciepła lambda = 0,038 W/(mK) sprawdza się świetnie na środku pokoju, ale pod oknem tarasowym wykazuje zbyt dużą odkształcalność.</p>
                    <p>Pod ogromnym obciążeniem punktowym, jakie generuje ciężka konstrukcja trójszybowego okna aluminiowego (często o wadze przekraczającej 400 kg), styropian po prostu osiada. Wiedząc <a href="https://projekt-ogrzewania.pl/ile-styropianu-pod-ogrzewanie-podlogowe/">ile styropianu układa się pod podłogówkę</a>, trzeba pamiętać, że pod ciężkimi drzwiami HS ta sama grubość zwykłego EPS to gwarancja problemów konstrukcyjnych i powstania gigantycznego przedmuchu.</p>
                    <div class="rk-param-box">
                        <div class="rk-param-item">
                            <span>Współczynnik Lambda</span>
                            <strong>0,038 W/(mK)</strong>
                        </div>
                        <div class="rk-param-item">
                            <span>Odporność konstrukcyjna</span>
                            <strong>Niewystarczająca (>400 kg)</strong>
                        </div>
                    </div>
                </div>
            </div>

            <!-- PANEL 2: XPS 300 -->
            <div class="rk-xps-panel" id="panel-xps">
                <div class="rk-xps-details">
                    <h3>Polistyren ekstrudowany XPS wkracza do akcji</h3>
                    <p>W strefie przyokiennej o szerokości 1,5 metra od ramy okiennej należy bezwzględnie zastosować płyty z twardego polistyrenu ekstrudowanego XPS o minimalnej wytrzymałości na ściskanie wynoszącej 300 kPa (np. popularny XPS 300).</p>
                    <p>Zastosowanie płyt XPS o grubości 15-20 cm w pasie przyokiennym redukuje liniowy mostek cieplny przy profilu podłogowym o ponad 65% w stosunku do standardowej izolacji EPS o grubości 10 cm. Co więcej, płyta XPS cechuje się znikomą nasiąkliwością wodą (poniżej 0,7% przy długotrwałym zanurzeniu według normy PN-EN 12087). Ma to kluczowe znaczenie przy tarasie, gdzie incydentalna wilgoć z zewnątrz mogłaby zniszczyć zwykły styropian.</p>
                    <div class="rk-param-box">
                        <div class="rk-param-item">
                            <span>Wytrzymałość na ściskanie</span>
                            <strong>Min. 300 kPa</strong>
                        </div>
                        <div class="rk-param-item">
                            <span>Nasiąkliwość wodą (PN-EN 12087)</span>
                            <strong>Poniżej 0,7%</strong>
                        </div>
                    </div>
                </div>
            </div>

            <!-- PANEL 3: Dylatacja -->
            <div class="rk-xps-panel" id="panel-dylatacja">
                <div class="rk-xps-details">
                    <h3>Bariera z pianki polietylenowej z fartuchem</h3>
                    <p>Sama izolacja twardym styrodurem to połowa sukcesu. Dodatkowo, wzdłuż całego profilu ramy okiennej należy zastosować taśmę dylatacyjną o grubości minimum 8 mm, wykonaną z wysokiej jakości pianki polietylenowej wyposażonej w fartuch foliowy.</p>
                    <p>Prawidłowo wykonana <a href="https://projekt-ogrzewania.pl/izolacja-brzegowa-i-dylatacje-w-instalacji-ogrzewania-podlogowego/">izolacja brzegowa i dylatacja</a> ma za zadanie skompensować rozszerzalność termiczną jastrychu grzewczego. Pamiętaj, że wylewka pracująca w zagęszczonej strefie brzegowej może nagrzewać się do znacznie wyższych temperatur (nawet do 31°C na powierzchni posadzki), co wymusza jej mocniejszą pracę.</p>
                    <div class="rk-param-box">
                        <div class="rk-param-item">
                            <span>Grubość taśmy brzegowej</span>
                            <strong>Min. 8 mm</strong>
                        </div>
                        <div class="rk-param-item">
                            <span>Kompensacja przy temp. powierzchni</span>
                            <strong>Do 31°C</strong>
                        </div>
                    </div>
                </div>
            </div>

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

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-xps-btn');
    var panels = document.querySelectorAll('.rk-xps-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetId = 'panel-' + this.getAttribute('data-target');

            // Aktywacja przycisku
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Wyświetlenie odpowiedniego panelu z tekstem
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetId) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-konwektory",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Kiedy stosować konwektory kanałowe jako alternatywę lub wsparcie dla ogrzewania podłogowego?",
    "description": "Trzy sytuacje budowlane, w których ogrzewanie podłogowe to za mało: wysokie przeszklenia powyżej 2,8 m, podłogi drewniane oraz skrajnie niska temperatura zasilania pompy ciepła.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-konwektory",
    "name": "Parametry Graniczne Wydajności Ogrzewania Podłogowego przy Oknach",
    "description": "Zestawienie technicznych barier dla systemów płaszczyznowych, wymuszających zastosowanie konwektorów kanałowych z wymuszonym obiegiem powietrza.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "konwektory kanałowe podłogowe",
      "ogrzewanie podłogowe okna loftowe",
      "drewniana podłoga a podłogówka",
      "wentylatory ec konwektor",
      "niska temperatura zasilania pompy ciepła"
    ],
    "measurementTechnique": "Weryfikacja bilansu cieplnego na podstawie wysokości okien (>2,8 m), oporu cieplnego okładziny (R>0,12) oraz projektowej temperatury zasilania (30-35 stopni Celsjusza).",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Ograniczenie 1: Wysokość okna powyżej 2,8 metra powoduje masowy spływ chłodu.",
        "Ograniczenie 2: Opór cieplny deski powyżej 0,12 m2K/W blokuje radiację ciepła.",
        "Ograniczenie 3: Moc podłogi rzędu 75-85 W/m2 przy zasilaniu 30 stopni to za mało dla dużych szyb.",
        "Rozwiązanie: Konwektor kanałowy z wentylatorem EC 24V dla pomp ciepła."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-konwektory",
    "name": "Symulator Warunków Krytycznych HVAC",
    "description": "Moduł decyzyjny pozwalający na identyfikację warunków budowlanych wymagających wsparcia ogrzewania podłogowego dynamicznymi kurtynami powietrznymi.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-trench-dark: #0f172a;
    --rk-trench-blue: #0284c7;
    --rk-trench-blue-light: #e0f2fe;
    --rk-trench-red: #ef4444;
    --rk-trench-red-light: #fef2f2;
    --rk-trench-orange: #f97316;
    --rk-trench-gold: #f59e0b;
    --rk-trench-gold-light: #fef3c7;
    --rk-trench-gray: #475569;
    --rk-trench-border: #cbd5e1;
    --rk-trench-bg: #ffffff;
}

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

/* Header Section */
.rk-trench-header {
    background: linear-gradient(135deg, var(--rk-trench-dark) 0%, #1e293b 100%);
    padding: 40px 45px;
    color: #ffffff;
}

.rk-trench-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-trench-header p {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

/* Interactive Workspace */
.rk-trench-workspace {
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

/* Top Menu (Tiles) */
.rk-trench-selector {
    width: 100%;
    padding: 35px 45px;
    border-bottom: 1px solid var(--rk-trench-border);
    background: #f8fafc;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.rk-trench-btn {
    flex: 1;
    padding: 20px;
    background: #ffffff;
    border: 2px solid var(--rk-trench-border);
    border-radius: 14px;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-transform: none !important;
}

.rk-trench-btn:hover {
    border-color: #94a3b8;
    background: #f1f5f9;
}

.rk-trench-btn.active[data-target="wysokie"] {
    border-color: var(--rk-trench-blue);
    background: var(--rk-trench-blue-light);
    box-shadow: 0 8px 20px -5px rgba(2, 132, 199, 0.15);
}

.rk-trench-btn.active[data-target="drewno"] {
    border-color: var(--rk-trench-gold);
    background: var(--rk-trench-gold-light);
    box-shadow: 0 8px 20px -5px rgba(245, 158, 11, 0.15);
}

.rk-trench-btn.active[data-target="niskie"] {
    border-color: var(--rk-trench-red);
    background: var(--rk-trench-red-light);
    box-shadow: 0 8px 20px -5px rgba(239, 68, 68, 0.15);
}

.rk-trench-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: var(--rk-trench-gray);
    transition: all 0.3s;
}

.rk-trench-btn.active[data-target="wysokie"] .rk-trench-icon { background: var(--rk-trench-blue); color: #fff; }
.rk-trench-btn.active[data-target="drewno"] .rk-trench-icon { background: var(--rk-trench-gold); color: #fff; }
.rk-trench-btn.active[data-target="niskie"] .rk-trench-icon { background: var(--rk-trench-red); color: #fff; }

.rk-trench-label {
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-trench-dark);
    margin: 0;
    text-transform: none !important;
}

/* Display Panel (Text Only) */
.rk-trench-display {
    width: 100%;
    padding: 40px 45px;
}

.rk-trench-panel {
    display: none;
}

.rk-trench-panel.active {
    display: block;
    animation: fadeInTrench 0.4s ease forwards;
}

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

.rk-trench-details {
    background: #ffffff;
    width: 100%;
}

.rk-trench-details h3 {
    margin: 0 0 20px 0;
    font-size: 24px;
    font-weight: 800;
    color: var(--rk-trench-dark);
    text-transform: none !important;
}

.rk-trench-details p {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-trench-gray);
    text-transform: none !important;
}

.rk-trench-details p:last-child {
    margin: 0;
}

/* Warning Box */
.rk-trench-warning {
    margin: 0 45px 45px 45px;
    background: #fff7ed;
    border-left: 5px solid var(--rk-trench-orange);
    padding: 25px;
    border-radius: 0 12px 12px 0;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.rk-trench-warning-icon {
    color: var(--rk-trench-orange);
    flex-shrink: 0;
    margin-top: 3px;
}

.rk-trench-warning-text p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #9a3412;
    text-transform: none !important;
}

.rk-trench-warning-text strong {
    color: #9a3412;
    font-weight: 800;
}

/* Responsive */
@media (max-width: 768px) {
    .rk-trench-header { padding: 30px 20px; }
    .rk-trench-selector { flex-direction: column; padding: 30px 20px; gap: 15px; }
    .rk-trench-btn { padding: 15px 20px; flex-direction: row; align-items: center; }
    .rk-trench-display { padding: 30px 20px; }
    .rk-trench-details h3 { font-size: 20px; }
    .rk-trench-warning { margin: 0 20px 30px 20px; flex-direction: column; gap: 15px; }
}
</style>

<div class="rk-trench-container" id="rk-modul-konwektory">
    <div class="rk-trench-header">
        <h2>Kiedy stosować konwektory kanałowe jako alternatywę lub wsparcie dla ogrzewania podłogowego?</h2>
        <p>Montaż konwektorów kanałowych staje się technologiczną koniecznością w trzech ściśle zdefiniowanych sytuacjach budowlanych, gdzie fizyka niskotemperaturowego systemu podłogowego osiąga granice swojej wydajności.</p>
    </div>

    <div class="rk-trench-workspace">
        
        <!-- Top Menu -->
        <div class="rk-trench-selector">
            <button class="rk-trench-btn active" data-target="wysokie">
                <div class="rk-trench-icon">
                    <svg width="24" height="24" 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"/><line x1="9" y1="3" x2="9" y2="21"/></svg>
                </div>
                <h4 class="rk-trench-label">Przeszklenia &gt; 2,8 m</h4>
            </button>
            
            <button class="rk-trench-btn" data-target="drewno">
                <div class="rk-trench-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12h20"/><path d="M20 12v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8"/><path d="M4 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8"/></svg>
                </div>
                <h4 class="rk-trench-label">Drewniana podłoga</h4>
            </button>
            
            <button class="rk-trench-btn" data-target="niskie">
                <div class="rk-trench-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
                </div>
                <h4 class="rk-trench-label">Niskie zasilanie (30°C)</h4>
            </button>
        </div>

        <!-- Display Area -->
        <div class="rk-trench-display">
            
            <!-- PANEL 1: Wysokie Przeszklenia -->
            <div class="rk-trench-panel active" id="panel-wysokie">
                <div class="rk-trench-details">
                    <h3>Przeszklenia o wysokości przekraczającej 2,8 metra</h3>
                    <p>W pomieszczeniach typu lofty lub salonach z antresolą i oknami o wysokości 3,0 metra lub więcej, objętość opadającego z góry chłodnego powietrza jest ogromna.</p>
                    <p>Sama podłogówka nie nadąży go ogrzać bez przekroczenia maksymalnej higienicznej temperatury powierzchni posadzki, określonej w normie PN-EN 1264 na poziomie 35 stopni Celsjusza dla stref brzegowych. Konwektor buduje mechaniczną kurtynę powietrzną, która natychmiast ucina ten spływ.</p>
                </div>
            </div>

            <!-- PANEL 2: Drewno -->
            <div class="rk-trench-panel" id="panel-drewno">
                <div class="rk-trench-details">
                    <h3>Wykończenie materiałem izolującym termicznie</h3>
                    <p>Gdy inwestor decyduje się na ułożenie bezpośrednio przy oknie desek drewnianych (dąb, jesion) o dużym oporze cieplnym (R większe lub równe 0,12 m2K/W), przewodzenie ciepła zostaje zablokowane.</p>
                    <p>Podłogówka w tym miejscu staje się niewydolna, a gęste pętle mogłyby doprowadzić do rozsychania się i pękania drewna. Konwektor przejmuje na siebie zadanie ogrzania strefy przyokiennej, ratując podłogę przed termicznym zniszczeniem.</p>
                </div>
            </div>

            <!-- PANEL 3: Niskie zasilanie -->
            <div class="rk-trench-panel" id="panel-niskie">
                <div class="rk-trench-details">
                    <h3>Niski parametr zasilania systemu grzewczego</h3>
                    <p>Przy skrajnie niskotemperaturowym parametrze zasilania z pompy ciepła (np. woda o temperaturze 30 stopni Celsjusza), maksymalna moc, jaką jesteśmy w stanie wygenerować z podłogi w strefie brzegowej przy rozstawie co 10 cm, wynosi zaledwie 75 do 85 W/m2.</p>
                    <p>Jeżeli zapotrzebowanie wynikające z obliczeń OZC przekracza tę wartość, wsparcie konwektorem jest jedynym inżynieryjnym sposobem na domknięcie bilansu cieplnego całego salonu.</p>
                </div>
            </div>

        </div>
    </div>

    <!-- Ostrzeżenie Projektowe -->
    <div class="rk-trench-warning">
        <div class="rk-trench-warning-icon">
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
        </div>
        <div class="rk-trench-warning-text">
            <p><strong>Wskazówka projektowa:</strong> Jeśli Twój system grzewczy pracuje na niskim parametrze (np. pompa ciepła zasilająca układ temperaturą 35°C), należy bezwzględnie dobrać konwektory kanałowe wyposażone w ciche wentylatory EC zasilane napięciem 24 V (wymuszony obieg powietrza). Zwykły konwektor grawitacyjny (bez wentylatora) przy tak chłodnej wodzie straci aż do 75% swojej nominalnej mocy katalogowej, która jest podawana dla tradycyjnych układów np. 75/65/20°C.</p>
        </div>
    </div>

</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-trench-btn');
    var panels = document.querySelectorAll('.rk-trench-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetId = 'panel-' + this.getAttribute('data-target');

            // Aktywacja przycisku (bezpiecznie bez &#038;&#038;)
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Wyświetlenie odpowiedniego panelu
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetId) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-wykonczenie-podlogi",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Jaki rodzaj wykończenia podłogi wybrać w strefie przy oknie tarasowym?",
    "description": "Zestawienie oporów cieplnych materiałów wykończeniowych dla strefy brzegowej. Dowiedz się, dlaczego gres i panele LVT są idealne, a drewno i dywan blokują ogrzewanie podłogowe.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-wykonczenie-podlogi",
    "name": "Opór Cieplny Materiałów Wykończeniowych w Strefie Brzegowej",
    "description": "Baza danych parametrów R (opór cieplny) dla najpopularniejszych pokryć podłogowych w kontekście ogrzewania płaszczyznowego przy oknach tarasowych.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "wykończenie podłogi przy oknie tarasowym",
      "opór cieplny paneli winylowych lvt",
      "gres na ogrzewanie podłogowe",
      "materiały niedozwolone strefa brzegowa",
      "przewodnictwo cieplne posadzki"
    ],
    "measurementTechnique": "Określanie parametrów fizycznych materiałów budowlanych według normy PN-EN 1264, z graniczną wartością oporu cieplnego R wynoszącą 0,15 m2K/W.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Gres i kamień naturalny (10-20 mm): R od 0,01 do 0,02 m2K/W (Wybór idealny).",
        "Panele winylowe LVT klejone (2-3 mm): R ok. 0,015 m2K/W (Wybór bardzo dobry).",
        "Gruby parkiet warstwowy (powyżej 15 mm): R powyżej 0,12 m2K/W (Niedozwolony przy oknie).",
        "Dywany z gęstym podkładem: R od 0,15 do 0,25 m2K/W (Izolator termiczny, kategorycznie zabroniony)."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-symulator-ciepla",
    "name": "Symulator Przenikania Ciepła przez Posadzkę",
    "description": "Wizualne narzędzie pozwalające zaobserwować zjawisko blokowania strumienia cieplnego przez izolatory (drewno, dywan) w zestawieniu z materiałami przewodzącymi (gres, winyl).",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-mat-dark: #0f172a;
    --rk-mat-blue: #0284c7;
    --rk-mat-blue-light: #e0f2fe;
    --rk-mat-green: #059669;
    --rk-mat-green-light: #d1fae5;
    --rk-mat-red: #ef4444;
    --rk-mat-red-light: #fef2f2;
    --rk-mat-gray: #475569;
    --rk-mat-border: #cbd5e1;
    --rk-mat-bg: #ffffff;
}

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

/* Sekcja Nagłówka */
.rk-mat-header {
    background: linear-gradient(135deg, var(--rk-mat-dark) 0%, #1e293b 100%);
    padding: 40px 45px;
    color: #ffffff;
}

.rk-mat-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-mat-header p {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

.rk-mat-norm {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    padding: 8px 16px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #38bdf8;
    text-transform: none !important;
}

/* Przestrzeń interaktywna - Układ z górnym menu */
.rk-mat-workspace {
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

/* Górny panel wyboru (Kafle) */
.rk-mat-selector {
    width: 100%;
    padding: 35px 45px;
    border-bottom: 1px solid var(--rk-mat-border);
    background: #f8fafc;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.rk-mat-btn {
    flex: 1;
    padding: 20px;
    background: #ffffff;
    border: 2px solid var(--rk-mat-border);
    border-radius: 14px;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    text-transform: none !important;
}

.rk-mat-btn:hover {
    border-color: #94a3b8;
    background: #f1f5f9;
}

.rk-mat-btn.active[data-type="gres"] {
    border-color: var(--rk-mat-green);
    background: var(--rk-mat-green-light);
    box-shadow: 0 8px 20px -5px rgba(5, 150, 105, 0.15);
}

.rk-mat-btn.active[data-type="winyl"] {
    border-color: var(--rk-mat-blue);
    background: var(--rk-mat-blue-light);
    box-shadow: 0 8px 20px -5px rgba(2, 132, 199, 0.15);
}

.rk-mat-btn.active[data-type="drewno"] {
    border-color: var(--rk-mat-red);
    background: var(--rk-mat-red-light);
    box-shadow: 0 8px 20px -5px rgba(239, 68, 68, 0.15);
}

.rk-mat-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: var(--rk-mat-gray);
    transition: all 0.3s;
    flex-shrink: 0;
}

.rk-mat-btn.active[data-type="gres"] .rk-mat-icon { background: var(--rk-mat-green); color: #fff; }
.rk-mat-btn.active[data-type="winyl"] .rk-mat-icon { background: var(--rk-mat-blue); color: #fff; }
.rk-mat-btn.active[data-type="drewno"] .rk-mat-icon { background: var(--rk-mat-red); color: #fff; }

.rk-mat-label {
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-mat-dark);
    margin: 0 0 5px 0;
    text-transform: none !important;
}

.rk-mat-sub {
    font-size: 13px;
    color: var(--rk-mat-gray);
    margin: 0;
    text-transform: none !important;
}

/* Dolny panel prezentacji */
.rk-mat-display {
    width: 100%;
    padding: 40px 45px;
    display: flex;
    flex-direction: column;
}

.rk-mat-panel {
    display: none;
    animation: fadeInMat 0.4s ease forwards;
}

/* Na desktopie Wizualizacja i Tekst są obok siebie */
.rk-mat-panel.active {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
}

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

.rk-mat-viz {
    flex: 1;
    height: 280px;
    background: #f8fafc;
    border-radius: 16px;
    border: 1px dashed var(--rk-mat-border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

/* SVG Animations */
.rk-heat-wave { stroke-dasharray: 20; animation: flowUp 2s linear infinite; }
@keyframes flowUp { to { stroke-dashoffset: -40; } }

.rk-heat-block { stroke-dasharray: 10; animation: flowBlock 2s linear infinite; opacity: 0.5; }
@keyframes flowBlock { 50% { transform: translateY(5px); opacity: 0.2; } 100% { transform: translateY(0); opacity: 0.5; } }

.rk-cold-drop { animation: dropDown 3s linear infinite; }
@keyframes dropDown {
    0% { transform: translateY(-20px); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translateY(20px); opacity: 0; }
}

.rk-mat-details {
    flex: 1.2;
    background: #ffffff;
}

.rk-mat-details h3 {
    margin: 0 0 15px 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--rk-mat-dark);
    text-transform: none !important;
}

.rk-mat-details p {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-mat-gray);
    text-transform: none !important;
}

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

.rk-mat-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 8px;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: none !important;
    border: 1px solid transparent;
}

.rk-mat-badge.green { background: var(--rk-mat-green-light); color: var(--rk-mat-green); border-color: rgba(5, 150, 105, 0.2); }
.rk-mat-badge.blue { background: var(--rk-mat-blue-light); color: var(--rk-mat-blue); border-color: rgba(2, 132, 199, 0.2); }
.rk-mat-badge.red { background: var(--rk-mat-red-light); color: var(--rk-mat-red); border-color: rgba(239, 68, 68, 0.2); }

/* Responsywność */
@media (max-width: 768px) {
    .rk-mat-header { padding: 30px 20px; }
    
    .rk-mat-selector { 
        flex-direction: column; /* Na mobile przyciski pionowo jeden pod drugim */
        padding: 30px 20px; 
        gap: 15px;
    }
    
    .rk-mat-btn { 
        padding: 15px 20px; 
    }
    
    .rk-mat-display { 
        padding: 30px 20px; 
    }
    
    .rk-mat-panel.active {
        flex-direction: column; /* Na mobile SVG nad tekstem */
        gap: 30px;
    }

    .rk-mat-viz { 
        width: 100%;
        height: 220px; 
    }
}
</style>

<div class="rk-mat-container" id="rk-wykonczenie-strefy">
    <div class="rk-mat-header">
        <h2>Jaki rodzaj wykończenia podłogi wybrać w strefie przy oknie tarasowym?</h2>
        <p>Dobór materiału w pasie przyokiennym ma krytyczny wpływ na efektywność grzewczą. Zobacz na symulatorze, dlaczego grubość i opór cieplny potrafią całkowicie zablokować działanie podłogówki.</p>
        <div class="rk-mat-norm">
            <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="M12 2v20"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
            Norma PN-EN 1264: Max. Opór Cieplny R = 0,15 m2K/W
        </div>
    </div>

    <div class="rk-mat-workspace">
        
        <!-- Górny panel: Selektor materiałów -->
        <div class="rk-mat-selector">
            <button class="rk-mat-btn active" data-type="gres">
                <div class="rk-mat-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg>
                </div>
                <div>
                    <h4 class="rk-mat-label">Gres i Kamień</h4>
                    <p class="rk-mat-sub">Grubość: 10-20 mm</p>
                </div>
            </button>
            
            <button class="rk-mat-btn" data-type="winyl">
                <div class="rk-mat-icon">
                    <svg width="24" height="24" 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"/><line x1="3" y1="12" x2="21" y2="12"/></svg>
                </div>
                <div>
                    <h4 class="rk-mat-label">Panele LVT</h4>
                    <p class="rk-mat-sub">Grubość: 2-3 mm</p>
                </div>
            </button>
            
            <button class="rk-mat-btn" data-type="drewno">
                <div class="rk-mat-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M6 12h12"/></svg>
                </div>
                <div>
                    <h4 class="rk-mat-label">Drewno / Dywan</h4>
                    <p class="rk-mat-sub">Grubość: &gt;15 mm</p>
                </div>
            </button>
        </div>

        <!-- Dolny panel: Wizualizacja i Treść -->
        <div class="rk-mat-display">
            
            <!-- PANEL GRES -->
            <div class="rk-mat-panel active" id="panel-gres">
                <div class="rk-mat-viz">
                    <svg viewBox="0 0 300 150" width="100%" height="100%">
                        <circle cx="150" cy="120" r="10" fill="none" stroke="#ef4444" stroke-width="4" />
                        <circle cx="100" cy="120" r="10" fill="none" stroke="#ef4444" stroke-width="4" />
                        <circle cx="200" cy="120" r="10" fill="none" stroke="#ef4444" stroke-width="4" />
                        <rect x="50" y="80" width="200" height="25" fill="#cbd5e1" />
                        <rect x="50" y="65" width="200" height="15" fill="#94a3b8" />
                        <line x1="100" y1="65" x2="100" y2="80" stroke="#f8fafc" stroke-width="2" />
                        <line x1="150" y1="65" x2="150" y2="80" stroke="#f8fafc" stroke-width="2" />
                        <line x1="200" y1="65" x2="200" y2="80" stroke="#f8fafc" stroke-width="2" />
                        <path class="rk-heat-wave" d="M100 60 Q 110 30 100 10 M150 60 Q 160 30 150 10 M200 60 Q 210 30 200 10" fill="none" stroke="#ea580c" stroke-width="5" stroke-linecap="round" />
                    </svg>
                </div>
                <div class="rk-mat-details">
                    <div class="rk-mat-badge green">Wybór Idealny: R = 0,01 do 0,02 m2K/W</div>
                    <h3>Gres i kamień naturalny</h3>
                    <p>To absolutnie najlepszy wybór. Charakteryzują się minimalnym oporem cieplnym i potężną akumulacją termiczną.</p>
                    <p>Ciepło z rur grzewczych przenika przez nie niemal bez strat, błyskawicznie reagując na sterowanie automatyki i tworząc efektywną, niewidzialną barierę dla zimnego powietrza spływającego z szyby tarasowej.</p>
                </div>
            </div>

            <!-- PANEL LVT -->
            <div class="rk-mat-panel" id="panel-winyl">
                <div class="rk-mat-viz">
                    <svg viewBox="0 0 300 150" width="100%" height="100%">
                        <circle cx="150" cy="120" r="10" fill="none" stroke="#ef4444" stroke-width="4" />
                        <circle cx="100" cy="120" r="10" fill="none" stroke="#ef4444" stroke-width="4" />
                        <circle cx="200" cy="120" r="10" fill="none" stroke="#ef4444" stroke-width="4" />
                        <rect x="50" y="80" width="200" height="25" fill="#cbd5e1" />
                        <rect x="50" y="73" width="200" height="7" fill="#60a5fa" />
                        <path class="rk-heat-wave" d="M100 70 Q 105 40 100 10 M150 70 Q 155 40 150 10 M200 70 Q 205 40 200 10" fill="none" stroke="#f97316" stroke-width="4" stroke-linecap="round" />
                    </svg>
                </div>
                <div class="rk-mat-details">
                    <div class="rk-mat-badge blue">Dobry Kompromis: R ≈ 0,015 m2K/W</div>
                    <h3>Panele winylowe klejone (LVT)</h3>
                    <p>Cienkie panele winylowe wykazują bardzo niski opór cieplny. Szybko przewodzą energię cieplną z wylewki do pomieszczenia.</p>
                    <p>Dodatkowym atutem jest to, że są całkowicie stabilne wymiarowo pod wpływem wahań temperatur w strefie brzegowej – nie rozszerzają się i nie kurczą tak drastycznie jak naturalne deski, co jest kluczowe przy oknie.</p>
                </div>
            </div>

            <!-- PANEL DREWNO/DYWAN -->
            <div class="rk-mat-panel" id="panel-drewno">
                <div class="rk-mat-viz">
                    <svg viewBox="0 0 300 150" width="100%" height="100%">
                        <circle cx="150" cy="130" r="10" fill="none" stroke="#ef4444" stroke-width="4" />
                        <circle cx="100" cy="130" r="10" fill="none" stroke="#ef4444" stroke-width="4" />
                        <circle cx="200" cy="130" r="10" fill="none" stroke="#ef4444" stroke-width="4" />
                        <rect x="50" y="90" width="200" height="25" fill="#cbd5e1" />
                        <rect x="50" y="60" width="200" height="30" fill="#d97706" rx="2" />
                        <path d="M60 75 Q 100 65 140 75 T 220 75" fill="none" stroke="#b45309" stroke-width="2" />
                        <path class="rk-heat-block" d="M100 85 Q 110 100 100 110 M150 85 Q 160 100 150 110 M200 85 Q 210 100 200 110" fill="none" stroke="#ea580c" stroke-width="4" stroke-linecap="round" />
                        <path class="rk-cold-drop" d="M150 10 L150 50 M140 40 L150 50 L160 40" fill="none" stroke="#38bdf8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
                        <path class="rk-cold-drop" d="M100 20 L100 50 M90 40 L100 50 L110 40" fill="none" stroke="#38bdf8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="animation-delay: 0.5s;" />
                        <path class="rk-cold-drop" d="M200 15 L200 50 M190 40 L200 50 L210 40" fill="none" stroke="#38bdf8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="animation-delay: 1s;" />
                    </svg>
                </div>
                <div class="rk-mat-details">
                    <div class="rk-mat-badge red">Izolator: R od 0,12 do 0,25 m2K/W</div>
                    <h3>Gruby parkiet warstwowy i dywany</h3>
                    <p>Materiały kategorycznie niedozwolone w intensywnej strefie brzegowej. Gruby parkiet klejony (powyżej 15 mm) oraz dywany z podkładem to izolatory termiczne.</p>
                    <p>Działają jak koc ułożony na kaloryferze. Blokują przepływ energii, zmuszając pompę do wysiłku, a jednocześnie uniemożliwiając pokrycie potężnych, liniowych strat ciepła od strony okna. Efekt? Zimne stopy i niedogrzany dom.</p>
                </div>
            </div>

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

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-mat-btn');
    var panels = document.querySelectorAll('.rk-mat-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetId = 'panel-' + this.getAttribute('data-type');

            // Resetowanie przycisków (bezpieczne)
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Ukrywanie/Pokazywanie paneli
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetId) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-kalkulator",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Kalkulator strefy przyokiennej: Algorytm doboru rozstawu rur krok po kroku",
    "description": "Interaktywne narzędzie inżynierskie do obliczania optymalnego rozstawu rur w strefie brzegowej na podstawie parametrów okna (wysokość, szerokość), temperatur i szerokości pasa.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-kalkulator",
    "name": "Kalkulacje Zapotrzebowania Cieplnego Strefy Brzegowej Ogrzewania Podłogowego",
    "description": "Zestawienie dynamicznych przeliczeń fizyki budowli uwzględniające przenikanie ciepła przez przeszklenia oraz wymaganą gęstość mocy posadzki grzewczej.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "kalkulator strefy przyokiennej",
      "obliczenia strat ciepła przez okno",
      "dobór rozstawu rur podłogówka",
      "algorytm ogrzewania podłogowego",
      "gęstość mocy strefy brzegowej"
    ],
    "measurementTechnique": "Dynamiczny algorytm przeliczający straty ciepła na podstawie współczynnika Uw, gabarytów okna i różnicy temperatur, korygowany o 30-procentowy dodatek na zjawisko spływu grawitacyjnego chłodnego powietrza.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Krok 1: Wyznaczenie jednostkowej straty bazowej z powierzchni szyby.",
        "Krok 2: Wyliczenie rzeczywistej straty liniowej z metra bieżącego okna.",
        "Krok 3: Obliczenie docelowej gęstości mocy grzewczej (W/m2).",
        "Krok 4: Klasyfikacja hydrauliczna rozstawu rur (7.5 cm do 15 cm)."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-kalkulator-okien",
    "name": "Kalkulator Strefy Przyokiennej HVAC",
    "description": "Interaktywny symulator obliczeniowy dla inżynierów i inwestorów. Pozwala za pomocą suwaków w czasie rzeczywistym dobierać rozstaw rur grzewczych dla dużych przeszkleń.",
    "applicationCategory": "CalculatorApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-calc-dark: #0f172a;
    --rk-calc-blue: #0284c7;
    --rk-calc-blue-light: #e0f2fe;
    --rk-calc-red: #ef4444;
    --rk-calc-red-light: #fef2f2;
    --rk-calc-gray: #475569;
    --rk-calc-border: #cbd5e1;
    --rk-calc-bg: #ffffff;
    --rk-calc-track: #e2e8f0;
}

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

/* Header */
.rk-calc-header {
    background: linear-gradient(135deg, var(--rk-calc-dark) 0%, #1e293b 100%);
    padding: 40px 45px;
    color: #ffffff;
}

.rk-calc-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-calc-header p {
    font-size: 16px;
    color: #94a3b8;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

/* Main Layout */
.rk-calc-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f8fafc;
}

/* Sliders Section */
.rk-calc-controls {
    padding: 40px 45px;
    border-right: 1px solid var(--rk-calc-border);
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.rk-slider-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rk-slider-labels {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.rk-slider-labels label {
    font-size: 14px;
    font-weight: 800;
    color: var(--rk-calc-dark);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rk-slider-val {
    font-size: 18px;
    font-weight: 900;
    color: var(--rk-calc-blue);
    background: var(--rk-calc-blue-light);
    padding: 4px 12px;
    border-radius: 8px;
    border: 1px solid rgba(2, 132, 199, 0.2);
}

.rk-slider-val.red {
    color: var(--rk-calc-red);
    background: var(--rk-calc-red-light);
    border-color: rgba(239, 68, 68, 0.2);
}

input[type=range].rk-range {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    cursor: pointer;
}

input[type=range].rk-range:focus { outline: none; }

input[type=range].rk-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    background: var(--rk-calc-track);
    border-radius: 4px;
    transition: all 0.3s;
}

input[type=range].rk-range::-webkit-slider-thumb {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid var(--rk-calc-blue);
    -webkit-appearance: none;
    margin-top: -8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.1s;
}

input[type=range].rk-range::-webkit-slider-thumb:active { transform: scale(1.1); }
input[type=range].rk-range.red-theme::-webkit-slider-thumb { border-color: var(--rk-calc-red); }

/* Results Section */
.rk-calc-results {
    padding: 40px 45px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rk-result-card {
    background: var(--rk-calc-blue-light);
    border: 2px solid var(--rk-calc-blue);
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.rk-result-card h3 {
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-calc-gray);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.rk-result-main {
    font-size: 48px;
    font-weight: 900;
    color: var(--rk-calc-dark);
    margin: 0;
    line-height: 1;
}

.rk-result-sub {
    font-size: 15px;
    color: var(--rk-calc-dark);
    margin: 10px 0 0 0;
    font-weight: 700;
}

/* Obliczenia cząstkowe mini-dashboard */
.rk-sub-results {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 25px;
}
.rk-sub-box {
    background: #f1f5f9;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #cbd5e1;
}
.rk-sub-box span {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: var(--rk-calc-gray);
    text-transform: uppercase;
}
.rk-sub-box strong {
    display: block;
    font-size: 18px;
    font-weight: 900;
    color: var(--rk-calc-dark);
    margin-top: 5px;
}
.rk-sub-box.highlight {
    background: var(--rk-calc-red-light);
    border-color: rgba(239, 68, 68, 0.3);
}
.rk-sub-box.highlight strong {
    color: var(--rk-calc-red);
}

/* Wizualizacja Rur (SVG) */
.rk-pipes-viz {
    margin-top: 30px;
    height: 120px;
    border-radius: 12px;
    background: #f1f5f9;
    border: 1px dashed #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.rk-pipe-svg { width: 100%; height: 100%; }

/* Explanation Section */
.rk-calc-steps {
    padding: 40px 45px;
    background: #f8fafc;
    border-top: 1px solid var(--rk-calc-border);
}

.rk-calc-steps h3 {
    font-size: 22px;
    font-weight: 900;
    color: var(--rk-calc-dark);
    margin: 0 0 25px 0;
    text-transform: none !important;
}

.rk-step-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.rk-step-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 16px;
    border: 1px solid var(--rk-calc-border);
}

.rk-step-box h4 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-calc-dark);
    margin: 0 0 10px 0;
    text-transform: none !important;
}

.rk-step-num {
    width: 28px;
    height: 28px;
    background: var(--rk-calc-dark);
    color: #ffffff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.rk-step-box p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--rk-calc-gray);
    margin: 0;
    text-transform: none !important;
}

.rk-step-box a {
    color: var(--rk-calc-blue);
    font-weight: 700;
    text-decoration: none;
}
.rk-step-box a:hover { text-decoration: underline; }


@media (max-width: 768px) {
    .rk-calc-body { grid-template-columns: 1fr; }
    .rk-calc-controls { border-right: none; border-bottom: 1px solid var(--rk-calc-border); padding: 30px 25px; }
    .rk-calc-results { padding: 30px 25px; }
    .rk-calc-header { padding: 30px 25px; }
    .rk-calc-steps { padding: 30px 25px; }
    .rk-step-grid { grid-template-columns: 1fr; }
    .rk-result-main { font-size: 38px; }
}
</style>

<div class="rk-calc-wrapper" id="rk-kalkulator-interaktywny">
    <div class="rk-calc-header">
        <h2>Kalkulator strefy przyokiennej: Interaktywny algorytm doboru rozstawu rur</h2>
        <p>Przesuń suwaki, aby w czasie rzeczywistym przeanalizować liniowe straty ciepła i wyznaczyć optymalne zagęszczenie instalacji przy dużych przeszkleniach.</p>
    </div>

    <div class="rk-calc-body">
        
        <!-- Controls -->
        <div class="rk-calc-controls">
            
            <div class="rk-slider-group">
                <div class="rk-slider-labels">
                    <label>Współczynnik okna (Uw)</label>
                    <output class="rk-slider-val" id="valUw">0.90 W/(m2K)</output>
                </div>
                <input type="range" class="rk-range" id="rngUw" min="0.5" max="1.5" step="0.05" value="0.9">
            </div>

            <div class="rk-slider-group">
                <div class="rk-slider-labels">
                    <label>Wysokość okna (H)</label>
                    <output class="rk-slider-val" id="valH">2.3 m</output>
                </div>
                <input type="range" class="rk-range" id="rngH" min="1.8" max="3.5" step="0.1" value="2.3">
            </div>

            <!-- Nowy suwak: Szerokość okna -->
            <div class="rk-slider-group">
                <div class="rk-slider-labels">
                    <label>Szerokość okna (W)</label>
                    <output class="rk-slider-val" id="valW">3.0 m</output>
                </div>
                <input type="range" class="rk-range" id="rngW" min="1.0" max="8.0" step="0.1" value="3.0">
            </div>

            <div class="rk-slider-group">
                <div class="rk-slider-labels">
                    <label>Temp. Zewnętrzna (Tz)</label>
                    <output class="rk-slider-val red" id="valTz">-16 °C</output>
                </div>
                <input type="range" class="rk-range red-theme" id="rngTz" min="-24" max="-10" step="2" value="-16">
            </div>

            <div class="rk-slider-group">
                <div class="rk-slider-labels">
                    <label>Temp. Wewnętrzna (Tw)</label>
                    <output class="rk-slider-val red" id="valTw">22 °C</output>
                </div>
                <input type="range" class="rk-range red-theme" id="rngTw" min="20" max="24" step="1" value="22">
            </div>

            <div class="rk-slider-group">
                <div class="rk-slider-labels">
                    <label>Szerokość pasa grzewczego (S)</label>
                    <output class="rk-slider-val" id="valS">1.2 m</output>
                </div>
                <input type="range" class="rk-range" id="rngS" min="0.8" max="1.8" step="0.1" value="1.2">
            </div>

        </div>

        <!-- Live Results -->
        <div class="rk-calc-results">
            <div class="rk-result-card">
                <h3>Rekomendowany rozstaw rur</h3>
                <p class="rk-result-main" id="resSpacing">15 cm</p>
                <p class="rk-result-sub">Wydzielony obwód strefy brzegowej</p>
            </div>

            <div class="rk-sub-results">
                <div class="rk-sub-box">
                    <span>Moc jednostkowa podłogi</span>
                    <strong id="resPower">75 W/m2</strong>
                </div>
                <div class="rk-sub-box">
                    <span>Liniowa strata (z bryzą)</span>
                    <strong id="resLoss">90 W/mb</strong>
                </div>
                <div class="rk-sub-box highlight">
                    <span>Całkowita strata okna</span>
                    <strong id="resTotalLoss">270 W</strong>
                </div>
                <div class="rk-sub-box">
                    <span>Długość strefy (pasa)</span>
                    <strong id="resTotalLength">3.0 m</strong>
                </div>
            </div>

            <div class="rk-pipes-viz" id="svgContainer">
                <!-- SVG generowane przez JS -->
            </div>
        </div>

    </div>

    <!-- Opis Algorytmu -->
    <div class="rk-calc-steps">
        <h3>Jak kalkulator przetwarza dane w tle?</h3>
        <div class="rk-step-grid">
            <div class="rk-step-box">
                <h4><div class="rk-step-num">1</div> Straty bazowe z powierzchni</h4>
                <p>Na bieżąco mnożymy wybrany współczynnik przenikania okna Uw przez ustawioną różnicę temperatur wewnętrznej i zewnętrznej. Wynikiem jest podstawowa utrata ciepła z każdego metra kwadratowego szyby.</p>
            </div>
            <div class="rk-step-box">
                <h4><div class="rk-step-num">2</div> Konwekcja i straty całkowite</h4>
                <p>Otrzymaną wartość mnożymy przez zadeklarowaną wysokość okna, a następnie narzucamy 30-procentowy margines bezpieczeństwa na fizyczne zjawisko spływu grawitacyjnego chłodnego powietrza od samej szyby w dół. Mnożąc to przez szerokość, otrzymujemy całkowite straty.</p>
            </div>
            <div class="rk-step-box">
                <h4><div class="rk-step-num">3</div> Gęstość mocy pasa</h4>
                <p>Całkowitą liniową stratę dzielimy przez wybraną na suwaku szerokość strefy brzegowej. Dzięki temu dokładnie wiemy, ile Watów energii musi oddać każdy <a href="https://projekt-ogrzewania.pl/rozstaw-rur-w-wodnym-ogrzewaniu-podlogowym/">metr kwadratowy posadzki</a>, aby zablokować chłód.</p>
            </div>
            <div class="rk-step-box">
                <h4><div class="rk-step-num">4</div> Matryca rozstawu</h4>
                <p>Uzyskany wynik zestawiamy z <a href="https://projekt-ogrzewania.pl/kalkulator-strat-ciepla-budynku-jak-samodzielnie-obliczyc-zapotrzebowanie-na-ogrzewanie/">katalogową wydajnością jastrychu grzewczego</a> dla niskich temperatur zasilania pomp ciepła. W zależności od obciążenia, system automatycznie zaleca odpowiednie zagęszczenie rur grzewczych.</p>
            </div>
        </div>
    </div>

</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    
    // Pobranie elementów DOM (suwaki i wartości)
    var rngUw = document.getElementById('rngUw'); var valUw = document.getElementById('valUw');
    var rngH = document.getElementById('rngH');   var valH = document.getElementById('valH');
    var rngW = document.getElementById('rngW');   var valW = document.getElementById('valW');
    var rngTz = document.getElementById('rngTz'); var valTz = document.getElementById('valTz');
    var rngTw = document.getElementById('rngTw'); var valTw = document.getElementById('valTw');
    var rngS = document.getElementById('rngS');   var valS = document.getElementById('valS');
    
    // Pola wynikowe
    var resSpacing = document.getElementById('resSpacing');
    var resPower = document.getElementById('resPower');
    var resLoss = document.getElementById('resLoss');
    var resTotalLoss = document.getElementById('resTotalLoss');
    var resTotalLength = document.getElementById('resTotalLength');
    var svgContainer = document.getElementById('svgContainer');

    // Funkcja do rysowania odpowiedniej ilości rur w SVG
    function drawPipes(spacingValue) {
        var pipeCount = 3;
        if (spacingValue === 12.5) { pipeCount = 4; }
        if (spacingValue === 10) { pipeCount = 5; }
        if (spacingValue === 7.5) { pipeCount = 7; }

        var svgHTML = '<svg class="rk-pipe-svg" viewBox="0 0 200 100" preserveAspectRatio="xMidYMid meet">';
        // Wylewka
        svgHTML += '<rect x="10" y="30" width="180" height="40" fill="#e2e8f0" rx="4" />';
        
        // Rysowanie rurek na podstawie ilości
        var step = 160 / (pipeCount + 1);
        for(var i = 1; i <= pipeCount; i++) {
            var xPos = 10 + (step * i);
            svgHTML += '<circle cx="'+xPos+'" cy="50" r="6" fill="none" stroke="#ef4444" stroke-width="3" />';
        }
        svgHTML += '</svg>';
        svgContainer.innerHTML = svgHTML;
    }

    // Główny silnik obliczeniowy
    function calculateEdgeZone() {
        // Pobieranie wartości numerycznych
        var uW = parseFloat(rngUw.value);
        var h = parseFloat(rngH.value);
        var w = parseFloat(rngW.value);
        var tZ = parseFloat(rngTz.value);
        var tW = parseFloat(rngTw.value);
        var s = parseFloat(rngS.value);

        // Aktualizacja etykiet na żywo
        valUw.textContent = uW.toFixed(2) + " W/(m2K)";
        valH.textContent = h.toFixed(1) + " m";
        valW.textContent = w.toFixed(1) + " m";
        valTz.textContent = tZ + " °C";
        valTw.textContent = tW + " °C";
        valS.textContent = s.toFixed(1) + " m";

        // Krok 1: Jednostkowa strata szyby (q_okna)
        var deltaT = tW - tZ;
        var q_okna = uW * deltaT;

        // Krok 2: Całkowita strata liniowa z narzutem 30% na bryzę (Q_real) z metra bieżącego
        var q_real = q_okna * h * 1.3;

        // Całkowita strata cieplna całego przeszklenia w Watach
        var totalLoss = q_real * w;

        // Krok 3: Gęstość mocy strefy (q_pas)
        var q_pas = q_real / s;

        // Krok 4: Ustalenie rozstawu rur (Bezpieczna logika bez znaków podwójnego ampersandu)
        var finalSpacing = 7.5;
        var spacingText = "7,5 cm";

        if (q_pas <= 150) { finalSpacing = 10; spacingText = "10 cm"; }
        if (q_pas <= 110) { finalSpacing = 12.5; spacingText = "12,5 cm"; }
        if (q_pas <= 75) { finalSpacing = 15; spacingText = "15 cm"; }

        // Ekstremalne przeciążenie
        if (q_pas > 190) { spacingText = "Konwektor!"; }

        // Aktualizacja interfejsu wynikowego
        resLoss.textContent = Math.round(q_real) + " W/mb";
        resPower.textContent = Math.round(q_pas) + " W/m2";
        resTotalLoss.textContent = Math.round(totalLoss) + " W";
        resTotalLength.textContent = w.toFixed(1) + " m";
        resSpacing.textContent = spacingText;

        // Przerysowanie grafiki rur
        drawPipes(finalSpacing);
    }

    // Przypinanie zdarzeń do suwaków
    var inputs = [rngUw, rngH, rngW, rngTz, rngTw, rngS];
    for (var j = 0; j < inputs.length; j++) {
        inputs[j].addEventListener('input', calculateEdgeZone);
    }

    // Pierwsze uruchomienie po załadowaniu
    calculateEdgeZone();
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-wplyw-projekt",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Jak strefa przyokienna wpływa na kompleksowy projekt ogrzewania podłogowego?",
    "description": "Zagęszczenie pętli przy dużych oknach zmienia wszystko. Zobacz wpływ na obliczenia OZC, dwukrotnie większe zużycie rury PEX oraz dobór pompy obiegowej.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-wplyw-projekt",
    "name": "Bilans Zmian Parametrów Instalacji po Wydzieleniu Strefy Brzegowej",
    "description": "Zestawienie analityczne wpływu gęstego układania rur (10 cm) na projekt: wzrost zużycia materiału, zmiana ciśnienia dyspozycyjnego i rewizja strat OZC.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "projekt instalacji ogrzewania podłogowego",
      "obliczenia zapotrzebowania na ciepło ozc",
      "zużycie rury pex na m2",
      "opory hydrauliczne pętli grzewczej",
      "dobór pompy obiegowej do podłogówki"
    ],
    "measurementTechnique": "Norma PN-EN 12831 dla strat ciepła oraz charakterystyka hydrauliczna rur wielowarstwowych przy wysokim zagęszczeniu.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Zapotrzebowanie na rurę co 20 cm: 5,0 m / m2.",
        "Zapotrzebowanie na rurę co 10 cm: 10,0 m / m2.",
        "Przepływ masowy w strefie brzegowej: powyżej 1,8 l/min.",
        "Wysokość podnoszenia pompy: 4 do 6 m słupa wody przy przepływie 1,5 m3/h."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-wplyw-projekt",
    "name": "Pulpit Inżyniera: Skutki Zagęszczenia Instalacji",
    "description": "Interaktywny interfejs modułowy prezentujący kaskadowe zmiany w projekcie HVAC wynikające z wdrożenia stref przyokiennych.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5 and CSS3",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-dash-dark: #0f172a;
    --rk-dash-blue: #0284c7;
    --rk-dash-blue-hover: #0369a1;
    --rk-dash-blue-light: #e0f2fe;
    --rk-dash-orange: #ea580c;
    --rk-dash-orange-light: #ffedd5;
    --rk-dash-green: #059669;
    --rk-dash-green-light: #d1fae5;
    --rk-dash-gray: #475569;
    --rk-dash-border: #cbd5e1;
    --rk-dash-bg: #ffffff;
}

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

/* Header */
.rk-dash-header {
    background: linear-gradient(135deg, var(--rk-dash-dark) 0%, #1e293b 100%);
    padding: 40px;
    color: #ffffff;
}

.rk-dash-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-dash-header p {
    font-size: 16px;
    color: #94a3b8;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

/* Dashboard UI */
.rk-dash-ui {
    padding: 40px;
    background: #f8fafc;
}

.rk-dash-tabs {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

/* Ochrona przed wymuszonym stylem WordPressa (Capitalize) */
.rk-dash-tab-btn {
    flex: 1;
    padding: 16px 20px;
    border-radius: 12px;
    border: 2px solid var(--rk-dash-border);
    background: #ffffff;
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-dash-gray);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    text-transform: none !important; /* Nadpisanie motywu */
}

.rk-dash-tab-btn:hover {
    border-color: #94a3b8;
    background: #f1f5f9;
}

.rk-dash-icon-box {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s;
}

.rk-dash-tab-btn.active {
    background: #ffffff;
    border-color: var(--rk-dash-blue);
    color: var(--rk-dash-dark);
    box-shadow: 0 8px 20px -5px rgba(2, 132, 199, 0.15);
}

.rk-dash-tab-btn.active[data-target="ozc"] .rk-dash-icon-box { background: var(--rk-dash-orange-light); color: var(--rk-dash-orange); }
.rk-dash-tab-btn.active[data-target="rury"] .rk-dash-icon-box { background: var(--rk-dash-blue-light); color: var(--rk-dash-blue); }
.rk-dash-tab-btn.active[data-target="pompa"] .rk-dash-icon-box { background: var(--rk-dash-green-light); color: var(--rk-dash-green); }

/* Zawartość paneli */
.rk-dash-content-box {
    background: #ffffff;
    border: 1px solid var(--rk-dash-border);
    border-radius: 16px;
    padding: 35px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    min-height: 250px;
}

.rk-dash-panel {
    display: none;
    animation: slideUp 0.4s ease forwards;
}

.rk-dash-panel.active {
    display: flex;
    gap: 40px;
    align-items: center;
}

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

.rk-dash-text {
    flex: 1;
}

.rk-dash-text h3 {
    margin: 0 0 15px 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--rk-dash-dark);
    text-transform: none !important;
}

.rk-dash-text p, .rk-dash-text li {
    margin: 0 0 15px 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--rk-dash-gray);
    text-transform: none !important; /* Nadpisanie motywu */
}

.rk-dash-text ul {
    margin: 0 0 15px 0;
    padding-left: 20px;
}

.rk-dash-text strong {
    color: var(--rk-dash-dark);
}

.rk-dash-viz {
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    background: #f8fafc;
    border-radius: 50%;
    border: 1px dashed #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Animacje SVG */
.rk-anim-heat { transform-origin: center; animation: pulseHeat 2s infinite; }
@keyframes pulseHeat {
    0% { transform: scale(0.95); opacity: 0.7; }
    50% { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(0.95); opacity: 0.7; }
}

.rk-anim-rotor { transform-origin: center; animation: spinRotor 3s linear infinite; }
@keyframes spinRotor { 100% { transform: rotate(360deg); } }

.rk-anim-flow { stroke-dasharray: 20; animation: moveFlow 2s linear infinite; }
@keyframes moveFlow { to { stroke-dashoffset: -40; } }

/* Sekcja CTA */
.rk-dash-cta {
    padding: 45px;
    background: #ffffff;
    border-top: 1px solid var(--rk-dash-border);
    text-align: center;
}

.rk-dash-cta h3 {
    font-size: 24px;
    font-weight: 900;
    color: var(--rk-dash-dark);
    margin: 0 0 15px 0;
    text-transform: none !important;
}

.rk-dash-cta p {
    font-size: 16px;
    color: var(--rk-dash-gray);
    margin: 0 auto 30px auto;
    max-width: 650px;
    line-height: 1.6;
    text-transform: none !important;
}

.rk-btn-project {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: var(--rk-dash-blue);
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
    padding: 22px 40px;
    border-radius: 14px;
    text-decoration: none;
    box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.4);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-transform: none !important; /* Czysty tekst bez kapitalizacji */
}

.rk-btn-project:hover {
    transform: translateY(-4px);
    background: var(--rk-dash-blue-hover);
    box-shadow: 0 15px 30px -5px rgba(2, 132, 199, 0.5);
}

/* Responsywność */
@media (max-width: 768px) {
    .rk-dash-header { padding: 30px 20px; }
    .rk-dash-ui { padding: 30px 20px; }
    
    .rk-dash-tabs {
        flex-direction: column; /* Na mobile układ pionowy - bezpieczny i czytelny */
        gap: 10px;
    }
    
    .rk-dash-panel.active {
        flex-direction: column-reverse;
        text-align: center;
        gap: 25px;
    }
    
    .rk-dash-content-box { padding: 25px 20px; }
    
    .rk-dash-text ul {
        text-align: left;
        display: inline-block;
    }
    
    .rk-dash-viz {
        width: 160px;
        height: 160px;
        border: none;
        background: transparent;
    }

    .rk-dash-cta { padding: 35px 20px; }
    .rk-btn-project {
        width: 100%;
        padding: 18px 20px;
        font-size: 15px;
        box-sizing: border-box;
    }
}
</style>

<div class="rk-dash-container" id="rk-wplyw-projektu">
    <div class="rk-dash-header">
        <h2>Jak strefa przyokienna wpływa na kompleksowy projekt ogrzewania podłogowego?</h2>
        <p>Wydzielenie i zagęszczenie pętli w strefie przyokiennej drastycznie zmienia charakterystykę hydrauliczną i cieplną całej instalacji. Prawidłowy projekt musi to uwzględniać już na etapie obliczeń.</p>
    </div>

    <div class="rk-dash-ui">
        <div class="rk-dash-tabs">
            <button class="rk-dash-tab-btn active" data-target="ozc">
                <div class="rk-dash-icon-box">
                    <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="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
                </div>
                1. Bilans i OZC
            </button>
            <button class="rk-dash-tab-btn" data-target="rury">
                <div class="rk-dash-icon-box">
                    <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="M22 12h-4l-3 9L9 3l-3 9H2"></path></svg>
                </div>
                2. Zużycie Rur
            </button>
            <button class="rk-dash-tab-btn" data-target="pompa">
                <div class="rk-dash-icon-box">
                    <svg width="20" height="20" 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><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg>
                </div>
                3. Opory i Pompa
            </button>
        </div>

        <div class="rk-dash-content-box">
            
            <!-- Panel 1: OZC -->
            <div class="rk-dash-panel active" id="panel-ozc">
                <div class="rk-dash-text">
                    <h3>Wpływ na zapotrzebowanie na moc i OZC</h3>
                    <p>Projektant musi wyliczyć straty ciepła przez przenikanie dla każdego pomieszczenia z osobna, bazując na rygorystycznej normie <strong>PN-EN 12831</strong>.</p>
                    <p>Obecność dużych przeszkleń podnosi całkowite projektowe obciążenie cieplne salonu. Brak uwzględnienia strefy brzegowej w obliczeniach skutkuje niedoszacowaniem wymaganej mocy grzewczej.</p>
                    <p>W konsekwencji prowadzi to do permanentnego niedogrzania budynku w temperaturach projektowych (np. przy <strong>-16 stopniach Celsjusza</strong> na zewnątrz).</p>
                </div>
                <div class="rk-dash-viz">
                    <svg viewBox="0 0 100 100" width="100%" height="100%">
                        <!-- Symbolika domu i uciekającego ciepła -->
                        <path d="M10 50 L50 15 L90 50" fill="none" stroke="#94a3b8" stroke-width="4" stroke-linejoin="round" />
                        <rect x="25" y="50" width="50" height="40" fill="none" stroke="#94a3b8" stroke-width="4" />
                        <!-- Duże okno -->
                        <rect x="35" y="55" width="30" height="35" fill="#e0f2fe" stroke="#0ea5e9" stroke-width="2" />
                        <!-- Fale strat ciepła -->
                        <path class="rk-anim-heat" d="M40 70 Q 50 55 60 70" fill="none" stroke="#ea580c" stroke-width="4" stroke-linecap="round" />
                        <path class="rk-anim-heat" d="M35 80 Q 50 60 65 80" fill="none" stroke="#ea580c" stroke-width="4" stroke-linecap="round" />
                    </svg>
                </div>
            </div>

            <!-- Panel 2: Rury -->
            <div class="rk-dash-panel" id="panel-rury">
                <div class="rk-dash-text">
                    <h3>Wpływ na zapotrzebowanie na rurę grzewczą</h3>
                    <p>Zagęszczenie rozstawu rur drastycznie podnosi zużycie materiału na każdy metr kwadratowy podłogi:</p>
                    <ul>
                        <li>Przy standardowym rozstawie <strong>co 20 cm</strong>, zużycie rury wynosi <strong>5,0 m na 1 metr kwadratowy</strong> podłogi.</li>
                        <li>Przy zagęszczeniu <strong>co 10 cm</strong> w strefie brzegowej, zużycie rury wzrasta dwukrotnie – do <strong>10,0 m na 1 metr kwadratowy</strong>.</li>
                    </ul>
                    <p>Dla salonu z dużymi oknami oznacza to konieczność zakupu dodatkowych kilkudziesięciu metrów bieżących rury o średnicy <strong>16 mm</strong>, co musi być precyzyjnie uwzględnione w zestawieniu materiałowym projektu.</p>
                </div>
                <div class="rk-dash-viz">
                    <svg viewBox="0 0 100 100" width="100%" height="100%">
                        <!-- Rury gęsto ułożone -->
                        <path class="rk-anim-flow" d="M20 20 L80 20 A 10 10 0 0 1 80 40 L30 40 A 10 10 0 0 0 30 60 L80 60 A 10 10 0 0 1 80 80 L20 80" fill="none" stroke="#0284c7" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                </div>
            </div>

            <!-- Panel 3: Pompa -->
            <div class="rk-dash-panel" id="panel-pompa">
                <div class="rk-dash-text">
                    <h3>Zwiększenie oporów hydraulicznych i dobór pompy</h3>
                    <p>Krótki, ale gęsto ułożony obwód przyokienny (np. <strong>60 m rury ułożonej co 10 cm</strong>) wykazuje inną charakterystykę hydrauliczną niż długi obwód strefy głównej (np. <strong>100 m rury ułożonej co 20 cm</strong>).</p>
                    <p>Wysokie zagęszczenie rur wymusza większy przepływ masowy czynnika (<strong>powyżej 1,8 l/min</strong>), co zwiększa opór jednostkowy pętli.</p>
                    <p>Projektant musi dokładnie przeliczyć sumaryczne straty ciśnienia najmniej korzystnego obiegu, aby właściwie dobrać wysokość podnoszenia pompy obiegowej wbudowanej w agregat (np. wysokość podnoszenia na poziomie <strong>4 do 6 m słupa wody</strong> przy przepływie sumarycznym <strong>1,5 metra sześciennego na godzinę</strong>).</p>
                </div>
                <div class="rk-dash-viz">
                    <svg viewBox="0 0 100 100" width="100%" height="100%">
                        <!-- Korpus pompy -->
                        <circle cx="50" cy="50" r="35" fill="none" stroke="#059669" stroke-width="6" />
                        <circle cx="50" cy="50" r="10" fill="#059669" />
                        <!-- Rotor -->
                        <g class="rk-anim-rotor">
                            <path d="M50 40 L50 20 M50 60 L50 80 M40 50 L20 50 M60 50 L80 50" stroke="#059669" stroke-width="4" stroke-linecap="round" />
                        </g>
                    </svg>
                </div>
            </div>

        </div>
    </div>

    <!-- Puste Tagi Celowo Usunięte Zgodnie z Instrukcją -->

    <!-- Kreatywne CTA do Projektu -->
    <div class="rk-dash-cta">
        <h3>Budujesz dom marzeń? Nie psuj go amatorską hydrauliką.</h3>
        <p>Precyzyjne wyliczenie OZC, dobór pompy i rozstawu rur to fundament, którego nie widać, ale który poczujesz w każdym rachunku za ogrzewanie. Uniknij błędów i zleć inżynierskie obliczenia specjalistom.</p>
        <a href="https://projekt-ogrzewania.pl/produkt/projekt-instalacji-ogrzewania-podlogowego-podlogowki/" class="rk-btn-project">
            ZAMÓW PROJEKT INSTALACJI OGRZEWANIA PODŁOGOWEGO
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
        </a>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-dash-tab-btn');
    var panels = document.querySelectorAll('.rk-dash-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetId = 'panel-' + this.getAttribute('data-target');

            // Reset buttons safely
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Reset panels safely
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetId) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-casestudy",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Case Study: Projekt ogrzewania podłogowego dla domu 250 m2 z ogromnymi przeszkleniami",
    "description": "Zoptymalizowaliśmy system ogrzewania dla inwestorki z woj. lubelskiego. Zobacz, jak uratowaliśmy dom z płaskim dachem przed błędami lokalnego instalatora.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-casestudy",
    "name": "Dane Optymalizacyjne Case Study Lubelskie",
    "description": "Zestawienie parametrów projektowych domu 250 m2 z płaskim dachem przed i po inżynierskiej optymalizacji stref brzegowych.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "projekt ogrzewania podłogowego do domu z dużymi przeszkleniami",
      "optymalizacja podłogówki dom z płaskim dachem",
      "ogrzewanie podłogowe duże okna case study",
      "weryfikacja projektu instalacji hvac",
      "strefa brzegowa przy oknach tarasowych hs"
    ],
    "measurementTechnique": "Analiza porównawcza koncepcji wykonawczej 'na oko' z profesjonalnym projektem OZC uwzględniającym strefy brzegowe i dylatacje.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Metraż: 250 m2, architektura: płaski dach, przeszklona fasada południowa.",
        "Problem: Instalator planował jeden rozstaw rur 15 cm i wspólną pętlę dla salonu i okien.",
        "Rozwiązanie Inżynierskie: Zagęszczenie do 10 cm przy oknach na oddzielnych rotametrach.",
        "Izolacja: Zmiana ze standardowego styropianu na twardy XPS 300 pod profilami okiennymi."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-casestudy",
    "name": "Interaktywny Panel Case Study HVAC",
    "description": "Moduł porównawczy pozwalający przeanalizować dwa warianty wykonania instalacji grzewczej dla tego samego budynku.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-case-dark: #0f172a;
    --rk-case-blue: #0284c7;
    --rk-case-blue-light: #e0f2fe;
    --rk-case-red: #ef4444;
    --rk-case-red-light: #fef2f2;
    --rk-case-green: #059669;
    --rk-case-green-light: #d1fae5;
    --rk-case-gray: #475569;
    --rk-case-border: #cbd5e1;
    --rk-case-bg: #ffffff;
}

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

/* Header Section */
.rk-case-header {
    background: linear-gradient(135deg, var(--rk-case-dark) 0%, #1e293b 100%);
    padding: 40px 45px;
    color: #ffffff;
}

.rk-case-badge {
    display: inline-block;
    padding: 6px 14px;
    background: rgba(2, 132, 199, 0.3);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #7dd3fc;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase !important;
}

.rk-case-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-case-header p {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
    text-transform: none !important;
}

/* Intro Section - Project Details */
.rk-case-intro {
    padding: 35px 45px;
    background: #f8fafc;
    border-bottom: 1px solid var(--rk-case-border);
    display: flex;
    gap: 30px;
}

.rk-case-story {
    flex: 2;
}

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

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

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

.rk-case-story a:hover {
    color: var(--rk-case-dark);
}

.rk-case-stats {
    flex: 1;
    background: #ffffff;
    border: 1px dashed var(--rk-case-border);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rk-stat-row {
    display: flex;
    flex-direction: column;
}

.rk-stat-row span {
    font-size: 12px;
    color: var(--rk-case-gray);
    font-weight: 700;
    text-transform: uppercase !important;
    margin-bottom: 3px;
}

.rk-stat-row strong {
    font-size: 16px;
    color: var(--rk-case-dark);
    font-weight: 900;
    text-transform: none !important;
}

/* Interactive Workspace */
.rk-case-workspace {
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

/* Toggle Menu */
.rk-case-selector {
    width: 100%;
    padding: 30px 45px;
    border-bottom: 1px solid var(--rk-case-border);
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.rk-case-btn {
    flex: 1;
    padding: 20px;
    background: #f8fafc;
    border: 2px solid var(--rk-case-border);
    border-radius: 14px;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    text-transform: none !important;
}

.rk-case-btn:hover {
    border-color: #94a3b8;
}

.rk-case-btn.active[data-view="blad"] {
    border-color: var(--rk-case-red);
    background: var(--rk-case-red-light);
    box-shadow: 0 8px 20px -5px rgba(239, 68, 68, 0.15);
}

.rk-case-btn.active[data-view="projekt"] {
    border-color: var(--rk-case-green);
    background: var(--rk-case-green-light);
    box-shadow: 0 8px 20px -5px rgba(5, 150, 105, 0.15);
}

.rk-case-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: var(--rk-case-gray);
    transition: all 0.3s;
    flex-shrink: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.rk-case-btn.active[data-view="blad"] .rk-case-icon { color: var(--rk-case-red); }
.rk-case-btn.active[data-view="projekt"] .rk-case-icon { color: var(--rk-case-green); }

.rk-case-label {
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-case-dark);
    margin: 0 0 4px 0;
    text-transform: none !important;
}

.rk-case-sub {
    font-size: 13px;
    color: var(--rk-case-gray);
    margin: 0;
    text-transform: none !important;
}

/* Content Panels */
.rk-case-display {
    width: 100%;
    padding: 40px 45px;
}

.rk-case-panel {
    display: none;
    animation: fadeInCase 0.4s ease forwards;
}

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

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

/* Cards Grid */
.rk-case-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.rk-detail-card {
    background: #ffffff;
    border: 1px solid var(--rk-case-border);
    border-radius: 16px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.rk-detail-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 4px; height: 100%;
    background: var(--rk-case-border);
}

.rk-case-panel[id="panel-blad"] .rk-detail-card::before { background: var(--rk-case-red); }
.rk-case-panel[id="panel-projekt"] .rk-detail-card::before { background: var(--rk-case-green); }

.rk-detail-title {
    font-size: 13px;
    font-weight: 800;
    color: var(--rk-case-gray);
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.rk-detail-text {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
    color: var(--rk-case-dark);
    margin: 0;
    text-transform: none !important;
}

.rk-detail-desc {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--rk-case-gray);
    text-transform: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .rk-case-header { padding: 30px 20px; }
    .rk-case-intro { flex-direction: column; padding: 30px 20px; gap: 25px; }
    .rk-case-selector { flex-direction: column; padding: 30px 20px; gap: 15px; }
    .rk-case-btn { padding: 15px 20px; }
    .rk-case-display { padding: 30px 20px; }
    .rk-case-grid { grid-template-columns: 1fr; gap: 15px; }
}
</style>

<div class="rk-case-container" id="rk-modul-casestudy">
    <div class="rk-case-header">
        <div class="rk-case-badge">Case Study (Studium Przypadku)</div>
        <h2>Projekt ogrzewania podłogowego do domu z dużymi przeszkleniami – 250 m2</h2>
        <p>Zobacz, jak uniknęliśmy katastrofy cieplnej w nowoczesnej inwestycji z płaskim dachem. Prześwietlamy pomysły instalatora i wdrażamy bezpieczny standard inżynieryjny.</p>
    </div>

    <div class="rk-case-intro">
        <div class="rk-case-story">
            <p>Pani Katarzyna z województwa lubelskiego budowała nowoczesny dom w stylu "stodoły" z płaskim dachem. Południowa fasada salonu to w zasadzie w całości system okien przesuwnych HS.</p>
            <p>Lokalny wykonawca zaproponował rozłożenie rur "tak jak u każdego" i zasugerował, że przy pompie ciepła nie ma sensu <a href="https://projekt-ogrzewania.pl/projektowanie-ogrzewania-podlogowego-w-domach-pasywnych/">projektować instalacji</a>, bo to wyrzucanie pieniędzy. Inwestorka poprosiła nas o audyt. Poniżej pokazujemy różnicę między tym, co chciał zrobić instalator, a tym, jak zabezpieczyliśmy budynek optymalizując koszty.</p>
        </div>
        <div class="rk-case-stats">
            <div class="rk-stat-row">
                <span>Inwestor</span>
                <strong>Pani Katarzyna</strong>
            </div>
            <div class="rk-stat-row">
                <span>Lokalizacja</span>
                <strong>Woj. lubelskie (-20°C strefa IV)</strong>
            </div>
            <div class="rk-stat-row">
                <span>Powierzchnia</span>
                <strong>250 m2 (Płaski dach)</strong>
            </div>
            <div class="rk-stat-row">
                <span>Okna w salonie</span>
                <strong>Wysokość 2,5m (System HS)</strong>
            </div>
        </div>
    </div>

    <div class="rk-case-workspace">
        
        <!-- Toggle Menu -->
        <div class="rk-case-selector">
            <button class="rk-case-btn active" data-view="blad">
                <div class="rk-case-icon">
                    <svg width="24" height="24" 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"/><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"/></svg>
                </div>
                <div>
                    <h4 class="rk-case-label">Plan instalatora "na oko"</h4>
                    <p class="rk-case-sub">Koszmarne koszty eksploatacji</p>
                </div>
            </button>
            
            <button class="rk-case-btn" data-view="projekt">
                <div class="rk-case-icon">
                    <svg width="24" height="24" 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"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
                </div>
                <div>
                    <h4 class="rk-case-label">Nasz projekt optymalizacji</h4>
                    <p class="rk-case-sub">Bezpieczeństwo i ciepłe stopy</p>
                </div>
            </button>
        </div>

        <!-- Display Area -->
        <div class="rk-case-display">
            
            <!-- PANEL: Błąd Instalatora -->
            <div class="rk-case-panel active" id="panel-blad">
                <div class="rk-case-grid">
                    
                    <div class="rk-detail-card">
                        <div class="rk-detail-title">Rozstaw rur grzewczych</div>
                        <div class="rk-detail-text">Jeden standardowy rozstaw 15 cm na całości.</div>
                        <div class="rk-detail-desc">Instalator nie wyliczył strat ciepła. Rura ułożona co 15 cm pod oknem HS w salonie pani Katarzyny nie dogrzałaby pomieszczenia w surowym klimacie lubelskim.</div>
                    </div>

                    <div class="rk-detail-card">
                        <div class="rk-detail-title">Strefa przyokienna i obwody</div>
                        <div class="rk-detail-text">Brak oddzielnej pętli dla fasady.</div>
                        <div class="rk-detail-desc">Szyby zintegrowane w jeden długi obwód z resztą salonu. Skutkowałoby to brakiem możliwości regulacji na rotametrach oraz masakrycznym przegrzewaniem głębi pokoju.</div>
                    </div>

                    <div class="rk-detail-card">
                        <div class="rk-detail-title">Izolacja fundamentu i wylewki</div>
                        <div class="rk-detail-text">Standardowy styropian EPS 100 pod drzwiami.</div>
                        <div class="rk-detail-desc">Brak twardego XPS. Pod ciężarem aluminiowych szyb styropian EPS uległby zmiażdżeniu, wylewka by opadła, a podłoga przy oknie popękałaby w pierwszą zimę.</div>
                    </div>

                    <div class="rk-detail-card">
                        <div class="rk-detail-title">Temperatury i Koszty eksploatacji</div>
                        <div class="rk-detail-text">Wymuszone zasilanie pompy powyżej 40°C.</div>
                        <div class="rk-detail-desc">Aby zniwelować ciąg od okien, pompa musiałaby pracować na niszczycielskich parametrach. Przez to <a href="https://projekt-ogrzewania.pl/koszt-ogrzewania-domu-2025/">koszty ogrzewania domu</a> 250 m2 byłyby wyższe o 20% każdego roku.</div>
                    </div>

                </div>
            </div>

            <!-- PANEL: Projekt Inżynierski -->
            <div class="rk-case-panel" id="panel-projekt">
                <div class="rk-case-grid">
                    
                    <div class="rk-detail-card">
                        <div class="rk-detail-title">Rozstaw rur grzewczych</div>
                        <div class="rk-detail-text">Zagęszczenie do 10 cm w pasie brzegowym (1,2 m).</div>
                        <div class="rk-detail-desc">Obliczyliśmy liniowe straty ciepła. Zagęszczenie do 10 cm pod oknami gwarantuje kurtynę cieplną blokującą opadanie zimnego powietrza. Reszta salonu z rozstawem 15 cm.</div>
                    </div>

                    <div class="rk-detail-card">
                        <div class="rk-detail-title">Strefa przyokienna i obwody</div>
                        <div class="rk-detail-text">Dwa niezależne obwody sterowane automatyką.</div>
                        <div class="rk-detail-desc">Zaprojektowaliśmy niezależne wyjścia z rozdzielacza. Kiedy w duże okna uderza popołudniowe słońce, pętla przy oknie automatycznie się zamyka, oszczędzając energię.</div>
                    </div>

                    <div class="rk-detail-card">
                        <div class="rk-detail-title">Izolacja fundamentu i wylewki</div>
                        <div class="rk-detail-text">XPS 300 pod oknami oraz dylatacja na granicy.</div>
                        <div class="rk-detail-desc">Zastosowaliśmy twardy XPS blokujący punktowe ucieczki ciepła oraz dodaliśmy dylatację między strefą 10 cm a 15 cm, zabezpieczając piękne płytki gresowe przed pęknięciem.</div>
                    </div>

                    <div class="rk-detail-card">
                        <div class="rk-detail-title">Temperatury i Koszty eksploatacji</div>
                        <div class="rk-detail-text">Stabilne i oszczędne zasilanie wodą 32°C.</div>
                        <div class="rk-detail-desc">Dzięki projektowi pompa ciepła działa na minimalnych parametrach z maksymalnym COP. Wynik? Równomierne ciepło, brak przeciągów i portfel grubszy o kilkaset złotych rocznie.</div>
                    </div>

                </div>
            </div>

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

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-case-btn');
    var panels = document.querySelectorAll('.rk-case-panel');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            var targetView = 'panel-' + this.getAttribute('data-view');

            // Zmiana aktywnych przycisków
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            // Przełączanie odpowiednich paneli
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetView) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-ekspert",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Okiem eksperta: Robert Kucharski o błędach w ogrzewaniu przy oknach tarasowych",
    "description": "Podsumowanie najważniejszych zasad inżynieryjnych dotyczących stref brzegowych, izolacji XPS i doboru obwodów grzewczych okiem eksperta HVAC.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2026/04/PO-Robert-Kucharski.webp",
    "author": {
      "@type": "Person",
      "name": "Robert Kucharski",
      "jobTitle": "Inżynier HVAC, Główny Projektant",
      "url": "https://projekt-ogrzewania.pl/",
      "sameAs": [
        "https://www.facebook.com/projektogrzewaniapl/",
        "https://www.linkedin.com/in/robert-kucharski-38069b48/",
        "https://x.com/Projekt_HVAC",
        "https://www.facebook.com/robert.kucharski.budowa.bez.sciemy",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-ekspert",
    "name": "Złote Zasady Inżynieryjne Stref Brzegowych",
    "description": "Zbiór bezwzględnych wytycznych wykonawczych autoryzowanych przez eksperta branży budowlanej, Roberta Kucharskiego.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "ekspert instalacji hvac robert kucharski",
      "projektowanie podłogówki przy oknach",
      "błędy montażowe stref brzegowych",
      "zrównoważenie hydrauliczne rozdzielacza",
      "izolacja xps pod oknem"
    ],
    "measurementTechnique": "Praktyczna weryfikacja norm budowlanych na podstawie ponad tysiąca zrealizowanych projektów instalacji płaszczyznowych.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Zasada 1: Okno tarasowe pow. 4 metrów wymaga osobnego obwodu i rotametru.",
        "Zasada 2: Zwykły styropian pod progiem HS to gwarancja osiadania ramy. Należy użyć XPS 300.",
        "Zasada 3: Łączenie gęstego i rzadkiego rozstawu rur w jedną pętlę uniemożliwia regulację."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-ekspert",
    "name": "Panel Cytatów Eksperckich HVAC",
    "description": "Moduł typu tab-view ułatwiający przeglądanie kluczowych rekomendacji inżynieryjnych bez przeładowywania strony.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-exp-dark: #0f172a;
    --rk-exp-blue: #0284c7;
    --rk-exp-blue-light: #f0f9ff;
    --rk-exp-gray: #475569;
    --rk-exp-border: #e2e8f0;
    --rk-exp-bg: #ffffff;
    --rk-exp-social: #334155;
}

.rk-exp-container {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-exp-bg);
    border-radius: 16px;
    border: 1px solid var(--rk-exp-border);
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);
}

.rk-exp-header {
    padding: 35px 40px;
    background: #f8fafc;
    border-bottom: 1px solid var(--rk-exp-border);
    border-radius: 16px 16px 0 0;
}

.rk-exp-header h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0;
    color: var(--rk-exp-dark);
    line-height: 1.3;
    text-transform: none !important;
}

.rk-exp-body {
    display: flex;
    flex-direction: row;
}

/* Sekcja Autora (Lewa Strona) */
.rk-exp-author-box {
    width: 320px;
    padding: 40px;
    border-right: 1px solid var(--rk-exp-border);
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.rk-exp-avatar {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #ffffff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

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

.rk-exp-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--rk-exp-blue);
    margin: 0 0 15px 0;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
}

.rk-exp-bio {
    font-size: 14px;
    line-height: 1.6;
    color: var(--rk-exp-gray);
    margin: 0 0 25px 0;
    text-transform: none !important;
}

.rk-exp-social-links {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.rk-exp-social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #f1f5f9;
    color: var(--rk-exp-social);
    text-decoration: none;
    border: 1px solid var(--rk-exp-border);
}

.rk-exp-social-links a:hover {
    background: var(--rk-exp-blue);
    color: #ffffff;
    border-color: var(--rk-exp-blue);
}

/* Sekcja Cytatów / Treści (Prawa Strona) */
.rk-exp-content-box {
    flex: 1;
    padding: 40px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
}

.rk-exp-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
    border-bottom: 2px solid var(--rk-exp-border);
    padding-bottom: 10px;
}

.rk-exp-tab {
    padding: 10px 20px;
    background: transparent;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 800;
    color: var(--rk-exp-gray);
    cursor: pointer;
    text-transform: none !important;
}

.rk-exp-tab:hover {
    background: var(--rk-exp-blue-light);
    color: var(--rk-exp-blue);
}

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

.rk-exp-panel {
    display: none;
}

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

.rk-exp-quote-mark {
    font-size: 60px;
    font-family: Georgia, serif;
    color: var(--rk-exp-blue-light);
    line-height: 1;
    margin-bottom: -20px;
}

.rk-exp-quote-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7;
    color: var(--rk-exp-dark);
    margin: 0 0 20px 0;
    text-transform: none !important;
}

.rk-exp-quote-desc {
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-exp-gray);
    margin: 0;
    text-transform: none !important;
}

.rk-exp-quote-desc strong {
    color: var(--rk-exp-dark);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .rk-exp-header { padding: 30px 25px; }
    .rk-exp-header h2 { font-size: 22px; }
    .rk-exp-body { flex-direction: column; }
    .rk-exp-author-box { width: 100%; border-right: none; border-bottom: 1px solid var(--rk-exp-border); padding: 35px 25px; }
    .rk-exp-content-box { padding: 35px 25px; }
    .rk-exp-tabs { flex-wrap: wrap; border-bottom: none; gap: 8px; }
    .rk-exp-tab { flex: 1; min-width: 100%; text-align: center; border: 1px solid var(--rk-exp-border); }
    .rk-exp-quote-text { font-size: 16px; }
}
</style>

<div class="rk-exp-container" id="rk-modul-ekspert">
    <div class="rk-exp-header">
        <h2>Okiem eksperta: Robert Kucharski o błędach w ogrzewaniu przy oknach tarasowych</h2>
    </div>

    <div class="rk-exp-body">
        
        <!-- Kolumna Lewa: Autorytet -->
        <div class="rk-exp-author-box">
            <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-avatar" loading="lazy">
            <h3 class="rk-exp-name">Robert Kucharski</h3>
            <p class="rk-exp-title">CEO Projekt-Ogrzewania.pl</p>
            <p class="rk-exp-bio">Zaprojektował ponad 1000 instalacji podłogowych. Największy bloger branży budowlanej i wykończeniowej w Polsce, obnażający wykonawcze mity.</p>
            
            <div class="rk-exp-social-links">
                <a href="https://www.facebook.com/projektogrzewaniapl/" target="_blank" rel="noopener" title="Facebook Projekt Ogrzewania" aria-label="Facebook">
                    <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="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
                </a>
                <a href="https://www.linkedin.com/in/robert-kucharski-38069b48/" target="_blank" rel="noopener" title="LinkedIn Robert Kucharski" aria-label="LinkedIn">
                    <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="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"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
                </a>
                <a href="https://x.com/Projekt_HVAC" target="_blank" rel="noopener" title="X (Twitter) Projekt HVAC" aria-label="X Twitter">
                    <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="M4 4l11.733 16h4.267l-11.733 -16z"/><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"/></svg>
                </a>
            </div>
        </div>

        <!-- Kolumna Prawa: Treść Ekspercka -->
        <div class="rk-exp-content-box">
            
            <div class="rk-exp-tabs">
                <button class="rk-exp-tab active" data-quote="1">Separacja hydrauliczna</button>
                <button class="rk-exp-tab" data-quote="2">Twarda podbudowa okna</button>
                <button class="rk-exp-tab" data-quote="3">Błąd wspólnej pętli</button>
            </div>

            <!-- Panel 1 -->
            <div class="rk-exp-panel active" id="quote-1">
                <div class="rk-exp-quote-mark">"</div>
                <p class="rk-exp-quote-text">Zbyt rzadki rozstaw rur lub za długa wspólna pętla to gwarancja problemów, których nie da się już naprawić bez prucia posadzki.</p>
                <p class="rk-exp-quote-desc">Dla zachowania pełnej kontroli hydraulicznej i termicznej, strefa brzegowa przy oknie o długości powyżej 4,0 m <strong>bezwzględnie musi stanowić wydzielony, niezależny obwód grzewczy</strong>, co jest zgodne z surowymi zaleceniami projektowymi normy PN-EN 1264-4.</p>
            </div>

            <!-- Panel 2 -->
            <div class="rk-exp-panel" id="quote-2">
                <div class="rk-exp-quote-mark">"</div>
                <p class="rk-exp-quote-text">Stosowanie białego, miękkiego styropianu EPS pod ważącym pół tony oknem tarasowym to proszenie się o pęknięcia i przedmuchy wiatru w zimie.</p>
                <p class="rk-exp-quote-desc">Próg dużego okna to najbardziej krytyczny mostek termiczny. Standardowy EPS 100 jest zbyt miękki. Należy bezwzględnie stosować <strong>twarde płyty z polistyrenu ekstrudowanego XPS</strong> (min. 300 kPa). Redukuje to mostek cieplny o 65% i chroni strefę przed podciąganiem wilgoci z tarasu.</p>
            </div>

            <!-- Panel 3 -->
            <div class="rk-exp-panel" id="quote-3">
                <div class="rk-exp-quote-mark">"</div>
                <p class="rk-exp-quote-text">Jeżeli instalator chce nawinąć cały pokój i okno z jednej rury, żeby zaoszczędzić wyjście na rozdzielaczu, natychmiast mu za to podziękuj.</p>
                <p class="rk-exp-quote-desc">Połączenie gęstego rozstawu strefy brzegowej (co 10 cm) z rzadszym rozstawem w głębi pokoju (co 20 cm) w jednej pętli całkowicie uniemożliwia wyregulowanie przepływów. Oznacza to ciągłe <strong>przegrzewanie wnętrza</strong> i brak reakcji systemu na potężne zyski od słońca.</p>
            </div>

        </div>

    </div>
</div>

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

    for (var i = 0; i < tabs.length; i++) {
        tabs[i].addEventListener('click', function() {
            var targetQuote = 'quote-' + this.getAttribute('data-quote');

            // Usuwanie klasy active z zakładek (bezpieczny loop bez logicznych warunków)
            for (var j = 0; j < tabs.length; j++) {
                tabs[j].classList.remove('active');
            }
            this.classList.add('active');

            // Przełączanie paneli
            for (var k = 0; k < panels.length; k++) {
                panels[k].classList.remove('active');
                if (panels[k].id === targetQuote) {
                    panels[k].classList.add('active');
                }
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-bledy-wykonawcze",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Najczęstsze błędy wykonawcze przy montażu podłogówki przy oknach przesuwnych HS",
    "description": "Kardynalne błędy instalacyjne w strefie brzegowej: brak dylatacji, łamanie rur PEX na ostro, tranzyty pod oknem oraz zła izolacja progu HS.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-bledy-wykonawcze",
    "name": "Katalog Krytycznych Błędów Montażowych Ogrzewania Podłogowego",
    "description": "Baza danych technicznych na temat wadliwego wykonawstwa stref brzegowych przy oknach panoramicznych HS.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "błędy montażu ogrzewania podłogowego",
      "promień gięcia rury pex 16mm",
      "dylatacja wylewki przy oknie tarasowym",
      "ciepły próg purenit klinaryt",
      "rury tranzytowe podłogówki"
    ],
    "measurementTechnique": "Weryfikacja poprawności montażu w oparciu o wytyczne producentów rur (promień gięcia 5xD) oraz normy budowlane dla jastrychów.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Problem: Tranzyty pod oknem. Skutek: Brak kontroli temperatury strefy.",
        "Problem: Brak dylatacji. Skutek: Pękanie płytek na granicy stref.",
        "Problem: Łamanie rury PEX na rozstaw 7,5 cm. Skutek: Dławienie przepływu hydraulicznego.",
        "Problem: Zwykła pianka PUR. Skutek: Osiadanie okna i mostek termiczny."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-inspektor-bledow",
    "name": "Inspektor Instalacyjny: Weryfikacja Błędów",
    "description": "Interaktywne narzędzie edukacyjne pozwalające na zbadanie przyczyn i skutków najczęstszych błędów montażowych w instalacjach płaszczyznowych.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5 and CSS3",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-insp-dark: #1e293b;
    --rk-insp-red: #ef4444;
    --rk-insp-red-light: #fef2f2;
    --rk-insp-blue: #0ea5e9;
    --rk-insp-gray: #64748b;
    --rk-insp-gray-light: #f8fafc;
    --rk-insp-border: #e2e8f0;
    --rk-insp-text: #334155;
    --rk-insp-bg: #ffffff;
}

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

.rk-insp-header {
    background: linear-gradient(135deg, var(--rk-insp-dark) 0%, #334155 100%);
    padding: 40px;
    color: #ffffff;
    border-bottom: 5px solid var(--rk-insp-red);
}

.rk-insp-header h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.3;
    color: #ffffff;
    text-transform: none !important;
}

.rk-insp-header p {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
    text-transform: none !important;
}

.rk-insp-content {
    padding: 40px;
    background: var(--rk-insp-gray-light);
}

.rk-insp-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.rk-insp-item {
    background: #ffffff;
    border-radius: 16px;
    border: 2px solid var(--rk-insp-border);
    transition: all 0.3s ease;
    overflow: hidden;
}

.rk-insp-item:hover {
    border-color: #cbd5e1;
}

.rk-insp-item.active {
    border-color: var(--rk-insp-red);
    box-shadow: 0 10px 25px -5px rgba(239, 68, 68, 0.15);
}

.rk-insp-trigger {
    width: 100%;
    padding: 25px;
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
    cursor: pointer;
    text-align: left;
    text-transform: none !important;
}

.rk-insp-trigger-top {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.rk-insp-icon {
    width: 48px;
    height: 48px;
    background: var(--rk-insp-red-light);
    color: var(--rk-insp-red);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(239, 68, 68, 0.2);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

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

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

.rk-insp-title h3 {
    font-size: 19px;
    font-weight: 800;
    color: var(--rk-insp-dark);
    margin: 0;
    line-height: 1.4;
    transition: color 0.3s;
    text-transform: none !important;
}

.rk-insp-item.active .rk-insp-title h3 {
    color: var(--rk-insp-red);
}

.rk-insp-chevron {
    color: var(--rk-insp-gray);
    flex-shrink: 0;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.rk-insp-item.active .rk-insp-chevron {
    transform: rotate(180deg);
    color: var(--rk-insp-red);
}

/* ZAJAWKA - Zawsze widoczna */
.rk-insp-teaser {
    padding-left: 68px; /* Wyrównanie: 48px icon + 20px gap */
    font-size: 16px;
    line-height: 1.6;
    color: var(--rk-insp-text);
    margin: 0;
    text-transform: none !important;
}

.rk-insp-details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
    opacity: 0;
    background: #ffffff;
}

.rk-insp-item.active .rk-insp-details {
    opacity: 1;
}

.rk-insp-details-inner {
    padding: 0 25px 30px 93px; /* Wyrównanie: 48px icon + 25px padding + 20px gap */
    border-top: 1px dashed transparent;
}

.rk-insp-item.active .rk-insp-details-inner {
    border-top-color: var(--rk-insp-border);
    margin-top: 10px;
    padding-top: 25px;
}

.rk-insp-text-block p {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--rk-insp-dark);
    text-transform: none !important;
}

.rk-insp-text-block p:last-child {
    margin: 0;
}

.rk-insp-text-block strong {
    color: var(--rk-insp-red);
    font-weight: 900;
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rk-insp-text-block a {
    color: var(--rk-insp-blue);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s;
}

.rk-insp-text-block a:hover {
    text-decoration: underline;
    color: var(--rk-insp-dark);
}

@media (max-width: 768px) {
    .rk-insp-header { padding: 30px 20px; }
    .rk-insp-content { padding: 30px 20px; }
    .rk-insp-trigger { padding: 20px; gap: 15px; }
    .rk-insp-trigger-top { gap: 15px; }
    .rk-insp-icon { width: 40px; height: 40px; }
    .rk-insp-title h3 { font-size: 16px; }
    .rk-insp-teaser { padding-left: 0; margin-top: 5px; font-size: 15px; }
    .rk-insp-details-inner { padding: 0 20px 25px 20px; }
    .rk-insp-item.active .rk-insp-details-inner { padding-top: 20px; }
    .rk-insp-text-block p { font-size: 15px; }
}
</style>

<div class="rk-insp-container" id="rk-modul-bledow">
    <div class="rk-insp-header">
        <h2>Najczęstsze błędy wykonawcze przy montażu podłogówki przy oknach przesuwnych HS</h2>
        <p>Doświadczenie z tysięcy zrealizowanych inwestycji pozwala mi wskazać cztery kardynalne błędy montażowe popełniane przez ekipy instalacyjne. Uniknij ich, by nie stracić tysięcy złotych.</p>
    </div>

    <div class="rk-insp-content">
        <div class="rk-insp-list">
            
            <!-- BŁĄD 1 -->
            <div class="rk-insp-item">
                <button class="rk-insp-trigger" aria-expanded="false">
                    <div class="rk-insp-trigger-top">
                        <div class="rk-insp-icon">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>
                        </div>
                        <div class="rk-insp-title">
                            <h3>Prowadzenie pętli tranzytowych (zasilających) pod oknem</h3>
                        </div>
                        <div class="rk-insp-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-insp-teaser">
                        Instalatorzy często zamiast dedykowanego obwodu brzegowego, pod samą ramą okna prowadzą rury zasilające i powrotne idące do innych pomieszczeń.
                    </div>
                </button>
                <div class="rk-insp-details">
                    <div class="rk-insp-details-inner">
                        <div class="rk-insp-text-block">
                            <p><strong>KONSEKWENCJA:</strong></p>
                            <p>Skutkuje to całkowitym brakiem kontroli nad temperaturą w tej newralgicznej strefie. Pod oknem jest albo skrajnie gorąco, albo potwornie zimno – wszystko zależy od tego, które pokoje w domu akurat żądają ciepła z <a href="https://projekt-ogrzewania.pl/rozdzielacz-do-podlogowki-kluczowy-element-systemu-ogrzewania-podlogowego/">rozdzielacza</a>.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- BŁĄD 2 -->
            <div class="rk-insp-item">
                <button class="rk-insp-trigger" aria-expanded="false">
                    <div class="rk-insp-trigger-top">
                        <div class="rk-insp-icon">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg>
                        </div>
                        <div class="rk-insp-title">
                            <h3>Brak dylatacji strefowej między obwodem brzegowym a głównym</h3>
                        </div>
                        <div class="rk-insp-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-insp-teaser">
                        Jastrych w strefie przyokiennej o wysokiej temperaturze rozszerza się termicznie znacznie mocniej niż chłodniejsza <a href="https://projekt-ogrzewania.pl/wylewka-na-ogrzewanie-podlogowe-kompletny-przewodnik/">wylewka podłogowa</a> w głębi pokoju.
                    </div>
                </button>
                <div class="rk-insp-details">
                    <div class="rk-insp-details-inner">
                        <div class="rk-insp-text-block">
                            <p><strong>KONSEKWENCJA:</strong></p>
                            <p>Brak nacięcia dylatacyjnego na granicy obu stref (na głębokość minimum 2/3 grubości wylewki) gwarantuje <a href="https://projekt-ogrzewania.pl/izolacja-brzegowa-i-dylatacje-w-instalacji-ogrzewania-podlogowego/">niekontrolowane pękanie</a> płytek ceramicznych lub odkształcanie drogich paneli dokładnie na linii łączenia temperatur.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- BŁĄD 3 -->
            <div class="rk-insp-item">
                <button class="rk-insp-trigger" aria-expanded="false">
                    <div class="rk-insp-trigger-top">
                        <div class="rk-insp-icon">
                            <svg width="24" height="24" 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 10"></path></svg>
                        </div>
                        <div class="rk-insp-title">
                            <h3>Zginanie rur na siłę przy rozstawie 7,5 cm</h3>
                        </div>
                        <div class="rk-insp-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-insp-teaser">
                        <a href="https://projekt-ogrzewania.pl/rura-pex-do-ogrzewania-podlogowego/">Rury PEX-AL-PEX</a> o średnicy 16 mm mają określony przez producenta minimalny promień gięcia (zazwyczaj jest to 5 x średnica zewnętrzna, czyli 80 mm).
                    </div>
                </button>
                <div class="rk-insp-details">
                    <div class="rk-insp-details-inner">
                        <div class="rk-insp-text-block">
                            <p><strong>KONSEKWENCJA:</strong></p>
                            <p>Próba wygięcia rury „na ostro” przy rozstawie co 7,5 cm bez użycia systemowych łuków prowadzących lub sprężyn wewnętrznych skutkuje załamaniem rury i drastycznym dławieniem przepływu. Taka pętla kwalifikuje się do całkowitej wymiany przed zalaniem betonem.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- BŁĄD 4 -->
            <div class="rk-insp-item">
                <button class="rk-insp-trigger" aria-expanded="false">
                    <div class="rk-insp-trigger-top">
                        <div class="rk-insp-icon">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20"></path><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-insp-title">
                            <h3>Stosowanie zwykłej pianki montażowej pod progiem HS</h3>
                        </div>
                        <div class="rk-insp-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-insp-teaser">
                        Osadzenie potężnych i ciężkich okien HS wyłącznie na punktowych klinach i uszczelnienie przestrzeni zwykłą pianką PUR, pod którą na szybko układa się miękki styropian EPS, to przepis na katastrofę budowlaną.
                    </div>
                </button>
                <div class="rk-insp-details">
                    <div class="rk-insp-details-inner">
                        <div class="rk-insp-text-block">
                            <p><strong>KONSEKWENCJA:</strong></p>
                            <p>Prowadzi to do osiadania ramy aluminiowej i powstawania potężnych, liniowych przedmuchów zimnego powietrza pod wylewką. Pod oknem musi bezwzględnie znaleźć się dedykowany ciepły próg (np. z purenitu lub klinarytu), który jest twardo podparty konstrukcyjnie i szczelnie odizolowany obustronnie płytą XPS.</p>
                        </div>
                    </div>
                </div>
            </div>

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

<script>
document.addEventListener('DOMContentLoaded', function() {
    var inspItems = document.querySelectorAll('.rk-insp-item');

    for (var i = 0; i < inspItems.length; i++) {
        var triggerBtn = inspItems[i].querySelector('.rk-insp-trigger');
        
        triggerBtn.addEventListener('click', function() {
            var parentContainer = this.parentElement;
            var isAlreadyOpen = parentContainer.classList.contains('active');
            var detailsBlock = parentContainer.querySelector('.rk-insp-details');

            // Zamykanie innych aktywnych kart (logika akordeonu bez podwójnych ampersandów)
            for (var j = 0; j < inspItems.length; j++) {
                var singleItem = inspItems[j];
                var singleDetails = singleItem.querySelector('.rk-insp-details');
                var singleTrigger = singleItem.querySelector('.rk-insp-trigger');
                
                singleItem.classList.remove('active');
                singleTrigger.setAttribute('aria-expanded', 'false');
                singleDetails.style.maxHeight = null;
            }

            // Otwieranie aktualnej karty
            if (isAlreadyOpen === false) {
                parentContainer.classList.add('active');
                this.setAttribute('aria-expanded', 'true');
                detailsBlock.style.maxHeight = detailsBlock.scrollHeight + "px";
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-faq",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "FAQ – Najczęściej zadawane pytania o ogrzewanie podłogowe przy dużych oknach",
    "description": "Zbiór najważniejszych inżynierskich odpowiedzi na pytania dotyczące stref brzegowych, maksymalnych temperatur posadzki, rekuperacji i sterowania podłogówką.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#faq",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Jaka jest maksymalna temperatura podłogi przy oknie tarasowym?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Zgodnie z normą PN-EN 1264, maksymalna temperatura powierzchni podłogi w strefie brzegowej (przyokiennej) wynosi 35 stopni Celsjusza, podczas gdy w strefie stałego przebywania ludzi nie może przekraczać 29 stopni Celsjusza. Wyższa temperatura przy oknach jest bezpieczna i konieczna do zablokowania spływu zimnego powietrza."
        }
      },
      {
        "@type": "Question",
        "name": "Czy rekuperacja eliminuje potrzebę zagęszczania rur przy oknach?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Nie, wentylacja mechaniczna z odzyskiem ciepła (rekuperacja) odpowiada za wymianę powietrza higienicznego, a nie za bilansowanie liniowych strat ciepła przez przegrody szklane. Rekuperacja zapobiega stagnacji powietrza, lecz nie zatrzyma lokalnego opadu mas chłodnego powietrza bezpośrednio przy zimnej szybie."
        }
      },
      {
        "@type": "Question",
        "name": "Czy przy oknach typu fix (nieotwieranych) też trzeba stosować strefę brzegową?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Tak, okna nieotwierane typu fix charakteryzują się niemal identycznymi stratami ciepła przez przenikanie jak okna otwierane czy przesuwne. Decydujące znaczenie ma współczynnik przenikania ciepła szyby Ug oraz jej powierzchnia, a nie sam mechanizm otwierania skrzydła."
        }
      },
      {
        "@type": "Question",
        "name": "Co zrobić, jeśli na podłodze przy oknie zaplanowano deskę warstwową?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "W przypadku wykończenia podłogi drewnem należy zrezygnować z bardzo gęstego rozkładania rur (np. co 7,5-10 cm), aby nie uszkodzić drewna wysoką temperaturą, a brakującą moc grzewczą zrekompensować poprzez montaż niskotemperaturowego konwektora kanałowego z wentylatorem EC."
        }
      },
      {
        "@type": "Question",
        "name": "Jak sterować temperaturą w strefie brzegowej?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Sterowanie powinno opierać się na dedykowanym regulatorze pokojowym z podłączonym czujnikiem podłogowym umieszczonym bezpośrednio w pasie przyokiennym, co pozwala na automatyczne zamykanie i otwieranie siłownika pętli brzegowej niezależnie od temperatury powietrza panującej w głębi pokoju."
        }
      }
    ]
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-faq",
    "name": "Normatywne Temperatury i Parametry Strefy Brzegowej",
    "description": "Zbiór danych technicznych z FAQ: maksymalne temperatury posadzki (35°C / 29°C) oraz zalecane gęstości rur (7,5-10 cm) w kontekście normy PN-EN 1264.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "maksymalna temperatura podłogi norma PN-EN 1264",
      "rekuperacja a ogrzewanie podłogowe",
      "okna fix straty ciepła",
      "deska warstwowa na strefie brzegowej",
      "sterowanie temperaturą czujnik podłogowy"
    ],
    "measurementTechnique": "Wytyczne normatywne PN-EN 1264 oraz analiza termodynamiki w oparciu o współczynnik przenikania Ug.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Max temperatura w strefie brzegowej: 35 stopni C",
        "Max temperatura w strefie bytowej: 29 stopni C",
        "Zagrożenie dla drewna: Rozstaw rur poniżej 10 cm."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-faq",
    "name": "Interaktywny Asystent Wiedzy FAQ",
    "description": "Rozwijany komponent interfejsu (Accordion) udostępniający szybkie inżynierskie odpowiedzi na pytania dotyczące stref brzegowych bez przeładowywania strony.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5 and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-faq-dark: #0f172a;
    --rk-faq-blue: #0ea5e9;
    --rk-faq-blue-hover: #0284c7;
    --rk-faq-bg-light: #f8fafc;
    --rk-faq-border: #e2e8f0;
    --rk-faq-text: #334155;
}

.rk-faq-container {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 20px 40px -15px rgba(14, 165, 233, 0.1);
    border: 1px solid var(--rk-faq-blue);
    overflow: hidden;
}

.rk-faq-header {
    background: linear-gradient(to right, var(--rk-faq-dark), #1e293b);
    padding: 35px 40px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.rk-faq-icon-pulse {
    width: 48px;
    height: 48px;
    background: rgba(14, 165, 233, 0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #38bdf8;
    flex-shrink: 0;
    border: 1px solid rgba(56, 189, 248, 0.3);
}

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

.rk-faq-list {
    padding: 30px 40px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rk-faq-item {
    border: 1px solid var(--rk-faq-border);
    border-radius: 14px;
    background: var(--rk-faq-bg-light);
    transition: all 0.3s ease;
    overflow: hidden;
}

.rk-faq-item.active {
    background: #ffffff;
    border-color: var(--rk-faq-blue);
    box-shadow: 0 10px 25px -5px rgba(14, 165, 233, 0.15);
}

.rk-faq-question {
    width: 100%;
    text-align: left;
    padding: 22px 25px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    color: var(--rk-faq-dark);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.rk-faq-item.active .rk-faq-question {
    color: var(--rk-faq-blue-hover);
}

.rk-faq-toggle-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid var(--rk-faq-border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rk-faq-blue);
    flex-shrink: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.rk-faq-item.active .rk-faq-toggle-icon {
    background: var(--rk-faq-blue);
    color: #ffffff;
    border-color: var(--rk-faq-blue);
    transform: rotate(180deg);
}

.rk-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
    opacity: 0;
}

.rk-faq-item.active .rk-faq-answer {
    opacity: 1;
}

.rk-faq-answer-inner {
    padding: 0 25px 25px 25px;
    color: var(--rk-faq-text);
    font-size: 16px;
    line-height: 1.7;
}

.rk-faq-answer-inner a {
    color: var(--rk-faq-blue-hover);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
}

.rk-faq-answer-inner a:hover {
    color: var(--rk-faq-dark);
}

@media (max-width: 768px) {
    .rk-faq-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 25px;
        gap: 15px;
    }
    
    .rk-faq-header h2 {
        font-size: 22px;
    }
    
    .rk-faq-list {
        padding: 25px;
    }
    
    .rk-faq-question {
        font-size: 15px;
        padding: 18px 20px;
    }
    
    .rk-faq-answer-inner {
        padding: 0 20px 20px 20px;
        font-size: 15px;
    }
}
</style>

<div class="rk-faq-container" id="rk-faq-widget">
    <div class="rk-faq-header">
        <div class="rk-faq-icon-pulse">
            <svg width="24" height="24" 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><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
        </div>
        <h2>FAQ – Najczęściej zadawane pytania o strefy przy oknach</h2>
    </div>

    <div class="rk-faq-list">
        
        <div class="rk-faq-item">
            <button class="rk-faq-question" aria-expanded="false">
                1. Jaka jest maksymalna temperatura podłogi przy oknie tarasowym?
                <div class="rk-faq-toggle-icon">
                    <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="6 9 12 15 18 9"></polyline></svg>
                </div>
            </button>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>Zgodnie z normą PN-EN 1264, <a href="https://projekt-ogrzewania.pl/jaka-jest-optymalna-temperatura-ogrzewania-podlogowego/">maksymalna temperatura powierzchni podłogi</a> w strefie brzegowej (przyokiennej) wynosi 35 stopni Celsjusza, podczas gdy w strefie stałego przebywania ludzi nie może przekraczać 29 stopni Celsjusza. Wyższa temperatura przy oknach jest bezpieczna i konieczna do zablokowania spływu zimnego powietrza.</p>
                </div>
            </div>
        </div>

        <div class="rk-faq-item">
            <button class="rk-faq-question" aria-expanded="false">
                2. Czy rekuperacja eliminuje potrzebę zagęszczania rur przy oknach?
                <div class="rk-faq-toggle-icon">
                    <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="6 9 12 15 18 9"></polyline></svg>
                </div>
            </button>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>Nie, <a href="https://projekt-ogrzewania.pl/rekuperacja-i-ogrzewanie-podlogowe-czy-to-sie-oplaca/">wentylacja mechaniczna z odzyskiem ciepła (rekuperacja)</a> odpowiada za wymianę powietrza higienicznego, a nie za bilansowanie liniowych strat ciepła przez przegrody szklane. Rekuperacja zapobiega stagnacji powietrza, lecz nie zatrzyma lokalnego opadu mas chłodnego powietrza bezpośrednio przy zimnej szybie.</p>
                </div>
            </div>
        </div>

        <div class="rk-faq-item">
            <button class="rk-faq-question" aria-expanded="false">
                3. Czy przy oknach typu fix (nieotwieranych) też trzeba stosować strefę brzegową?
                <div class="rk-faq-toggle-icon">
                    <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="6 9 12 15 18 9"></polyline></svg>
                </div>
            </button>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>Tak, okna nieotwierane typu fix charakteryzują się niemal identycznymi stratami ciepła przez przenikanie jak okna otwierane czy przesuwne. Decydujące znaczenie ma współczynnik przenikania ciepła szyby Ug oraz jej powierzchnia, a nie sam mechanizm otwierania skrzydła.</p>
                </div>
            </div>
        </div>

        <div class="rk-faq-item">
            <button class="rk-faq-question" aria-expanded="false">
                4. Co zrobić, jeśli na podłodze przy oknie zaplanowano deskę warstwową?
                <div class="rk-faq-toggle-icon">
                    <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="6 9 12 15 18 9"></polyline></svg>
                </div>
            </button>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>W przypadku <a href="https://projekt-ogrzewania.pl/podlogi-drewniane-vs-panele-laminowane-co-wybrac-przy-ogrzewaniu-podlogowym/">wykończenia podłogi drewnem</a> należy zrezygnować z bardzo gęstego rozkładania rur (np. co 7,5-10 cm), aby nie uszkodzić drewna wysoką temperaturą, a brakującą moc grzewczą zrekompensować poprzez montaż niskotemperaturowego konwektora kanałowego z wentylatorem EC.</p>
                </div>
            </div>
        </div>

        <div class="rk-faq-item">
            <button class="rk-faq-question" aria-expanded="false">
                5. Jak sterować temperaturą w strefie brzegowej?
                <div class="rk-faq-toggle-icon">
                    <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="6 9 12 15 18 9"></polyline></svg>
                </div>
            </button>
            <div class="rk-faq-answer">
                <div class="rk-faq-answer-inner">
                    <p>Sterowanie powinno opierać się na dedykowanym <a href="https://projekt-ogrzewania.pl/sterownik-regulator-pogodowy/">regulatorze pokojowym</a> z podłączonym <a href="https://projekt-ogrzewania.pl/czujnik-podlogowy/">czujnikiem podłogowym</a> umieszczonym bezpośrednio w pasie przyokiennym, co pozwala na automatyczne zamykanie i otwieranie siłownika pętli brzegowej niezależnie od temperatury powietrza panującej w głębi pokoju.</p>
                </div>
            </div>
        </div>

    </div>
</div>

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

    for (var i = 0; i < faqItems.length; i++) {
        var button = faqItems[i].querySelector('.rk-faq-question');
        
        button.addEventListener('click', function() {
            var parentItem = this.parentElement;
            var isActive = parentItem.classList.contains('active');
            var answer = parentItem.querySelector('.rk-faq-answer');

            // Zamknij wszystkie inne otwarte zakładki (opcjonalne, działa jak akordeon)
            for (var j = 0; j < faqItems.length; j++) {
                var item = faqItems[j];
                var itemAnswer = item.querySelector('.rk-faq-answer');
                var itemButton = item.querySelector('.rk-faq-question');
                
                item.classList.remove('active');
                itemButton.setAttribute('aria-expanded', 'false');
                itemAnswer.style.maxHeight = null;
            }

            // Otwórz klikniętą, jeśli wcześniej była zamknięta
            if (isActive === false) {
                parentItem.classList.add('active');
                this.setAttribute('aria-expanded', 'true');
                answer.style.maxHeight = answer.scrollHeight + "px";
            }
        });
    }
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-infografika",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Kompendium wiedzy: Pobierz autorską infografikę strefy przyokiennej",
    "description": "Pobierz kompleksową infografikę przygotowaną przez inżyniera HVAC. Zestawienie parametrów, rozstawów rur i najczęstszych błędów wykonawczych przy oknach HS.",
    "image": "https://projekt-ogrzewania.pl/wp-content/uploads/2026/04/Infografika-Projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach.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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-infografika",
    "name": "Infografika: Ogrzewanie podłogowe przy dużych przeszkleniach",
    "description": "Graficzne zestawienie wytycznych normatywnych PN-EN 1264, schematów hydraulicznych oraz zaleceń izolacyjnych (XPS) dla stref brzegowych.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "infografika ogrzewanie podłogowe",
      "schemat podłogówki przy oknie tarasowym",
      "błędy instalatora ogrzewanie płaszczyznowe",
      "projekt ogrzewania podłogowego pdf",
      "parametry strefy brzegowej hs"
    ],
    "measurementTechnique": "Kompilacja wiedzy inżynieryjnej, danych tabelarycznych i schematów konwekcyjnych w skondensowanym formacie wizualnym (PDF/WEBP).",
    "mainEntity": {
      "@type": "DataDownload",
      "encodingFormat": "application/pdf",
      "contentUrl": "https://projekt-ogrzewania.pl/wp-content/uploads/2026/04/Infografika-Projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach.pdf"
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-viewer",
    "name": "Moduł Dystrybucji Wiedzy Technicznej",
    "description": "Narzędzie pozwalające użytkownikowi na interaktywny podgląd (WEBP) oraz pobranie pełnowymiarowej dokumentacji szkoleniowej (PDF).",
    "applicationCategory": "UtilitiesApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5, CSS3, and Javascript",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-dl-dark: #0f172a;
    --rk-dl-blue: #0284c7;
    --rk-dl-blue-hover: #0369a1;
    --rk-dl-gray: #475569;
    --rk-dl-gray-light: #f8fafc;
    --rk-dl-border: #cbd5e1;
    --rk-dl-bg: #ffffff;
}

.rk-dl-container {
    max-width: 950px;
    margin: 40px auto;
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--rk-dl-bg);
    border-radius: 16px;
    border: 1px solid var(--rk-dl-border);
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    overflow: hidden;
}

.rk-dl-header {
    background: var(--rk-dl-dark);
    padding: 30px 40px;
    color: #ffffff;
    border-bottom: 4px solid var(--rk-dl-blue);
}

.rk-dl-header h2 {
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 10px 0;
    color: #ffffff;
    text-transform: none !important;
}

.rk-dl-header p {
    font-size: 16px;
    color: #cbd5e1;
    margin: 0;
    text-transform: none !important;
}

.rk-dl-body {
    display: flex;
    flex-direction: row;
    background: #ffffff;
}

/* Kolumna lewa: Miniatura */
.rk-dl-thumb-col {
    width: 350px;
    padding: 40px;
    background: var(--rk-dl-gray-light);
    border-right: 1px solid var(--rk-dl-border);
    display: flex;
    align-items: center;
    justify-content: center;
}

.rk-dl-thumbnail {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--rk-dl-border);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    cursor: pointer;
    display: block;
}

.rk-dl-thumbnail:hover {
    border-color: var(--rk-dl-blue);
}

/* Kolumna prawa: Treść i Przyciski */
.rk-dl-content-col {
    flex: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.rk-dl-content-col h3 {
    font-size: 20px;
    font-weight: 800;
    color: var(--rk-dl-dark);
    margin: 0 0 15px 0;
    text-transform: none !important;
}

.rk-dl-content-col p {
    font-size: 16px;
    line-height: 1.6;
    color: var(--rk-dl-gray);
    margin: 0 0 25px 0;
    text-transform: none !important;
}

.rk-dl-actions {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.rk-dl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    text-transform: none !important;
}

.rk-dl-btn-primary {
    background: var(--rk-dl-blue);
    color: #ffffff !important;
    border: 2px solid var(--rk-dl-blue);
}

.rk-dl-btn-primary:hover {
    background: var(--rk-dl-blue-hover);
    border-color: var(--rk-dl-blue-hover);
}

.rk-dl-btn-secondary {
    background: transparent;
    color: var(--rk-dl-dark) !important;
    border: 2px solid var(--rk-dl-border);
}

.rk-dl-btn-secondary:hover {
    border-color: var(--rk-dl-gray);
    background: var(--rk-dl-gray-light);
}

.rk-dl-btn svg {
    width: 20px;
    height: 20px;
}

/* Stopka / Prawa Autorskie */
.rk-dl-footer {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px dashed var(--rk-dl-border);
    font-size: 12px;
    line-height: 1.6;
    color: var(--rk-dl-gray);
    text-transform: none !important;
}

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

/* Modal podglądu zdjęcia */
.rk-img-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 23, 42, 0.9);
    align-items: center;
    justify-content: center;
}

.rk-img-modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90vh;
    background: transparent;
}

.rk-img-modal-image {
    max-width: 100%;
    max-height: 90vh;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    display: block;
}

.rk-img-modal-close {
    position: absolute;
    top: -40px;
    right: 0;
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    text-transform: uppercase !important;
}

.rk-img-modal-close:hover {
    color: #38bdf8;
}

/* Responsywność */
@media (max-width: 768px) {
    .rk-dl-header { padding: 30px 25px; }
    .rk-dl-body { flex-direction: column; }
    .rk-dl-thumb-col { width: 100%; padding: 30px; border-right: none; border-bottom: 1px solid var(--rk-dl-border); }
    .rk-dl-thumbnail { max-width: 250px; margin: 0 auto; }
    .rk-dl-content-col { padding: 30px 25px; }
    .rk-dl-actions { flex-direction: column; gap: 15px; }
    .rk-dl-btn { width: 100%; }
}
</style>

<div class="rk-dl-container" id="rk-modul-pobieranie">
    <div class="rk-dl-header">
        <h2>Kompendium wiedzy w pigułce</h2>
        <p>Pobierz autorską infografikę i miej najważniejsze zasady inżynieryjne zawsze pod ręką.</p>
    </div>

    <div class="rk-dl-body">
        <!-- Miniatura Infografiki -->
        <div class="rk-dl-thumb-col">
            <img decoding="async" src="https://projekt-ogrzewania.pl/wp-content/uploads/2026/04/Infografika-Projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach.webp" alt="Miniatura Infografiki Ogrzewanie Podłogowe Okna HS" class="rk-dl-thumbnail" id="rkOpenThumbBtn">
        </div>

        <!-- Panel Pobierania -->
        <div class="rk-dl-content-col">
            <h3>Zabierz wiedzę ze sobą na budowę</h3>
            <p>Przygotowałem dla Ciebie kompleksową ściągę z zakresu ogrzewania płaszczyznowego. Wydrukuj tę infografikę lub wyślij ją swojemu instalatorowi przed rozpoczęciem prac, aby zapobiec krytycznym błędom na etapie kładzenia rur i wylewek przy oknach tarasowych.</p>
            
            <div class="rk-dl-actions">
                <a href="https://projekt-ogrzewania.pl/wp-content/uploads/2026/04/Infografika-Projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach.pdf" target="_blank" rel="noopener noreferrer" class="rk-dl-btn rk-dl-btn-primary">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
                    Pobierz w formacie PDF
                </a>
                <button class="rk-dl-btn rk-dl-btn-secondary" id="rkOpenModalBtn">
                    <svg 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"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
                    Wyświetl grafikę (WEBP)
                </button>
            </div>

            <div class="rk-dl-footer">
                <strong>© 2026 Projekt-Ogrzewania.pl | Autor: Robert Kucharski.</strong><br>
                Udostępnianie materiału PDF dozwolone wyłącznie z zachowaniem oryginalnego logotypu portalu i bez żadnych modyfikacji pliku.
            </div>
        </div>
    </div>
</div>

<!-- Modal Podglądu Zdjęcia -->
<div class="rk-img-modal" id="rkImgModal">
    <div class="rk-img-modal-content">
        <button class="rk-img-modal-close" id="rkCloseModalBtn">Zamknij ✕</button>
        <img decoding="async" src="https://projekt-ogrzewania.pl/wp-content/uploads/2026/04/Infografika-Projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach.webp" alt="Podgląd Infografiki Ogrzewanie Podłogowe Okna HS" class="rk-img-modal-image">
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    var modal = document.getElementById('rkImgModal');
    var btnOpenThumb = document.getElementById('rkOpenThumbBtn');
    var btnOpenModal = document.getElementById('rkOpenModalBtn');
    var btnClose = document.getElementById('rkCloseModalBtn');

    // Funkcja otwierająca (bezpieczny JS bez "&&")
    function openImageModal() {
        modal.style.display = 'flex';
    }

    // Funkcja zamykająca
    function closeImageModal() {
        modal.style.display = 'none';
    }

    // Nasłuchiwanie zdarzeń
    btnOpenThumb.addEventListener('click', openImageModal);
    btnOpenModal.addEventListener('click', openImageModal);
    btnClose.addEventListener('click', closeImageModal);

    // Zamykanie modala po kliknięciu w szare tło (poza zdjęciem)
    window.addEventListener('click', function(event) {
        if (event.target === modal) {
            closeImageModal();
        }
    });
});
</script>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#article-podsumowanie",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/"
    },
    "headline": "Jak skutecznie okiełznać strefę przyokienną? Podsumowanie Inżynierskie",
    "description": "Zakończenie problemu zimnych stóp przy oknach tarasowych. Poznaj inżynierskie zasady strefy brzegowej: zagęszczenie rur, twarda izolacja XPS i optymalne pokrycie podłogi.",
    "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://x.com/Projekt_HVAC",
        "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-07-17",
    "dateModified": "2026-07-17"
  },
  {
    "@context": "https://schema.org",
    "@type": "Dataset",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#dataset-strefa-brzegowa",
    "name": "Parametry Techniczne Strefy Brzegowej Ogrzewania Podłogowego 2026",
    "description": "Zestawienie wytycznych dotyczących projektowania ogrzewania podłogowego przy dużych oknach: optymalny rozstaw rur, grubość izolacji XPS i maksymalna temperatura zasilania pompy ciepła.",
    "license": "https://projekt-ogrzewania.pl/",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    },
    "keywords": [
      "rozstaw rur przy oknie panoramicznym",
      "izolacja xps pod oknem hst",
      "temperatura zasilania pompy ciepła",
      "projekt strefy brzegowej podłogówki",
      "wykończenie podłogi na strefie brzegowej"
    ],
    "measurementTechnique": "Obliczenia liniowych strat ciepła i doboru mocy grzewczej dla niskotemperaturowych układów płaszczyznowych.",
    "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
        "Rozstaw rur: 10-15 cm w niezależnej pętli.",
        "Izolacja: XPS odporny na odkształcenia i wilgoć.",
        "Pokrycie: materiały o niskim oporze cieplnym (gres, kamień).",
        "Efekt: Możliwość zasilania układu temperaturą 35 stopni Celsjusza."
      ]
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "@id": "https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/#webapp-symulator",
    "name": "Symulator Komfortu: Strefa Brzegowa",
    "description": "Interaktywna wizualizacja porównująca działanie tradycyjnego ogrzewania z profesjonalnie zaprojektowaną strefą brzegową przy dużych przeszkleniach.",
    "applicationCategory": "EducationalApplication",
    "operatingSystem": "All",
    "browserRequirements": "Requires HTML5 and CSS3",
    "creator": {
      "@type": "Person",
      "name": "Robert Kucharski"
    }
  }
]
</script>

<style>
:root {
    --rk-sum-dark: #0f172a;
    --rk-sum-blue: #0284c7;
    --rk-sum-light-blue: #f0f9ff;
    --rk-sum-green: #10b981;
    --rk-sum-red: #ef4444;
    --rk-sum-gray: #64748b;
    --rk-sum-border: #e2e8f0;
    --rk-sum-bg: #ffffff;
    --rk-tag-bg: #e0f2fe;
    --rk-tag-text: #0369a1;
}

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

.rk-sum-header {
    padding: 40px 40px 20px;
    background: var(--rk-sum-dark);
    color: #ffffff;
}

.rk-sum-header h2 {
    font-size: 32px;
    font-weight: 900;
    margin: 0 0 15px 0;
    line-height: 1.2;
    color: #ffffff;
}

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

.rk-interactive-zone {
    padding: 40px;
    background: #f8fafc;
}

/* Przełączniki interaktywne */
.rk-toggle-controls {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.rk-toggle-btn {
    flex: 1;
    padding: 18px 24px;
    border-radius: 12px;
    border: 2px solid var(--rk-sum-border);
    background: #ffffff;
    font-size: 16px;
    font-weight: 800;
    color: var(--rk-sum-gray);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.rk-toggle-btn.active[data-view="bad"] {
    background: #fef2f2;
    border-color: var(--rk-sum-red);
    color: var(--rk-sum-red);
    box-shadow: 0 8px 16px -4px rgba(239, 68, 68, 0.2);
}

.rk-toggle-btn.active[data-view="good"] {
    background: #f0fdf4;
    border-color: var(--rk-sum-green);
    color: #047857;
    box-shadow: 0 8px 16px -4px rgba(16, 185, 129, 0.2);
}

/* Wizualizacja SVG */
.rk-viz-box {
    background: #ffffff;
    border: 1px solid var(--rk-sum-border);
    border-radius: 16px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.rk-viz-svg-container {
    flex-shrink: 0;
    width: 160px;
    height: 160px;
}

.rk-viz-text h3 {
    margin: 0 0 10px 0;
    font-size: 22px;
    font-weight: 800;
}

.rk-viz-text p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
}

.viz-arrow-down { transition: all 0.5s ease; }
.viz-heat-waves { transition: all 0.5s ease; opacity: 0; }
.viz-pipe { transition: all 0.5s ease; }

.state-bad .viz-arrow-down { transform: translateY(15px); opacity: 1; fill: var(--rk-sum-blue); }
.state-bad .viz-pipe { fill: #cbd5e1; }
.state-bad .rk-viz-text h3 { color: var(--rk-sum-red); }

.state-good .viz-arrow-down { transform: translateY(-10px); opacity: 0.2; }
.state-good .viz-heat-waves { opacity: 1; transform: translateY(-5px); }
.state-good .viz-pipe { fill: var(--rk-sum-green); }
.state-good .rk-viz-text h3 { color: var(--rk-sum-green); }

/* Karty Zasad */
.rk-rules-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0 40px 30px;
    background: #f8fafc;
}

.rk-rule-card {
    background: #ffffff;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--rk-sum-border);
    border-top: 4px solid var(--rk-sum-blue);
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

.rk-rule-card h3 {
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 12px 0;
    color: var(--rk-sum-dark);
}

.rk-rule-card p {
    font-size: 14px;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

.rk-rule-card a {
    color: var(--rk-sum-blue);
    font-weight: 700;
    text-decoration: none;
}
.rk-rule-card a:hover { text-decoration: underline; }

/* Tagi długiego ogona */
.rk-tags-container {
    padding: 0 40px 30px;
    background: #f8fafc;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.rk-mat-tag {
    background: var(--rk-tag-bg);
    color: var(--rk-tag-text);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border: 1px solid rgba(2, 132, 199, 0.1);
}

/* CTA */
.rk-sum-cta {
    padding: 40px;
    text-align: center;
    background: #ffffff;
    border-top: 1px solid var(--rk-sum-border);
}

.rk-btn-massive {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: var(--rk-sum-blue);
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    padding: 20px 40px;
    border-radius: 16px;
    text-decoration: none;
    box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.4);
    transition: all 0.3s ease;
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
}

.rk-btn-massive:hover {
    transform: translateY(-4px);
    background: #0369a1;
    box-shadow: 0 15px 30px -5px rgba(2, 132, 199, 0.5);
}

/* Responsywność */
@media (max-width: 768px) {
    .rk-sum-header, .rk-interactive-zone, .rk-rules-grid, .rk-tags-container, .rk-sum-cta {
        padding: 25px 20px;
    }
    
    .rk-toggle-controls {
        flex-direction: column; /* Akordeon pionowy na mobile */
        gap: 12px;
    }

    .rk-viz-box {
        flex-direction: column;
        text-align: center;
        padding: 25px 15px;
    }

    .rk-rules-grid {
        grid-template-columns: 1fr;
    }
    
    .rk-btn-massive {
        font-size: 16px;
        padding: 16px 20px;
    }
}
</style>

<div class="rk-sum-container" id="przyokienna-sum-app">
    <div class="rk-sum-header">
        <h2>Jak skutecznie okiełznać strefę przyokienną? Podsumowanie</h2>
        <p>Projektowanie podłogówki przy spektakularnych przeszkleniach to sprawdzian z fizyki budowli. Odrzuć szkodliwe podejście "na oko" i postaw na inżynierski standard, który obniży rachunki i wyeliminuje przeciągi.</p>
    </div>

    <div class="rk-interactive-zone">
        <div class="rk-toggle-controls" id="rkToggleBox">
            <button class="rk-toggle-btn active" data-view="bad">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
                Ogrzewanie "Na oko"
            </button>
            <button class="rk-toggle-btn" data-view="good">
                <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="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
                Zaprojektowana Strefa
            </button>
        </div>

        <div class="rk-viz-box state-bad" id="rkVizContainer">
            <div class="rk-viz-svg-container">
                <!-- Prosta, wydajna grafika SVG -->
                <svg viewBox="0 0 100 100" width="100%" height="100%">
                    <!-- Okno -->
                    <rect x="10" y="10" width="20" height="80" fill="#e2e8f0" rx="2" />
                    <rect x="15" y="15" width="10" height="70" fill="#bae6fd" />
                    <!-- Opadające zimne powietrze -->
                    <g class="viz-arrow-down">
                        <path d="M40 20 L40 60 L35 60 L45 75 L55 60 L50 60 L50 20 Z" fill="#0284c7" opacity="0.8"/>
                    </g>
                    <!-- Podłoga i rury -->
                    <rect x="30" y="80" width="60" height="20" fill="#f1f5f9" />
                    <circle cx="45" cy="90" r="5" class="viz-pipe" />
                    <circle cx="65" cy="90" r="5" class="viz-pipe" />
                    <circle cx="85" cy="90" r="5" class="viz-pipe" />
                    <!-- Fale ciepła (ukryte w stanie bad) -->
                    <g class="viz-heat-waves" stroke="#10b981" stroke-width="3" fill="none" stroke-linecap="round">
                        <path d="M45 70 Q 50 60 45 50 T 45 30" />
                        <path d="M60 70 Q 65 60 60 50 T 60 30" />
                    </g>
                </svg>
            </div>
            <div class="rk-viz-text" id="rkVizText">
                <h3>Efekt chłodni i wyższe rachunki</h3>
                <p>Standardowy rozstaw rur i zwykły styropian sprawiają, że mroźne powietrze z impetem spływa po szybie, wychładzając posadzkę. Aby temu zaradzić, zmuszony będziesz podnieść temperaturę zasilania, drastycznie obniżając żywotność pompy ciepła.</p>
            </div>
        </div>
    </div>

    <div class="rk-rules-grid">
        <div class="rk-rule-card">
            <h3>1. Gęsta, osobna pętla</h3>
            <p>Wydziel strefę brzegową na niezależny obwód o rozstawie rur od 10 do 15 centymetrów. Pozwoli to zablokować ciąg zimna bez przegrzewania wnętrza. Czytaj więcej o <a href="https://projekt-ogrzewania.pl/strefa-brzegowa-obwodowa-w-ogrzewaniu-podlogowym/">strefach obwodowych</a>.</p>
        </div>
        <div class="rk-rule-card">
            <h3>2. Izolacja blokująca ucieczkę</h3>
            <p>Podłoga to nie wszystko. Zastosowanie twardego styroduru XPS eliminuje mostek liniowy pod oknem, zatrzymując energię tam, gdzie jest najbardziej potrzebna do ogrzania powietrza.</p>
        </div>
        <div class="rk-rule-card">
            <h3>3. Niska temperatura zasilania</h3>
            <p>Dzięki dobremu <a href="https://projekt-ogrzewania.pl/opor-cieplny-r-m%c2%b2k-w-klucz-do-efektywnego-ogrzewania-podlogowego/">oporowi cieplnemu płytek</a> i projektowi, woda w układzie może mieć zaledwie 35 stopni Celsjusza. Sprawdź, <a href="https://projekt-ogrzewania.pl/niska-temperatura-zasilania-pompy-ciepla-dlaczego-35-stopni-to-ideal-dla-podlogowki/">dlaczego to ideał dla podłogówki</a>.</p>
        </div>
    </div>

    <div class="rk-tags-container">
        <span class="rk-mat-tag"># ogrzewanie podłogowe duże okna tarasowe</span>
        <span class="rk-mat-tag"># rozstaw rur przy oknie panoramicznym</span>
        <span class="rk-mat-tag"># projekt strefy brzegowej podłogówki</span>
        <span class="rk-mat-tag"># izolacja xps pod oknem hst</span>
        <span class="rk-mat-tag"># temperatura zasilania pompy ciepła</span>
        <span class="rk-mat-tag"># jak uniknąć zimnych stóp przy oknie</span>
        <span class="rk-mat-tag"># wykończenie podłogi na strefie brzegowej</span>
        <span class="rk-mat-tag"># gres a panele na ogrzewanie podłogowe</span>
        <span class="rk-mat-tag"># koszty eksploatacji ogrzewania podłogowego</span>
        <span class="rk-mat-tag"># projekt ogrzewania podłogowego online</span>
    </div>

    <div class="rk-sum-cta">
        <a href="https://projekt-ogrzewania.pl/blog/" class="rk-btn-massive">
            SPRAWDŹ BAZĘ WIEDZY I ZAMÓW PROJEKT
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
        </a>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    var buttons = document.querySelectorAll('.rk-toggle-btn');
    var vizContainer = document.getElementById('rkVizContainer');
    var vizText = document.getElementById('rkVizText');

    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            // Reset active class safely
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');

            var viewState = this.getAttribute('data-view');

            if (viewState === 'good') {
                vizContainer.className = 'rk-viz-box state-good';
                vizText.innerHTML = '<h3>Komfort i zwrot z inwestycji</h3><p>Rzetelny projekt instalacji i wzmocnienie izolacji XPS tworzy kurtynę cieplną z rur ułożonych co 10-15 centymetrów. Skutek? Zasilasz układ temperaturą 35 stopni Celsjusza, oszczędzasz prąd i chodzisz boso nawet podczas mrozów.</p>';
            } else {
                vizContainer.className = 'rk-viz-box state-bad';
                vizText.innerHTML = '<h3>Efekt chłodni i wyższe rachunki</h3><p>Standardowy rozstaw rur i zwykły styropian sprawiają, że mroźne powietrze z impetem spływa po szybie, wychładzając posadzkę. Aby temu zaradzić, zmuszony będziesz podnieść temperaturę zasilania, drastycznie obniżając żywotność pompy ciepła.</p>';
            }
        });
    }
});
</script>



<style>
  .po-pref-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: #ffffff;
    border: 1px solid #dadce0;
    border-radius: 12px;
    padding: 24px;
    margin: 30px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: box-shadow 0.3s ease;
  }
  .po-pref-container:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  .po-pref-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .po-pref-container h2 {
    margin: 0;
    font-size: 1.4rem;
    color: #202124;
    font-weight: 600;
  }
  .po-pref-container h3 {
    margin: 0;
    font-size: 1.1rem;
    color: #5f6368;
    font-weight: 400;
  }
  .po-pref-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9fa;
    padding: 16px 20px;
    border-radius: 8px;
    border: 1px solid #e8eaed;
  }
  .po-pref-info {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .po-pref-icon svg {
    width: 40px;
    height: 40px;
  }
  .po-pref-text p {
    margin: 0;
    color: #3c4043;
    font-size: 0.95rem;
    line-height: 1.4;
  }
  .po-pref-text strong {
    color: #1a73e8;
  }
  
  /* Interaktywny przełącznik */
  .po-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .po-toggle {
    position: relative;
    width: 52px;
    height: 28px;
    background-color: #dadce0;
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  .po-toggle::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  }
  .po-toggle.active {
    background-color: #1a73e8;
  }
  .po-toggle.active::after {
    transform: translateX(24px);
  }
  
  /* Przycisk akcji (ukryty domyślnie, pojawia się po interakcji) */
  .po-action-btn {
    display: none;
    text-decoration: none;
    background: #1a73e8;
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 24px;
    font-weight: 500;
    text-align: center;
    font-size: 1rem;
    transition: background 0.2s;
    margin-top: 10px;
  }
  .po-action-btn:hover {
    background: #1557b0;
    color: #ffffff;
  }
  .po-action-btn.visible {
    display: block;
    animation: fadeIn 0.4s ease;
  }

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

  /* RWD - Mobile (układ pionowy, akordeon, brak przycisków obok siebie) */
  @media (max-width: 768px) {
    .po-pref-body {
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
    }
    .po-toggle-wrapper {
      width: 100%;
      justify-content: space-between;
      padding-top: 16px;
      border-top: 1px solid #dadce0;
    }
    .po-action-btn {
      width: 100%;
      box-sizing: border-box;
    }
  }
</style>

<div class="po-pref-container">
  <div class="po-pref-header">
    <h2>Wspieraj Projekt-Ogrzewania.pl</h2>
    <h3>Zostań z nami na dłużej w wynikach Google</h3>
  </div>
  
  <div class="po-pref-body">
    <div class="po-pref-info">
      <div class="po-pref-icon">
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"></path>
          <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"></path>
          <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"></path>
          <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"></path>
        </svg>
      </div>
      <div class="po-pref-text">
        <p>Ponad 1000 poradników o ogrzewaniu i budowie domu.<br>
        <strong>Dodaj nas do ulubionych źródeł</strong>, aby łatwiej znajdować nasze rozwiązania techniczne.</p>
      </div>
    </div>
    
    <div class="po-toggle-wrapper">
      <span style="font-size: 0.9rem; color: #5f6368; font-weight: 500;">Aktywuj źródło</span>
      <div class="po-toggle" id="googleSourceToggle" aria-label="Włącz preferowane źródło"></div>
    </div>
  </div>
  
  <a href="https://google.com/preferences/source?q=https://projekt-ogrzewania.pl" target="_blank" rel="noopener noreferrer" class="po-action-btn" id="googleSourceLink">
    Przejdź do Google i potwierdź
  </a>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var toggleBtn = document.getElementById('googleSourceToggle');
    var actionLink = document.getElementById('googleSourceLink');
    
    toggleBtn.addEventListener('click', function() {
      if (toggleBtn.classList.contains('active') === false) {
        toggleBtn.classList.add('active');
        actionLink.classList.add('visible');
      } else {
        toggleBtn.classList.remove('active');
        actionLink.classList.remove('visible');
      }
    });
  });
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Article",
      "@id": "https://projekt-ogrzewania.pl/google-preferred-sources#article",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://projekt-ogrzewania.pl/google-preferred-sources"
      },
      "headline": "Wspieraj Projekt-Ogrzewania.pl w wynikach Google",
      "description": "Interaktywny widget umożliwiający dodanie portalu Projekt-Ogrzewania.pl do ulubionych źródeł w wyszukiwarce Google. Buduj z nami rzetelną bazę wiedzy o HVAC.",
      "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://x.com/Projekt_HVAC",
          "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-07-09",
      "dateModified": "2026-07-09"
    },
    {
      "@type": "Dataset",
      "@id": "https://projekt-ogrzewania.pl/google-preferred-sources#dataset",
      "name": "Preferowane Źródła Google - Statystyki i Interakcja",
      "description": "Zbiór danych i interaktywnych punktów styku pozwalających na ocenę preferencji czytelników dla treści technicznych HVAC.",
      "license": "https://projekt-ogrzewania.pl/",
      "creator": {
        "@type": "Person",
        "name": "Robert Kucharski"
      },
      "keywords": [
        "ogrzewanie podłogowe przy dużych przeszkleniach",
        "strefa brzegowa okna tarasowe hs",
        "projekt ogrzewania podłogowego online",
        "bloger branży budowlanej wykończeniowej",
        "ekspert instalacji hvac"
      ],
      "measurementTechnique": "Zliczanie interakcji z widgetem UI typu toggle oraz przekierowań do interfejsu preferencji Google Search",
      "mainEntity": "Optymalizacja zaangażowania użytkownika poprzez interaktywny widget dodawania domeny do preferencji Google."
    },
    {
      "@type": "WebApplication",
      "@id": "https://projekt-ogrzewania.pl/google-preferred-sources#webapplication",
      "name": "Google Preferences Toggle Widget",
      "applicationCategory": "UtilitiesApplication",
      "operatingSystem": "All",
      "description": "Aplikacja webowa w formie widgetu symulującego przełącznik mobilny, integrująca natywne linkowanie do ustawień preferowanych źródeł Google.",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "PLN"
      }
    }
  ]
}
</script>



<p class="wp-block-paragraph"></p>
<p>Artykuł <a href="https://projekt-ogrzewania.pl/projekt-ogrzewania-podlogowego-do-domu-z-duzymi-przeszkleniami-jak-poradzic-sobie-ze-strefa-przy-oknach/">Projekt ogrzewania podłogowego do domu z dużymi przeszkleniami  jak poradzić sobie ze strefą przy oknach?</a> pochodzi z serwisu <a href="https://projekt-ogrzewania.pl">Projekt Ogrzewania</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
