/* Základní nastavení a proměnné barev */
        :root {
            --primary-color: #148124; /* Hlavní zelená */
            --secondary-color: #1bad30; /* Světlejší zelená */
            --dark-color: #2c3e50; /* Tmavá pro kontrast */
            --light-color: #f4f9f5; /* Světlé pozadí pro sekce */
            --text-color: #333;
        }
        
        body { 
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
            margin: 0; 
            padding: 0; 
            color: var(--text-color); 
            line-height: 1.6; 
            scroll-behavior: smooth;
        }

        /* Hlavička a navigace */
        header { 
            background: #fff; 
            box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
            position: sticky; 
            top: 0; 
            z-index: 1000; 
        }
        .container { 
            width: 90%; 
            max-width: 1200px; 
            margin: auto; 
            padding: 0 20px; 
        }
        .nav-wrapper { 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            padding: 15px 0; 
        }
        .logo {
			display: flex;
			align-items: center;
			text-decoration: none;
		}
		/* Nastavení samotného obrázku loga */
		.logo-img {
			height: 50px;       
			width: auto;       
			display: block;
			transition: transform 0.3s ease;
		}
		/* Jemný efekt při najetí myší */
		.logo-img:hover {
			transform: scale(1.05);
		}
        nav ul { 
            list-style: none; 
            display: flex; 
            margin: 0; 
            padding: 0; 
        }
        nav ul li { margin-left: 25px; }
        nav ul li a { 
            text-decoration: none; 
            color: var(--text-color); 
            font-weight: 600; 
            transition: color 0.3s; 
        }
        nav ul li a:hover { color: var(--primary-color); }

        /* Hlavní poutač (Hero) */
        .hero { 
            /* Zelený překryv a pozadí */
            background: linear-gradient(rgba(27, 91, 48, 0.60), rgba(44, 62, 80, 0.85)), url('img/PXL_20260429_134518069.jpg') center/cover; 
            color: #fff; 
            padding: 100px 0; 
            text-align: center; 
        }
        .hero h1 { 
            font-size: 3.5em; 
            margin-bottom: 20px; 
            line-height: 1.2;
        }
        .hero p { 
            font-size: 1.2em; 
            max-width: 700px; 
            margin: 0 auto 30px; 
            color: #e0f2e9;
        }
        .btn { 
            display: inline-block; 
            background: var(--primary-color); 
            color: #fff; 
            padding: 15px 35px; 
            text-decoration: none; 
            border-radius: 50px; 
            font-weight: bold; 
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease; 
            border: 2px solid var(--primary-color);
        }
        .btn:hover { 
            background: transparent; 
            color: #fff; 
        }

        /* Ostatní sekce */
        .section { padding: 50px 0; }
        .bg-light { background: var(--light-color); }
        h2 { 
            text-align: center; 
            color: var(--dark-color); 
            margin-bottom: 30px; 
            font-size: 2.5em; 
            position: relative; 
        }
        h2::after { 
            content: ''; 
            width: 70px; 
            height: 4px; 
            background: var(--primary-color); 
            display: block; 
            margin: 15px auto 0; 
            border-radius: 2px;
        }

        /* Mřížka pro karty (služby, proč my) */
        .grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
            gap: 30px; 
        }
		.headbanner {
			background: linear-gradient(rgba(27, 91, 48, 0.60), rgba(44, 62, 80, 0.85)), url('img/PXL_20260429_134518069.jpg') center/cover; 
		}
        .card { 
            background: #fff; 
            padding: 40px 30px; 
            border-radius: 10px; 
            box-shadow: 0 5px 20px rgba(0,0,0,0.05); 
            text-align: center; 
            transition: transform 0.3s, box-shadow 0.3s; 
            border-bottom: 4px solid var(--primary-color); 
        }
        .card:hover { 
            transform: translateY(-10px); 
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        .card h3 { 
            color: var(--dark-color); 
            margin-bottom: 15px; 
            font-size: 1.4em;
        }
        .card p { 
			color: #666; 
			font-size: 0.8em;
		}
		/* Společné nastavení pro karty s obrázkem */
		
		.card-klima, .card-servis, .card-cerpadlo .card-rekuperace {
			background-size: cover;
			background-position: center;
		}

		/* Konkrétní obrázky pro každou kartu */
		.card-klima {
			background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), 
                url('img/klima-bg.jpg');
			background-size: cover; 
			background-position: 50% 20%; 
			background-color: #f4f9f5;
		}

		.card-servis {
			background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), 
						url('img/servis-bg.jpg');
			background-size: cover; 
			background-position: 50% 20%; 
			background-color: #f4f9f5;
		}

		.card-cerpadlo {
			background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), 
						url('img/cerpadlo-bg.jpg');
			background-size: cover; 
			background-position: 50% 50%; 
			background-color: #f4f9f5;
		}
		.card-rekuperace {
			background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), 
						url('img/rekuperace-bg.jpg');
			background-size: cover; 
			background-position: 50% 50%; 
			background-color: #f4f9f5;
		}

		.card-klima h3, .card-servis h3, .card-cerpadlo h3, .card-rekuperace h3 {
			color: --dark-color; 
		}

		.card-klima p, .card-servis p, .card-cerpadlo p, .card-rekuperace p {
			color: #333;
			font-weight: 500;
		}
        /* Kontakt a formulář */
        .contact-flex { 
            display: flex; 
            flex-wrap: wrap; 
            gap: 50px; 
        }
        .contact-info, .contact-form { 
            flex: 1; 
            min-width: 300px; 
        }
        .contact-info p { margin-bottom: 15px; font-size: 1.1em; }
        .contact-info strong { color: var(--primary-color); }
        .contact-grid {
			display: grid;
			grid-template-columns: auto 1fr; /* První sloupec se přizpůsobí textu, druhý vyplní zbytek */
			gap: 10px 20px; /* Mezera 10px mezi řádky a 20px mezi sloupci */
			align-items: baseline; /* Zarovná text na linku, pokud by jeden údaj byl na více řádků */
			margin-bottom: 20px;
		}

		.contact-grid strong {
			color: var(--primary-color);
			white-space: nowrap; /* Zabráni zalomení popisku (např. E-mail) */
		}

		.contact-grid span {
			color: var(--text-color);
		}
        .contact-form form {
            background: #fff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        }
        .contact-form input, .contact-form textarea, .contact-form select { 
            width: 100%; 
            padding: 15px; 
            margin-bottom: 20px; 
            border: 1px solid #e1e1e1; 
            border-radius: 5px; 
            font-family: inherit; 
            box-sizing: border-box;
            background: #fdfdfd;
        }
        .contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus {
            outline: none;
            border-color: var(--primary-color);
        }
        .contact-form button { 
            background: var(--primary-color); 
            color: #fff; 
            border: none; 
            padding: 15px 30px; 
            border-radius: 5px; 
            cursor: pointer; 
            font-size: 1.1em; 
            font-weight: bold; 
            transition: background 0.3s; 
            width: 100%; 
        }
        .contact-form button:hover { background: var(--dark-color); }

        /* Patička */
        footer { 
            background: var(--dark-color); 
            color: #fff; 
            text-align: center; 
            padding: 30px 0; 
        }
        footer p { margin: 5px 0; color: #bbb;}

        /* Responzivita pro mobily */
        @media (max-width: 768px) {
            .nav-wrapper { flex-direction: column; }
            nav ul { 
                margin-top: 20px; 
                flex-wrap: wrap; 
                justify-content: center; 
            }
            nav ul li { margin: 10px; }
            .hero h1 { font-size: 2.2em; }
            .hero { padding: 80px 0; }
        }
		/* Stylování karet s recenzemi */
		.review-card {
			background: #fff;
			padding: 30px;
			border-bottom: 4px solid #f1c40f; /* Žlutá barva pro hvězdičky/Google pocit */
			font-style: italic;
			font-size: 0.8em;
		}

		.stars {
			color: #f1c40f; /* Zlatá barva hvězd */
			font-size: 1.2em;
			margin-bottom: 15px;
		}

		.review-card strong {
			display: block;
			margin-top: 15px;
			font-style: normal;
			color: var(--primary-color);
		}

		/* Speciální tlačítko pro Google */
		.btn-google {
			background: #4285F4; /* Google modrá */
			border-color: #4285F4;
			margin-top: 10px;
		}

		.btn-google:hover {
			background: transparent;
			color: #4285F4;
		}