<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kalkulator Usług Sprzątania - Kastelnik</title>
    <style>
        /* Stylizacja kalkulatora sprzątania firmy Kastelnik */
        .kalkulator-sprzatania {
            max-width: 600px;
            margin: 40px auto;
            padding: 30px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            border: 2px solid #4CAF50;
            border-radius: 15px;
            background-color: #ffffff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .kalkulator-sprzatania h2 {
            text-align: center;
            color: #4CAF50;
            margin-bottom: 20px;
            font-size: 28px;
        }

        .kalkulator-section {
            margin-bottom: 20px;
        }

        .kalkulator-section label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #333333;
        }

        .kalkulator-section select,
        .kalkulator-section input[type="range"],
        .kalkulator-section input[type="number"],
        .kalkulator-section input[type="checkbox"] {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #cccccc;
            border-radius: 5px;
            box-sizing: border-box;
            font-size: 16px;
        }

        .kalkulator-section input[type="checkbox"] {
            width: auto;
            margin-right: 10px;
        }

        #oblicz-btn,
        #kontakt-btn {
            width: 100%;
            padding: 12px;
            background-color: #4CAF50;
            border: none;
            color: white;
            font-size: 18px;
            cursor: pointer;
            border-radius: 8px;
            transition: background-color 0.3s ease;
        }

        #oblicz-btn:hover,
        #kontakt-btn:hover {
            background-color: #45a049;
        }

        #wynik-section {
            margin-top: 30px;
            padding: 20px;
            border: 2px solid #4CAF50;
            border-radius: 15px;
            background-color: #e8f5e9;
            text-align: center;
        }

        #wynik-section h3 {
            color: #2e7d32;
            font-size: 24px;
            margin-bottom: 10px;
        }

        #koszt {
            font-size: 32px;
            color: #1b5e20;
            font-weight: bold;
        }

        #message-section {
            margin-top: 15px;
            font-size: 16px;
            color: #d32f2f;
        }

        .hidden {
            display: none;
        }

        /* Responsywność dla urządzeń mobilnych */
        @media (max-width: 600px) {
            .kalkulator-sprzatania {
                padding: 20px;
            }

            .kalkulator-sprzatania h2 {
                font-size: 24px;
            }

            #oblicz-btn,
            #kontakt-btn {
                font-size: 16px;
                padding: 10px;
            }

            #koszt {
                font-size: 28px;
            }
        }
    </style>
