<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wynajem Pokoi Wrocław – ul. Zarembowicza 16A</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f8f9fa;
            /* Naprawa paska Google na górze */
            top: 0 !important;
            position: static !important;
        }

        /* Header */
        header {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            padding: 80px 20px;
            text-align: center;
            position: relative;
        }

        /* STYLIZACJA FLAG / PRZEŁĄCZNIKA JĘZYKA */
        .language-switcher {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            display: flex;
            gap: 15px;
            background: rgba(0,0,0,0.2);
            padding: 8px 15px;
            border-radius: 30px;
            backdrop-filter: blur(5px);
        }

        .lang-btn {
            cursor: pointer;
            width: 32px;
            height: 32px;
            display: block;
            transition: transform 0.2s;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0,0,0,0.3);
            border: 2px solid white;
        }

        .lang-btn img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .lang-btn:hover {
            transform: scale(1.15);
        }

        /* Ukrycie domyślnego paska Google Translate */
        .goog-te-banner-frame { display: none !important; }
        .goog-te-gadget-icon { display: none !important; }
        .goog-tooltip { display: none !important; }
        .goog-te-gadget-simple { background-color: transparent !important; border: none !important; }

        header h1 {
            font-size: 2.5rem;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        header .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
            margin-bottom: 5px;
            font-weight: 300;
        }
        
        header .address {
            background: rgba(255,255,255,0.15);
            display: inline-block;
            padding: 5px 15px;
            border-radius: 4px;
            margin-top: 10px;
            font-weight: 500;
        }

        .header-badges {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 30px;
            flex-wrap: wrap;
        }

        .badge {
            background: rgba(255,255,255,0.2);
            padding: 10px 20px;
            border-radius: 50px;
            display: flex;
            align-items: center;
            gap: 8px;
            backdrop-filter: blur(10px);
            font-size: 0.9rem;
        }

        /* Container */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Sections General */
        section {
            padding: 60px 0;
        }

        .section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-title h2 {
            font-size: 2.2rem;
            color: #1e3c72;
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }
        
        .section-title h2::after {
            content: '';
            display: block;
            width: 60px;
            height: 4px;
            background: #f39c12;
            margin: 10px auto 0;
            border-radius: 2px;
        }

        .section-title p {
            color: #666;
            font-size: 1.1rem;
            max-width: 700px;
            margin: 0 auto;
        }

        /* Intro / O nas */
        .intro-section {
            background: white;
            text-align: center;
        }
        .intro-content {
            max-width: 800px;
            margin: 0 auto;
            font-size: 1.1rem;
            color: #555;
        }
        .intro-content p {
            margin-bottom: 20px;
        }
        .intro-highlight {
            font-weight: 600;
            color: #1e3c72;
        }

        /* Gallery */
        .gallery { background: #f8f9fa; }
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }
        .gallery-item {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            aspect-ratio: 4/3;
            background-color: #ddd;
        }
        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .gallery-item:hover img { transform: scale(1.05); }


        /* Rooms Cards - UKŁAD W JEDNYM RZĘDZIE */
        .rooms { background: white; }
        .rooms-grid {
            display: grid;
            /* 4 kolumny w jednym rzędzie na dużych ekranach */
            grid-template-columns: repeat(4, 1fr); 
            gap: 20px;
        }

        /* Responsywność - tablet (2 rzędy) */
        @media (max-width: 1024px) {
            .rooms-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        /* Responsywność - telefon (1 pod drugim) */
        @media (max-width: 600px) {
            .rooms-grid {
                grid-template-columns: 1fr;
            }
        }

        .room-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
            border: 1px solid #eee;
            border-top: 5px solid #1e3c72;
        }

        .room-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
        }

        .room-card.featured {
            border: 3px solid #f39c12;
            position: relative;
        }
        
        .featured-tag {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #f39c12;
            color: white;
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: bold;
        }

        .room-header {
            padding: 20px 15px 0;
        }

        .room-header h3 {
            color: #1e3c72;
            font-size: 1.15rem; /* Dopasowana czcionka */
            margin-bottom: 5px;
            font-weight: 600;
        }
        
        .room-header .room-ids {
            font-size: 0.8rem;
            color: #888;
            background: #f4f4f4;
            padding: 2px 8px;
            border-radius: 4px;
            display: inline-block;
        }

        .room-content {
            padding: 20px 15px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .features {
            list-style: none;
            margin-bottom: 20px;
            flex-grow: 1;
        }

        .features li {
            padding: 6px 0;
            color: #555;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.85rem;
            border-bottom: 1px solid #f9f9f9;
        }

        .features li i { color: #27ae60; width: 15px; text-align: center; }

        .price-box {
            background: #f0f4f8;
            padding: 15px;
            border-radius: 10px;
            text-align: center;
        }

        .price {
            font-size: 1.4rem;
            font-weight: 700;
            color: #1e3c72;
        }

        .price small {
            font-size: 0.6em;
            color: #555;
            font-weight: normal;
        }

        .note {
            font-size: 0.7rem;
            color: #888;
            margin-top: 5px;
        }

        /* Table Section */
        .table-section { background: #f8f9fa; }
        
        .rooms-table-container {
            overflow-x: auto;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            background: white;
        }
        
        table {
            width: 100%;
            border-collapse: separate; 
            border-spacing: 0;
            min-width: 600px;
        }
        
        th {
            background-color: #2c3e50;
            color: white;
            font-weight: 600;
            padding: 18px 20px;
            text-align: left;
            text-transform: uppercase;
            font-size: 0.85rem;
            letter-spacing: 1px;
        }
        
        td {
            padding: 15px 20px;
            border-bottom: 1px solid #eee;
            color: #555;
            vertical-align: middle;
        }

        .room-number-badge {
            background: #1e3c72;
            color: white;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-weight: bold;
            font-size: 0.9rem;
        }

        tr:last-child td { border-bottom: none; }
        tr:hover td { background-color: #f1f7ff; }

        .price-cell {
            font-weight: 700;
            color: #1e3c72;
            font-size: 1.1rem;
        }
        .price-brutto {
            font-size: 0.7rem;
            color: #888;
            font-weight: 400;
            display: block;
        }

        .divider-row td {
            background: #fff9e6;
            color: #d35400;
            font-weight: bold;
            text-align: center;
            padding: 15px;
            border-top: 2px solid #f39c12;
            border-bottom: 2px solid #f39c12;
            letter-spacing: 1px;
        }

        /* Features & Location */
        .features-grid, .location-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
        }

        .feature-box {
            text-align: center;
            padding: 30px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s;
        }
        .feature-box:hover { transform: translateY(-5px); }
        .feature-box i { font-size: 2.5rem; color: #1e3c72; margin-bottom: 15px; }
        
        .shops-list {
            text-align: left;
            font-size: 0.9rem;
            margin-top: 10px;
            list-style: none;
        }
        .shops-list li {
            margin-bottom: 8px;
            padding-left: 20px;
            position: relative;
        }
        .shops-list li::before {
            content: '•';
            color: #f39c12;
            position: absolute;
            left: 0;
            font-weight: bold;
        }

        .location { background: #1e3c72; color: white; }
        .location .section-title h2 { color: white; border-bottom-color: white; }
        .location .section-title h2::after { background: white; }
        .location .section-title p { color: rgba(255,255,255,0.8); }
        
        .location-item {
            background: rgba(255,255,255,0.1);
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            backdrop-filter: blur(5px);
        }
        .location-item i { font-size: 2rem; margin-bottom: 10px; display: block; }

        /* NOWA SEKCJA PARK */
        .park-section {
            background: white;
        }
        .park-text {
            max-width: 900px;
            margin: 0 auto 40px;
            text-align: justify;
            color: #555;
            font-size: 1.05rem;
        }
        .park-history {
            background: #f9f9f9;
            padding: 20px;
            border-left: 4px solid #27ae60;
            margin-top: 20px;
            font-size: 0.95rem;
        }
        .park-gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
            margin-top: 30px;
        }
        .park-gallery img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            transition: transform 0.3s;
        }
        .park-gallery img:hover {
            transform: scale(1.03);
        }

        /* Terms */
        .terms-content {
            max-width: 800px;
            margin: 0 auto;
            background: #fff;
            padding: 40px;
            border-radius: 20px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.05);
            border-left: 5px solid #f39c12;
        }
        .terms-content ul { list-style: none; }
        .terms-content ul li {
            padding: 15px 0;
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 1.05rem;
            border-bottom: 1px solid #f0f0f0;
        }
        .terms-content ul li:last-child { border-bottom: none; }
        .terms-content i { color: #f39c12; font-size: 1.2rem; }

        .negotiation-badge {
            display: inline-block;
            background: #27ae60;
            color: white;
            padding: 10px 25px;
            border-radius: 30px;
            margin-top: 25px;
            font-weight: 600;
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }

        /* Contact */
        .contact { background: #2c3e50; color: white; }
        .contact .section-title h2 { color: white; }
        .contact .section-title h2::after { background: #3498db; }
        .contact .section-title p { color: rgba(255,255,255,0.7); }
        
        .contact-cards {
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
        }
        .contact-card {
            background: rgba(255,255,255,0.05);
            padding: 40px;
            border-radius: 15px;
            text-align: center;
            min-width: 250px;
            transition: background 0.3s;
        }
        .contact-card:hover { background: rgba(255,255,255,0.1); }
        .contact-card a {
            color: white;
            font-size: 1.3rem;
            text-decoration: none;
            font-weight: bold;
        }
        .contact-card i { font-size: 2.5rem; color: #3498db; margin-bottom: 15px; }

        /* Footer */
        footer {
            background: #1a252f;
            color: #7f8c8d;
            text-align: center;
            padding: 20px;
            font-size: 0.9rem;
        }

        /* Mobile */
        @media (max-width: 768px) {
            header h1 { font-size: 1.8rem; }
            .badge { width: 100%; justify-content: center; }
            .section-title h2 { font-size: 1.8rem; }
            .language-switcher { top: 10px; right: 10px; padding: 5px 10px; }
            .lang-btn { width: 28px; height: 28px; }
        }
    </style>
</head>
<body>

    <header>
        <!-- FLAGI JĘZYKOWE - POPRAWIONA FUNKCJONALNOŚĆ -->
        <div class="language-switcher">
            <a href="javascript:void(0)" onclick="setTransCookie('en')" class="lang-btn" title="English">
                <img src="https://flagcdn.com/w80/gb.png" alt="English">
            </a>
            <a href="javascript:void(0)" onclick="setTransCookie('de')" class="lang-btn" title="Deutsch">
                <img src="https://flagcdn.com/w80/de.png" alt="Deutsch">
            </a>
            <a href="javascript:void(0)" onclick="setTransCookie('uk')" class="lang-btn" title="Українська">
                <img src="https://flagcdn.com/w80/ua.png" alt="Українська">
            </a>
            <a href="javascript:void(0)" onclick="setTransCookie('pl')" class="lang-btn" title="Polski" style="margin-left:5px; opacity:0.7;">
                <img src="https://flagcdn.com/w80/pl.png" alt="Polski">
            </a>
        </div>

        <div class="container">
            <div class="subtitle">Profesjonalny wynajem pokoi</div>
            <h1>Wrocław – Lotnisko</h1>
            <div class="address"><i class="fas fa-map-marker-alt"></i> ul. Zarembowicza 16A, 54-530 Wrocław</div>
            
            <div class="header-badges">
                <div class="badge">
                    <i class="fas fa-bed"></i>
                    <span>15 Pokoi w ofercie</span>
                </div>
                <div class="badge">
                    <i class="fas fa-plane"></i>
                    <span>Blisko lotniska</span>
                </div>
                <div class="badge">
                    <i class="fas fa-parking"></i>
                    <span>Parking w cenie</span>
                </div>
            </div>
        </div>
    </header>

    <section class="intro-section">
        <div class="container">
            <div class="section-title">
                <h2>Witamy na Zarembowicza 16A</h2>
            </div>
            <div class="intro-content">
                <p>
                    Szukasz wygodnego, cichego i doskonale zlokalizowanego miejsca we Wrocławiu? 
                    Nasz obiekt to idealne rozwiązanie zarówno dla osób podróżujących służbowo, 
                    pracowników firm, jak i turystów szukających komfortu w rozsądnej cenie.
                </p>
                <p>
                    Oferujemy wysoki standard wykończenia, pełne wyposażenie (w tym TV w każdym pokoju) 
                    oraz elastyczne warunki najmu. Lokalizacja <span class="intro-highlight">tuż przy lotnisku</span> 
                    gwarantuje świetną komunikację, a bliskość terenów zielonych zapewnia spokój po pracy. 
                    Zapraszamy do zapoznania się z naszą ofertą!
                </p>
            </div>
        </div>
    </section>

    <section class="gallery">
        <div class="container">
            <div class="section-title">
                <h2>Galeria</h2>
                <p>Zobacz standard naszych pokoi i części wspólnych</p>
            </div>
            <div class="gallery-grid">
                <!-- ZDJĘCIA BEZ OPISÓW -->
                <div class="gallery-item">
                    <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/20251031_131821-scaled.jpg" alt="Zdjęcie pokoju">
                </div>
                <div class="gallery-item">
                    <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/20251018_133223-scaled.jpg" alt="Zdjęcie pokoju">
                </div>
                <div class="gallery-item">
                    <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/20251018_133235-scaled.jpg" alt="Zdjęcie pokoju">
                </div>
                <div class="gallery-item">
                    <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/20251028_210421-scaled.jpg" alt="Zdjęcie pokoju">
                </div>
                <div class="gallery-item">
                    <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/20251129_123705-scaled.jpg" alt="Zdjęcie pokoju">
                </div>
                <div class="gallery-item">
                    <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/IMG-20251111-WA0003.jpg" alt="Zdjęcie pokoju">
                </div>
            </div>
        </div>
    </section>

    <section class="rooms">
        <div class="container">
            <div class="section-title">
                <h2>Nasze Pokoje</h2>
                <p>Wybierz opcję idealną dla siebie. Wszystkie pokoje posiadają własne łazienki oraz TV.</p>
            </div>

            <!-- Wszystkie pokoje w jednym rzędzie na desktopie -->
            <div class="rooms-grid">
                <div class="room-card">
                    <div class="room-header">
                        <h3>Pokój 1-osobowy</h3>
                        <span class="room-ids">Pokoje: 8, 9, 10</span>
                    </div>
                    <div class="room-content">
                        <ul class="features">
                            <li><i class="fas fa-user"></i> Dla 1 osoby</li>
                            <li><i class="fas fa-bath"></i> Prywatna łazienka</li>
                            <li><i class="fas fa-tv"></i> <strong>TV w pokoju</strong></li>
                            <li><i class="fas fa-wifi"></i> Internet</li>
                        </ul>
                        <div class="price-box">
                            <div class="price">1 400 zł <small>brutto</small></div>
                            <div class="note">+ opłaty (woda, prąd)</div>
                            <div class="note">Kaucja: 1 miesiąc</div>
                        </div>
                    </div>
                </div>

                <div class="room-card">
                    <div class="room-header">
                        <h3>Pokój 2-osobowy</h3>
                        <span class="room-ids">Pokoje: 1-5</span>
                    </div>
                    <div class="room-content">
                        <ul class="features">
                            <li><i class="fas fa-user-friends"></i> Dla 2 osób</li>
                            <li><i class="fas fa-bath"></i> Prywatna łazienka</li>
                            <li><i class="fas fa-tv"></i> <strong>TV w pokoju</strong></li>
                            <li><i class="fas fa-bed"></i> Wygodne łóżka</li>
                        </ul>
                        <div class="price-box">
                            <div class="price">2 200 zł <small>brutto</small></div>
                            <div class="note">+ opłaty (woda, prąd)</div>
                            <div class="note">Kaucja: 1 miesiąc</div>
                        </div>
                    </div>
                </div>

                <div class="room-card">
                    <div class="room-header">
                        <h3>Studio z Aneksem</h3>
                        <span class="room-ids">Pokoje: 6, 11, 12</span>
                    </div>
                    <div class="room-content">
                        <ul class="features">
                            <li><i class="fas fa-users"></i> Dla 2-3 osób</li>
                            <li><i class="fas fa-utensils"></i> <strong>Własny aneks</strong></li>
                            <li><i class="fas fa-bath"></i> Prywatna łazienka</li>
                            <li><i class="fas fa-tv"></i> <strong>TV w pokoju</strong></li>
                        </ul>
                        <div class="price-box">
                            <div class="price">2 700 zł <small>brutto</small></div>
                            <div class="note">Pokój nr 7: 2500 zł</div>
                            <div class="note">+ opłaty i kaucja</div>
                        </div>
                    </div>
                </div>

                <div class="room-card featured">
                    <div class="featured-tag">OKAZJA</div>
                    <div class="room-header">
                        <h3>Mieszkanie (Parter)</h3>
                        <span class="room-ids">Całość: 80 m²</span>
                    </div>
                    <div class="room-content">
                        <ul class="features">
                            <li><i class="fas fa-home"></i> 3 pokoje (13-15)</li>
                            <li><i class="fas fa-users"></i> Dla 7-10 osób</li>
                            <li><i class="fas fa-utensils"></i> Duży aneks</li>
                            <li><i class="fas fa-tv"></i> <strong>TV</strong></li>
                        </ul>
                        <div class="price-box">
                            <div class="price">6 500 zł <small>brutto</small></div>
                            <div class="note">Lub osobno pokoje</div>
                            <div class="note">+ opłaty i kaucja</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="table-section">
        <div class="container">
            <div class="section-title">
                <h2>Szczegółowy wykaz pokoi</h2>
                <p>Pełna lista dostępnych pomieszczeń wraz z cenami brutto</p>
            </div>
            <div class="rooms-table-container">
                <table>
                    <thead>
                        <tr>
                            <th>Nr</th>
                            <th>Typ / Wyposażenie</th>
                            <th>Liczba osób</th>
                            <th>Cena (miesiąc)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr><td><div class="room-number-badge">1</div></td><td>Łazienka, TV</td><td>2-3 os.</td><td class="price-cell">2200 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">2</div></td><td>Łazienka, TV</td><td>2 os.</td><td class="price-cell">2200 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">3</div></td><td>Łazienka, TV</td><td>2 os.</td><td class="price-cell">2200 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">4</div></td><td>Łazienka, TV</td><td>2 os.</td><td class="price-cell">2200 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">5</div></td><td>Łazienka, TV</td><td>2 os.</td><td class="price-cell">2200 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        
                        <tr><td><div class="room-number-badge">6</div></td><td>Łazienka, <strong>Aneks</strong>, TV</td><td>2-3 os.</td><td class="price-cell">2700 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">7</div></td><td>Łazienka, <strong>Aneks</strong>, TV</td><td>2 os.</td><td class="price-cell">2500 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        
                        <tr><td><div class="room-number-badge">8</div></td><td>Łazienka (Jedynka), TV</td><td>1 os.</td><td class="price-cell">1400 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">9</div></td><td>Łazienka (Jedynka), TV</td><td>1 os.</td><td class="price-cell">1400 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">10</div></td><td>Łazienka (Jedynka), TV</td><td>1 os.</td><td class="price-cell">1400 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        
                        <tr><td><div class="room-number-badge">11</div></td><td>Łazienka, <strong>Aneks</strong>, TV</td><td>2-3 os.</td><td class="price-cell">2700 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">12</div></td><td>Łazienka, <strong>Aneks</strong>, TV</td><td>2-3 os.</td><td class="price-cell">2700 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        
                        <tr class="divider-row">
                            <td colspan="4">MIESZKANIE NA PARTERZE (Osobne wejście)</td>
                        </tr>
                        
                        <tr><td><div class="room-number-badge">13</div></td><td>Wspólna łazienka/aneks, TV</td><td>4-5 os.</td><td class="price-cell">3500 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">14</div></td><td>Wspólna łazienka/aneks, TV</td><td>2-3 os.</td><td class="price-cell">1900 zł <span class="price-brutto">+ opłaty</span></td></tr>
                        <tr><td><div class="room-number-badge">15</div></td><td>Wspólna łazienka/aneks, TV</td><td>3 os.</td><td class="price-cell">2600 zł <span class="price-brutto">+ opłaty</span></td></tr>
                    </tbody>
                </table>
            </div>
            <div style="text-align: center; margin-top: 20px; font-size: 0.9rem; color: #666;">
                * Podane ceny są cenami <strong>brutto</strong>. Należy doliczyć opłaty licznikowe oraz kaucję zwrotną.
            </div>
        </div>
    </section>

    <section class="features-section">
        <div class="container">
            <div class="section-title">
                <h2>Udogodnienia</h2>
            </div>
            <div class="features-grid">
                <div class="feature-box">
                    <i class="fas fa-tv"></i>
                    <h3>TV w pokoju</h3>
                    <p>Telewizor dostępny w każdym z pokoi</p>
                </div>
                <div class="feature-box">
                    <i class="fas fa-wifi"></i>
                    <h3>Szybki Internet</h3>
                    <p>Dostęp do sieci w całym obiekcie</p>
                </div>
                <div class="feature-box">
                    <i class="fas fa-car"></i>
                    <h3>Parking</h3>
                    <p>Bezpieczne miejsce postojowe</p>
                </div>
                <div class="feature-box">
                    <i class="fas fa-shopping-basket"></i>
                    <h3>Zakupy</h3>
                    <ul class="shops-list">
                        <li>Lidl: <strong>2,1 km</strong> (ok. 5 min)</li>
                        <li>Faktoria Park: <strong>ok. 5 km</strong> (10 min)</li>
                        <li>Leroy Merlin: <strong>ok. 5 km</strong> (10 min)</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="location">
        <div class="container">
            <div class="section-title">
                <h2>Lokalizacja</h2>
                <p>Wrocław, ul. Zarembowicza 16A</p>
            </div>
            <div class="location-grid">
                <div class="location-item">
                    <i class="fas fa-plane-departure"></i>
                    <h4>Lotnisko</h4>
                    <p>Tylko 500m od terminala</p>
                </div>
                <div class="location-item">
                    <i class="fas fa-bus"></i>
                    <h4>Komunikacja</h4>
                    <p>Najbliższy przystanek <strong>200m stąd</strong></p>
                </div>
                <div class="location-item">
                    <i class="fas fa-city"></i>
                    <h4>Centrum</h4>
                    <p>Ok. 12 km do Rynku</p>
                </div>
                <div class="location-item">
                    <i class="fas fa-tree"></i>
                    <h4>Rekreacja</h4>
                    <p>Parki i tereny zielone</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Nowa sekcja Park Strachowicki -->
    <section class="park-section">
        <div class="container">
            <div class="section-title">
                <h2>Okolica i Rekreacja</h2>
                <p>W pobliżu znajduje się piękny Park Strachowicki</p>
            </div>
            
            <div class="park-text">
                <p>
                    <strong>Park Strachowicki we Wrocławiu</strong> to 8-hektarowy park położony na osiedlu Strachowice, w pobliżu lotniska. 
                    Powstał na bazie dawnego założenia podworskiego i oferuje plac zabaw dla dzieci, oczka wodne oraz cenne okazy dendrologiczne, 
                    w tym pomniki przyrody. Park stanowi część większego obszaru zieleni wraz z okolicami lotniska i osiedla Żerniki, 
                    położonego w zlewni strugi Ługowiny.
                </p>
                
                <div class="park-history">
                    <h4><i class="fas fa-history"></i> Krótka historia</h4>
                    <p>
                        Historia parku sięga przełomu XIX i XX wieku, kiedy to pełnił funkcję ogrodu dworskiego (Gutspark) przy dawnej rezydencji majątku w Strachowicach (dawniej Schöngarten). Choć sam dwór nie przetrwał do czasów współczesnych, zachował się historyczny układ ścieżek oraz staw. W parku można podziwiać okazały starodrzew, w tym dęby szypułkowe, co świadczy o długiej historii tego miejsca jako oazy zieleni. W ostatnich latach park przeszedł rewitalizację, zyskując nowe ławki i infrastrukturę rekreacyjną.
                    </p>
                </div>
            </div>

            <div class="park-gallery">
                <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/park-strachowicki_f.jpg" alt="Park Strachowicki">
                <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/park-strachowwicki-5.jpeg" alt="Alejka w parku">
                <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/park-strachowwicki-1.jpeg" alt="Zieleń parkowa">
                <img src="https://pokojelotniskowroclaw.pl/wp-content/uploads/2026/01/park-strachowwicki-14.jpg" alt="Natura w Strachowicach">
            </div>
        </div>
    </section>

    <section class="terms">
        <div class="container">
            <div class="section-title">
                <h2>Warunki Finansowe</h2>
            </div>
            <div class="terms-content">
                <ul>
                    <li><i class="fas fa-file-invoice-dollar"></i> <strong>Czynsz:</strong> Wszystkie podane kwoty są cenami <strong>brutto</strong>. Płatne z góry za miesiąc.</li>
                    <li><i class="fas fa-bolt"></i> <strong>Media:</strong> Płatne dodatkowo (woda, prąd, ogrzewanie) wg zużycia/ryczałtu.</li>
                    <li><i class="fas fa-shield-alt"></i> <strong>Kaucja:</strong> Równowartość jednego czynszu (płatna przy podpisaniu umowy).</li>
                </ul>
                <div style="text-align: center;">
                    <div class="negotiation-badge">
                        <i class="fas fa-handshake"></i> Ceny do negocjacji!
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="contact">
        <div class="container">
            <div class="section-title">
                <h2>Skontaktuj się z nami</h2>
                <p>Zadzwoń i umów się na oglądanie pokoju</p>
            </div>
            <div class="contact-cards">
                <div class="contact-card">
                    <i class="fas fa-phone-alt"></i>
                    <h3>Telefon</h3>
                    <a href="tel:+48506139771">506 139 771</a>
                </div>
                <div class="contact-card">
                    <i class="fas fa-envelope"></i>
                    <h3>Email</h3>
                    <a href="mailto:cwiertnia@wp.pl">cwiertnia@wp.pl</a>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; 2024 Pokoje na wynajem Zarembowicza 16A Wrocław. Wszelkie prawa zastrzeżone.</p>
        </div>
    </footer>

    <!-- SKRYPT GOOGLE TRANSLATE Z OBSŁUGĄ PLIKÓW COOKIE -->
    <div id="google_translate_element" style="display:none;"></div>
    
    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({
                pageLanguage: 'pl',
                includedLanguages: 'en,de,uk,pl',
                autoDisplay: false
            }, 'google_translate_element');
        }

        // Funkcja ustawiająca ciastko i przeładowująca stronę
        // Wymaga uruchomienia na serwerze (localhost lub hosting), nie działa na file://
        function setTransCookie(lang) {
            // Ustawienie ciasteczka googtrans, które Google odczytuje przy starcie
            document.cookie = "googtrans=/pl/" + lang + "; path=/";
            document.cookie = "googtrans=/pl/" + lang + "; path=/; domain=" + window.location.hostname;
            
            // Przeładowanie strony, aby Google przetłumaczył na podstawie ciastka
            window.location.reload();
        }
    </script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

</body>
</html>