</head>
<body>
    <div class="kalkulator-sprzatania">
        <h2>Kalkulator Usług Sprzątania</h2>
        <form id="kalkulator-form">
            <!-- Wybór rodzaju usługi -->
            <div class="kalkulator-section">
                <label for="usluga">Wybierz rodzaj usługi:</label>
                <select id="usluga" name="usluga">
                    <option value="">-- Wybierz --</option>
                    <option value="sprzatanie_po_zgonach">Sprzątanie po zgonach</option>
                    <option value="sprzatanie_po_pozarach">Sprzątanie po pożarach</option>
                    <option value="sprzatanie_po_zalaniach">Sprzątanie po zalaniach</option>
                    <option value="odgrzybianie">Odgrzybianie</option>
                    <option value="dezynfekcja_pomieszczen">Dezynfekcja pomieszczeń</option>
                    <option value="utylizacja_odpadow">Utylizacja odpadów</option>
                    <option value="pozostale_uslugi">Pozostałe usługi specjalistyczne</option>
                </select>
            </div>

            <!-- Sekcja dynamiczna na podstawie wybranej usługi -->
            <div id="dynamic-section"></div>

            <!-- Przycisk obliczania -->
            <button type="button" id="oblicz-btn">Oblicz Koszt</button>
        </form>

        <!-- Wynik kalkulacji -->
        <div id="wynik-section" class="hidden">
            <h3 id="koszt-section">Przybliżony koszt:</h3>
            <span id="koszt">0</span> zł
            <p id="message-section" class="hidden">Cena jest indywidualna. Prosimy o kontakt z naszym przedstawicielem.</p>
            <button id="kontakt-btn">Skontaktuj się z nami</button>
        </div>
    </div>

    <script>
        // Skrypt do obsługi kalkulatora usług sprzątania firmy Kastelnik

        document.addEventListener('DOMContentLoaded', function() {
            const uslugaSelect = document.getElementById('usluga');
            const dynamicSection = document.getElementById('dynamic-section');
            const obliczBtn = document.getElementById('oblicz-btn');
            const wynikSection = document.getElementById('wynik-section');
            const kosztSpan = document.getElementById('koszt');
            const kosztSection = document.getElementById('koszt-section');
            const messageSection = document.getElementById('message-section');
            const kontaktBtn = document.getElementById('kontakt-btn');

            // Obiekt zawierający ceny usług
            const ceny = {
                sprzatanie_po_zgonach: {
                    options: {
                        sprzatanie_małe_mieszkanie: 1800,
                        sprzatanie_duże_mieszkanie: 2500,
                        dezynfekcja: 1700,
                        sprzatanie_po_morderstwie: 1800,
                        ozonowanie_godz: 800,
                        utylizacja_m3: 800,
                        usuwanie_skażenia_kg: 110
                    }
                },
                sprzatanie_po_pozarach: {
                    options: {
                        chemia_specjalistyczna: {
                            '3000': 3000,
                            '9000': 9000,
                            '15000': 15000
                        },
                        czyszczenie_suchym_lodem_godz: 800,
                        czyszczenie_scian_m2_min: 25,
                        czyszczenie_scian_m2_max: 68,
                        mycie_powierzchni_m2_min: 28,
                        mycie_powierzchni_m2_max: 78,
                        usuwanie_sadzy_m2_min: 40
                        // usuwanie_zapachu_indywidualnie: brak ceny
                    }
                },
                sprzatanie_po_zalaniach: {
                    options: {
                        dom_jednorodzinny: 2600,
                        piwnica: 1500,
                        sprzatanie_fekalia_do_50m2: 2000,
                        sprzatanie_kanalizacji_do_100m2: 3000,
                        osuszanie_scian_m2_min: 50,
                        osuszanie_scian_m2_max: 150,
                        ozonowanie_godz: 800
                    }
                },
                odgrzybianie: {
                    options: {
                        sciana: 800,
                        mieszkanie_3_pokoje: 1000,
                        pomieszczenie_małe_min: 600,
                        pomieszczenie_małe_max: 800,
                        pomieszczenie_srednie_min: 800,
                        pomieszczenie_srednie_max: 1000,
                        pomieszczenie_duże_min: 1000,
                        pomieszczenie_duże_max: 1200
                    }
                },
                dezynfekcja_pomieszczen: {
                    options: {
                        ozonowanie_mieszkania: 450,
                        dezynfekcja_mieszkania: 450,
                        dekontaminacja_do_1000m2: 2000,
                        sterylizacja_pomieszczen: 800,
                        zamgławianie_sucha_mgla: 450
                    }
                },
                utylizacja_odpadow: {
                    options: {
                        oproznianie_mieszkania: 3500,
                        piwnica: 2500,
                        utylizacja_biologicznych_kg: 100
                    }
                },
                pozostale_uslugi: {
                    options: {
                        czyszczenie_maszyn_godz: 800,
                        sprzatanie_po_golebiach: 1500,
                        kompleksowe_zaniedbane_mieszkanie: 2500,
                        sprzatanie_po_syllogomania: 3500
                    }
                }
            };

            // Funkcja do tworzenia dynamicznych pól formularza
            function generujPola(usluga) {
                dynamicSection.innerHTML = ''; // Czyść poprzednie pola

                switch(usluga) {
                    case 'sprzatanie_po_zgonach':
                        dynamicSection.innerHTML = `
                            <div class="kalkulator-section">
                                <label for="rodzaj">Rodzaj usługi:</label>
                                <select id="rodzaj" name="rodzaj">
                                    <option value="">-- Wybierz --</option>
                                    <option value="sprzatanie_małe_mieszkanie">Sprzątanie małego mieszkania</option>
                                    <option value="sprzatanie_duże_mieszkanie">Sprzątanie dużego mieszkania</option>
                                    <option value="dezynfekcja">Dezynfekcja miejsca po rozkładzie zwłok</option>
                                    <option value="sprzatanie_po_morderstwie">Sprzątanie po morderstwie lub zabójstwie</option>
                                </select>
                            </div>
                            <div class="kalkulator-section">
                                <label for="ozonowanie">Ozonowanie (godziny):</label>
                                <input type="range" id="ozonowanie" name="ozonowanie" min="0" max="10" step="1" value="0">
                                <span id="ozonowanie_val">0</span> godz
                            </div>
                            <div class="kalkulator-section">
                                <label for="utylizacja">Utylizacja mebli i rzeczy osobistych (m³):</label>
                                <input type="number" id="utylizacja" name="utylizacja" min="0" value="0">
                            </div>
                            <div class="kalkulator-section">
                                <label for="skażenie">Usuwanie skażenia bakteriologicznego (kg):</label>
                                <input type="number" id="skażenie" name="skażenie" min="0" value="0">
                            </div>
                        `;
                        // Aktualizacja wartości ozonowania
                        const ozonSlider = document.getElementById('ozonowanie');
                        const ozonVal = document.getElementById('ozonowanie_val');
                        ozonSlider.addEventListener('input', function() {
                            ozonVal.textContent = ozonSlider.value;
                        });
                        break;

                    case 'sprzatanie_po_pozarach':
                        dynamicSection.innerHTML = `
                            <div class="kalkulator-section">
                                <label for="chemia">Sprzątanie z użyciem chemii specjalistycznej:</label>
                                <select id="chemia" name="chemia">
                                    <option value="">-- Wybierz --</option>
                                    <option value="3000">3000 zł - Minimalna</option>
                                    <option value="9000">9000 zł - Średnia</option>
                                    <option value="15000">15000 zł - Maksymalna</option>
                                </select>
                            </div>
                            <div class="kalkulator-section">
                                <label for="suchy_lod">Czyszczenie suchym lodem (godziny):</label>
                                <input type="range" id="suchy_lod" name="suchy_lod" min="0" max="10" step="1" value="0">
                                <span id="suchy_lod_val">0</span> godz
                            </div>
                            <div class="kalkulator-section">
                                <label for="czyszczenie_scian">Ręczne czyszczenie ścian z tłustych osadów (m²):</label>
                                <input type="number" id="czyszczenie_scian" name="czyszczenie_scian" min="0" value="0">
                                <span>25 - 68</span> zł/m²
                            </div>
                            <div class="kalkulator-section">
                                <label for="mycie_powierzchni">Mycie powierzchni po pożarze (m²):</label>
                                <input type="number" id="mycie_powierzchni" name="mycie_powierzchni" min="0" value="0">
                                <span>28 - 78</span> zł/m²
                            </div>
                            <div class="kalkulator-section">
                                <label for="sadza">Usuwanie sadzy z silnych zabrudzeń (m²):</label>
                                <input type="number" id="sadza" name="sadza" min="0" value="0">
                                <span>od 40</span> zł/m²
                            </div>
                            <div class="kalkulator-section">
                                <input type="checkbox" id="zapach_indywidualnie" name="zapach_indywidualnie">
                                <label for="zapach_indywidualnie">Usuwanie zapachu spalenizny (wycena indywidualna)</label>
                            </div>
                        `;
                        // Aktualizacja wartości suchy_lod
                        const suchyLodSlider = document.getElementById('suchy_lod');
                        const suchyLodVal = document.getElementById('suchy_lod_val');
                        suchyLodSlider.addEventListener('input', function() {
                            suchyLodVal.textContent = suchyLodSlider.value;
                        });
                        break;

                    case 'sprzatanie_po_zalaniach':
                        dynamicSection.innerHTML = `
                            <div class="kalkulator-section">
                                <label for="typ_nieruchomosci">Typ nieruchomości:</label>
                                <select id="typ_nieruchomosci" name="typ_nieruchomosci">
                                    <option value="">-- Wybierz --</option>
                                    <option value="dom_jednorodzinny">Dom jednorodzinny</option>
                                    <option value="piwnica">Piwnica</option>
                                    <option value="fekalia">Sprzątanie po fekaliach (do 50 m²)</option>
                                    <option value="kanalizacja">Sprzątanie po wybiciu kanalizacji (do 100 m²)</option>
                                </select>
                            </div>
                            <div class="kalkulator-section">
                                <label for="osuszanie">Osuszanie ścian/piwnic (m²):</label>
                                <input type="range" id="osuszanie" name="osuszanie" min="0" max="500" step="10" value="0">
                                <span id="osuszanie_val">0</span> m²
                            </div>
                            <div class="kalkulator-section">
                                <label for="ozonowanie_zalanie">Ozonowanie (godziny):</label>
                                <input type="range" id="ozonowanie_zalanie" name="ozonowanie_zalanie" min="0" max="10" step="1" value="0">
                                <span id="ozonowanie_zalanie_val">0</span> godz
                            </div>
                        `;
                        // Aktualizacja wartości osuszania
                        const osuszanieSlider = document.getElementById('osuszanie');
                        const osuszanieVal = document.getElementById('osuszanie_val');
                        osuszanieSlider.addEventListener('input', function() {
                            osuszanieVal.textContent = osuszanieSlider.value;
                        });
                        // Aktualizacja wartości ozonowania
                        const ozonZalanieSlider = document.getElementById('ozonowanie_zalanie');
                        const ozonZalanieVal = document.getElementById('ozonowanie_zalanie_val');
                        ozonZalanieSlider.addEventListener('input', function() {
                            ozonZalanieVal.textContent = ozonZalanieSlider.value;
                        });
                        break;

                    case 'odgrzybianie':
                        dynamicSection.innerHTML = `
                            <div class="kalkulator-section">
                                <label for="odgrzybianie_typ">Typ odgrzybiania:</label>
                                <select id="odgrzybianie_typ" name="odgrzybianie_typ">
                                    <option value="">-- Wybierz --</option>
                                    <option value="sciana">Ściana</option>
                                    <option value="mieszkanie">Mieszkanie (3 pokoje)</option>
                                    <option value="pomieszczenie_małe">Pomieszczenie małe (do 15 m²)</option>
                                    <option value="pomieszczenie_srednie">Pomieszczenie średnie (do 20 m²)</option>
                                    <option value="pomieszczenie_duże">Duże pomieszczenie (do 40 m²)</option>
                                </select>
                            </div>
                        `;
                        break;

                    case 'dezynfekcja_pomieszczen':
                        dynamicSection.innerHTML = `
                            <div class="kalkulator-section">
                                <label for="dezynfekcja_typ">Typ dezynfekcji:</label>
                                <select id="dezynfekcja_typ" name="dezynfekcja_typ">
                                    <option value="">-- Wybierz --</option>
                                    <option value="ozonowanie_mieszkania">Ozonowanie mieszkania</option>
                                    <option value="dezynfekcja_mieszkania">Dezynfekcja mieszkania</option>
                                    <option value="dekontaminacja">Dekontaminacja pomieszczeń do 1000 m²</option>
                                    <option value="sterylizacja">Sterylizacja pomieszczeń</option>
                                    <option value="zamglawianie">Zamgławianie suchą mgłą</option>
                                </select>
                            </div>
                        `;
                        break;

                    case 'utylizacja_odpadow':
                        dynamicSection.innerHTML = `
                            <div class="kalkulator-section">
                                <label for="utylizacja_typ">Typ utylizacji:</label>
                                <select id="utylizacja_typ" name="utylizacja_typ">
                                    <option value="">-- Wybierz --</option>
                                    <option value="oproznianie_mieszkania">Opróżnianie mieszkań</option>
                                    <option value="piwnica">Piwnica</option>
                                    <option value="utylizacja_biologiczne">Utylizacja skażonych materiałów biologicznych (kg)</option>
                                </select>
                            </div>
                            <div class="kalkulator-section hidden" id="utylizacja_ilosc_section">
                                <label for="utylizacja_ilosc">Ilość (m³ lub kg):</label>
                                <input type="number" id="utylizacja_ilosc" name="utylizacja_ilosc" min="0" value="0">
                            </div>
                        `;
                        // Obsługa widoczności pola ilości
                        const utylizacjaTyp = document.getElementById('utylizacja_typ');
                        const utylizacjaIloscSection = document.getElementById('utylizacja_ilosc_section');
                        utylizacjaTyp.addEventListener('change', function() {
                            if (utylizacjaTyp.value === 'utylizacja_biologiczne') {
                                utylizacjaIloscSection.classList.remove('hidden');
                            } else {
                                utylizacjaIloscSection.classList.add('hidden');
                            }
                        });
                        break;

                    case 'pozostale_uslugi':
                        dynamicSection.innerHTML = `
                            <div class="kalkulator-section">
                                <label for="pozostale_usluga">Wybierz usługę:</label>
                                <select id="pozostale_usluga" name="pozostale_usluga">
                                    <option value="">-- Wybierz --</option>
                                    <option value="czyszczenie_maszyn">Czyszczenie maszyn przemysłowych/suchym lodem</option>
                                    <option value="sprzatanie_po_golebiach">Sprzątanie po gołębiach na balkonie</option>
                                    <option value="kompleksowe_zaniedbane">Kompleksowe sprzątanie zaniedbanych mieszkań</option>
                                    <option value="sprzatanie_po_syllogomania">Sprzątanie po osobach zbierających (syllogomania)</option>
                                </select>
                            </div>
                        `;
                        break;

                    default:
                        dynamicSection.innerHTML = '';
                }
            }

            // Nasłuchiwanie zmiany wyboru usługi
            uslugaSelect.addEventListener('change', function() {
                generujPola(uslugaSelect.value);
                // Resetowanie wyniku po zmianie usługi
                wynikSection.classList.add('hidden');
                kosztSpan.textContent = '0';
                messageSection.classList.add('hidden');
            });

            // Funkcja obliczająca koszt
            obliczBtn.addEventListener('click', function() {
                const usluga = uslugaSelect.value;
                if (!usluga) {
                    alert('Proszę wybrać rodzaj usługi.');
                    return;
                }

                let koszt = 0;
                let indywidualna_wycena = false;

                switch(usluga) {
                    case 'sprzatanie_po_zgonach':
                        const rodzaj = document.getElementById('rodzaj').value;
                        if (!rodzaj) {
                            alert('Proszę wybrać rodzaj sprzątania po zgonach.');
                            return;
                        }
                        koszt += ceny.sprzatanie_po_zgonach.options[rodzaj] || 0;

                        const ozon = parseInt(document.getElementById('ozonowanie').value);
                        koszt += ozon * ceny.sprzatanie_po_zgonach.options.ozonowanie_godz;

                        const utylizacja = parseInt(document.getElementById('utylizacja').value);
                        koszt += utylizacja * ceny.sprzatanie_po_zgonach.options.utylizacja_m3;

                        const skazenie = parseInt(document.getElementById('skażenie').value);
                        koszt += skazenie * ceny.sprzatanie_po_zgonach.options.usuwanie_skażenia_kg;
                        break;

                    case 'sprzatanie_po_pozarach':
                        const chemia = document.getElementById('chemia').value;
                        if (!chemia) {
                            alert('Proszę wybrać opcję sprzątania z użyciem chemii specjalistycznej.');
                            return;
                        }
                        koszt += parseInt(chemia);

                        const suchy_lod = parseInt(document.getElementById('suchy_lod').value);
                        koszt += suchy_lod * ceny.sprzatanie_po_pozarach.options.czyszczenie_suchym_lodem_godz;

                        const czyszczenie_scian = parseFloat(document.getElementById('czyszczenie_scian').value);
                        const czyszczenie_scian_min = ceny.sprzatanie_po_pozarach.options.czyszczenie_scian_m2_min;
                        koszt += czyszczenie_scian * czyszczenie_scian_min;

                        const mycie_powierzchni = parseFloat(document.getElementById('mycie_powierzchni').value);
                        const mycie_powierzchni_min = ceny.sprzatanie_po_pozarach.options.mycie_powierzchni_m2_min;
                        koszt += mycie_powierzchni * mycie_powierzchni_min;

                        const sadza = parseFloat(document.getElementById('sadza').value);
                        koszt += sadza * ceny.sprzatanie_po_pozarach.options.usuwanie_sadzy_m2_min;

                        const zapach_indywidualnie = document.getElementById('zapach_indywidualnie').checked;
                        if (zapach_indywidualnie) {
                            indywidualna_wycena = true;
                        }
                        break;

                    case 'sprzatanie_po_zalaniach':
                        const typ_nieruchomosci = document.getElementById('typ_nieruchomosci').value;
                        if (!typ_nieruchomosci) {
                            alert('Proszę wybrać typ nieruchomości.');
                            return;
                        }
                        koszt += ceny.sprzatanie_po_zalaniach.options[typ_nieruchomosci] || 0;

                        const osuszanie = parseInt(document.getElementById('osuszanie').value);
                        // Średnia cena osuszania
                        const osuszanie_cena = (ceny.sprzatanie_po_zalaniach.options.osuszanie_scian_m2_min + ceny.sprzatanie_po_zalaniach.options.osuszanie_scian_m2_max) / 2;
                        koszt += osuszanie * osuszanie_cena;

                        const ozon_zalanie = parseInt(document.getElementById('ozonowanie_zalanie').value);
                        koszt += ozon_zalanie * ceny.sprzatanie_po_zalaniach.options.ozonowanie_godz;
                        break;

                    case 'odgrzybianie':
                        const odgrzybianie_typ = document.getElementById('odgrzybianie_typ').value;
                        if (!odgrzybianie_typ) {
                            alert('Proszę wybrać typ odgrzybiania.');
                            return;
                        }
                        if (odgrzybianie_typ === 'pomieszczenie_małe') {
                            const pom_male = parseInt(prompt('Podaj powierzchnię pomieszczenia małego (do 15 m²):', '0')) || 0;
                            koszt += pom_male * ((ceny.odgrzybianie.options.pomieszczenie_małe_min + ceny.odgrzybianie.options.pomieszczenie_małe_max) / 2);
                        } else if (odgrzybianie_typ === 'pomieszczenie_srednie') {
                            const pom_srednie = parseInt(prompt('Podaj powierzchnię pomieszczenia średniego (do 20 m²):', '0')) || 0;
                            koszt += pom_srednie * ((ceny.odgrzybianie.options.pomieszczenie_srednie_min + ceny.odgrzybianie.options.pomieszczenie_srednie_max) / 2);
                        } else if (odgrzybianie_typ === 'pomieszczenie_duże') {
                            const pom_duze = parseInt(prompt('Podaj powierzchnię dużego pomieszczenia (do 40 m²):', '0')) || 0;
                            koszt += pom_duze * ((ceny.odgrzybianie.options.pomieszczenie_duże_min + ceny.odgrzybianie.options.pomieszczenie_duże_max) / 2);
                        } else {
                            koszt += ceny.odgrzybianie.options[odgrzybianie_typ] || 0;
                        }
                        break;

                    case 'dezynfekcja_pomieszczen':
                        const dezynfekcja_typ = document.getElementById('dezynfekcja_typ').value;
                        if (!dezynfekcja_typ) {
                            alert('Proszę wybrać typ dezynfekcji.');
                            return;
                        }
                        koszt += ceny.dezynfekcja_pomieszczen.options[dezynfekcja_typ] || 0;
                        break;

                    case 'utylizacja_odpadow':
                        const utylizacja_typ = document.getElementById('utylizacja_typ').value;
                        if (!utylizacja_typ) {
                            alert('Proszę wybrać typ utylizacji.');
                            return;
                        }
                        koszt += ceny.utylizacja_odpadow.options[utylizacja_typ] || 0;

                        if (utylizacja_typ === 'utylizacja_biologiczne') {
                            const ilosc = parseInt(document.getElementById('utylizacja_ilosc').value) || 0;
                            koszt += ilosc * ceny.utylizacja_odpadow.options.utylizacja_biologicznych_kg;
                        }
                        break;

                    case 'pozostale_uslugi':
                        const pozostale_usluga = document.getElementById('pozostale_usluga').value;
                        if (!pozostale_usluga) {
                            alert('Proszę wybrać pozostałą usługę.');
                            return;
                        }
                        koszt += ceny.pozostale_uslugi.options[pozostale_usluga] || 0;
                        break;

                    default:
                        koszt = 0;
                }

                // Sprawdzenie, czy wymagana jest indywidualna wycena
                if (indywidualna_wycena) {
                    kosztSection.textContent = 'Cena jest indywidualna.';
                    kosztSpan.textContent = '';
                    messageSection.classList.remove('hidden');
                } else {
                    kosztSection.textContent = 'Przybliżony koszt:';
                    kosztSpan.textContent = koszt;
                    messageSection.classList.add('hidden');
                }

                // Wyświetlenie wyniku
                wynikSection.classList.remove('hidden');
            });

            // Przycisk kontaktowy
            kontaktBtn.addEventListener('click', function() {
                window.location.href = 'mailto:hello@qithub.click?subject=Zapytanie%20o%20usługi%20sprzątania';
            });
        });
    </script>
</body>
</html>
