:root {
            --primary-blue: #002B49; 
            --accent-orange: #FF6600; 
            --accent-orange-text: #c44d00; 
            --promo-red: #b91c1c; 
            --light-gray: #f2f6f9;
            --text-dark: #2c3e50;
            --text-gray-readable: #444444; 
            --white: #ffffff;
            --gold: #d4af37;
        }

        /* --- POPRAWKA CLS DLA IKON --- */
        /* Rezerwuje miejsce na ikony zanim się załadują */
        .fa, .fas, .fab {
            display: inline-block;
            min-width: 1.25em; 
            text-align: center;
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 80px; 
        }

        /* --- NAPRAWIONE IMPORTY CZCIONEK (Wklej na koniec clean.css) --- */

        /* Font Awesome - Single @font-face definitions with optional display */
        @font-face {
        font-family: "Font Awesome 6 Brands";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2") format("woff2");
        }

        @font-face {
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2");
        }

        .fa, .fas, .fab {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        }

        .fas {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        }

        .fab {
        font-family: "Font Awesome 6 Brands";
        font-weight: 400;
        }

        /* Icon mappings */
        .fa-users:before { content: "\f0c0"; }
        .fa-snowflake:before { content: "\f2dc"; }
        .fa-file-contract:before { content: "\f56c"; }
        .fa-phone:before { content: "\f095"; }
        .fa-child:before { content: "\f1ae"; }
        .fa-envelope:before { content: "\f0e0"; }
        .fa-map-marker-alt:before { content: "\f3c5"; }
        .fa-tachometer-alt:before { content: "\f625"; }
        .fa-baby:before { content: "\f77c"; }
        .fa-baby-carriage:before { content: "\f77d"; }
        .fa-sync-alt:before { content: "\f2f1"; }
        .fa-cogs:before { content: "\f085"; }
        .fa-check:before { content: "\f00c"; }
        .fa-facebook:before { content: "\f09a"; }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--text-dark); line-height: 1.6; background-color: var(--white); }
        h1, h2, h3, h4 { font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-weight: 700; }
        a { text-decoration: none; color: inherit; transition: 0.3s; }
        ul { list-style: none; }
        section { padding: 60px 20px; }
        main { display: block; }

        /* Pasek Promocji */
        .promo-bar { background-color: var(--promo-red); color: white; text-align: center; padding: 12px; font-weight: 800; font-size: 1rem; position: sticky; top: 70px; z-index: 999; box-shadow: 0 4px 10px rgba(0,0,0,0.1); animation: pulse 2s infinite; }
        @keyframes pulse { 0% { background-color: var(--promo-red); } 50% { background-color: #900f0f; } 100% { background-color: var(--promo-red); } }

        /* Nawigacja */
        header { background-color: var(--primary-blue); color: var(--white); padding: 15px 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
        .nav-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; }
        .logo { font-size: 24px; font-weight: 800; text-transform: uppercase; }
        .logo span { color: var(--accent-orange); }
        .nav-links { display: flex; gap: 25px; }
        .nav-links a:hover { color: var(--accent-orange); }
        .cta-btn-nav { background-color: var(--accent-orange); color: var(--primary-blue); padding: 10px 25px; border-radius: 50px; font-weight: 800; box-shadow: 0 4px 6px rgba(0,0,0,0.2); }
        .cta-btn-nav:hover { background-color: #e55c00; transform: scale(1.05); color: white; }

        /* Hero Section */
        .hero { position: relative; height: 70vh; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--white); background-color: var(--primary-blue); overflow: hidden; }
        .hero-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; filter: brightness(0.45); }
        .hero-content { position: relative; z-index: 1; }
        /* POPRAWKA CLS: min-height dla h1 */
        .hero-content h1 { font-size: 3rem; margin-bottom: 20px; line-height: 1.2; min-height: 2.4em; } 
        .hero-content p { font-size: 1.2rem; margin-bottom: 30px; max-width: 800px; margin-left: auto; margin-right: auto; opacity: 1; min-height: 3.2em; }
        .btn-main { background-color: var(--accent-orange); color: var(--primary-blue); padding: 15px 45px; font-size: 1.1rem; font-weight: 800; border-radius: 50px; display: inline-block; box-shadow: 0 4px 15px rgba(255, 102, 0, 0.4); }
        .btn-main:hover { transform: translateY(-3px); background-color: #e55c00; color: white; will-change: transform; }

        .features { background-color: var(--white); text-align: center; content-visibility: auto; contain-intrinsic-size: 600px; }
        .section-title { font-size: 2.2rem; color: var(--primary-blue); margin-bottom: 10px; font-weight: 800; }
        .section-subtitle { display: block; margin-bottom: 50px; color: var(--text-gray-readable); font-size: 1.1rem; font-weight: 600; }
        .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto; }
        .feature-card { background: var(--light-gray); padding: 30px; border-radius: 15px; transition: 0.3s; border-bottom: 4px solid var(--accent-orange); border: 1px solid #e1e8ed; }
        .feature-card:hover { transform: translateY(-5px); background: white; box-shadow: 0 10px 20px rgba(0,0,0,0.1); will-change: transform; }
        .feature-card i { font-size: 40px; color: var(--primary-blue); margin-bottom: 20px; }

        .fleet { background-color: #f8f9fa; content-visibility: auto; contain-intrinsic-size: 800px; }
        .fleet-container { max-width: 1000px; margin: 0 auto; }
        .car-card-horizontal { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.08); display: flex; flex-direction: column; border: 1px solid #e1e1e1; }
        
        /* POPRAWKA CLS: Aspect Ratio w CSS + background placeholder */
        .car-img-wrapper { 
            width: 100%; 
            aspect-ratio: 800 / 519; 
            position: relative; 
            background-color: #eee;
            overflow: hidden;
        }
        .car-img { width: 100%; height: 100%; object-fit: contain; display: block; }
        
        .premium-badge { position: absolute; top: 20px; left: 20px; background: var(--primary-blue); color: white; padding: 8px 20px; border-radius: 30px; font-weight: 700; font-size: 0.9rem; box-shadow: 0 4px 15px rgba(0,0,0,0.2); z-index: 10; }
        .car-content { padding: 40px; display: flex; flex-direction: column; justify-content: center; }
        .car-title { font-size: 2rem; color: var(--primary-blue); margin-bottom: 5px; font-weight: 800; }
        .car-subtitle { color: var(--accent-orange-text); font-size: 1.1rem; margin-bottom: 25px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
        .car-specs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 30px; font-size: 1.1rem; }
        .spec-item { display: flex; align-items: center; gap: 10px; color: var(--text-gray-readable); font-weight: 600; }
        .spec-item i { color: var(--accent-orange); width: 25px; }
        .car-desc { margin-bottom: 25px; color: #444; font-size: 1.05rem; }
        .car-tags { display: flex; flex-wrap: wrap; gap: 10px; }
        .tag { background: #eef2f5; padding: 8px 15px; border-radius: 8px; font-size: 0.9rem; font-weight: 600; color: var(--primary-blue); border: 1px solid #d1d9e6; }
        .tag.highlight { background: rgba(0, 43, 73, 0.1); color: var(--primary-blue); border-color: rgba(0, 43, 73, 0.2); }

        .pricing { background-color: var(--primary-blue); color: white; position: relative; overflow: hidden; content-visibility: auto; contain-intrinsic-size: 700px; }
        .pricing::before { content: ''; position: absolute; top: -50px; left: -50px; width: 300px; height: 300px; background: rgba(255, 102, 0, 0.08); border-radius: 50%; }
        .pricing-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: flex-start; }
        .pricing-box { background: rgba(255,255,255,0.1); padding: 40px; border-radius: 20px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); }
        .price-list-item { display: flex; justify-content: space-between; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 1.15rem; }
        .price-list-item:last-child { border-bottom: none; }
        .price-highlight { color: var(--accent-orange); font-weight: 800; font-size: 1.4rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
        .example-box { background: white; color: var(--text-dark); padding: 35px; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.2); position: relative; }
        .example-badge { position: absolute; top: -15px; right: 30px; background: var(--accent-orange); color: var(--primary-blue); padding: 8px 20px; font-size: 0.9rem; font-weight: 800; border-radius: 30px; box-shadow: 0 5px 15px rgba(255, 102, 0, 0.3); }
        .calc-row { display: flex; justify-content: space-between; margin-bottom: 15px; font-size: 1rem; }
        .calc-total { margin-top: 25px; padding-top: 20px; border-top: 2px solid #eee; font-weight: 800; font-size: 1.6rem; color: var(--primary-blue); text-align: center; }

        .seo-area { background: #f8f9fa; padding: 40px 20px; text-align: center; border-top: 1px solid #e1e1e1; }
        .seo-cities { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; max-width: 1000px; margin: 20px auto 0; }
        .city-tag { color: #444; font-size: 0.9rem; background: white; padding: 5px 10px; border-radius: 4px; border: 1px solid #ccc; }

        .contact { background: white; text-align: center; }
        .locations-box { background: var(--light-gray); display: inline-block; padding: 20px 40px; border-radius: 50px; margin: 30px 0; border: 1px solid #e1e8ed; }
        .phone-cta { font-size: 2.8rem; font-weight: 800; color: var(--accent-orange-text); font-family: 'Montserrat', sans-serif; display: block; margin: 10px 0; transition: 0.3s; }
        .phone-cta:hover { color: var(--primary-blue); }

        .faq { background-color: white; max-width: 800px; margin: 0 auto; padding: 60px 20px; }
        .faq h2 { text-align: center; color: var(--primary-blue); font-size: 2.2rem; margin-bottom: 40px; }
        .faq-item { border-bottom: 1px solid #ddd; margin-bottom: 15px; }
        details { cursor: pointer; transition: all 0.3s; }
        summary { font-weight: 700; font-size: 1.1rem; color: var(--text-dark); padding: 20px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; }
        summary::after { content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--accent-orange); transition: transform 0.3s; }
        details[open] summary::after { transform: rotate(180deg); }
        details[open] summary { color: var(--primary-blue); }
        .answer { color: #444; padding-bottom: 20px; line-height: 1.8; font-size: 1rem; }

        footer { background: #111; color: #ddd; text-align: center; padding: 40px 20px; font-size: 0.9rem; }

        @media (min-width: 900px) {
            .car-card-horizontal { flex-direction: row; align-items: stretch; }
            /* Reset dla Desktopu */
            .car-img-wrapper { width: 50%; height: auto; aspect-ratio: unset; min-height: 450px; }
             .car-img { height: 100%; }
            .car-content { width: 50%; }
        }
        @media (max-width: 768px) {
            .hero-content h1 { font-size: 2.2rem; }
            .nav-links { display: none; }
            .pricing-grid { grid-template-columns: 1fr; }
            .promo-bar { font-size: 0.9rem; padding: 10px; }
            .phone-cta { font-size: 2rem; }
            .car-specs { grid-template-columns: 1fr 1fr; font-size: 0.9rem; }
        }
        /* --- NOWE STYLE DLA KONTAKTU --- */
        .contact-links-container {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 20px 0 30px 0;
            flex-wrap: wrap;
        }

        .contact-link-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.1rem;
            font-weight: 600;
            padding: 10px 20px;
            border-radius: 50px;
            transition: 0.3s;
            border: 1px solid #e1e8ed;
            background-color: #fff;
        }

        .contact-link-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            will-change: transform;
        }

        .contact-link-item.fb { color: #0d4a91; } /* Kolor Facebooka - przyciemniony dla kontrastu */
        .contact-link-item.fb:hover { background-color: #0d4a91; color: white; border-color: #0d4a91; }

        .contact-link-item.mail { color: var(--text-dark); }
        .contact-link-item.mail:hover { background-color: var(--primary-blue); color: white; border-color: var(--primary-blue); }

        footer .social-footer {
            margin-top: 20px;
            display: flex;
            justify-content: center;
            gap: 15px;
        }
        footer .social-footer a {
            color: #ddd;
            font-size: 1.5rem;
            transition: 0.3s;
        }
        footer .social-footer a:hover { color: var(--accent-orange); }

        .calculator-section { background-color: var(--white); text-align: center; padding: 60px 20px; content-visibility: auto; contain-intrinsic-size: 600px; }
        .calculator-container { max-width: 800px; margin: 0 auto; contain: layout style paint; }
        .calculator-wrapper { background: var(--light-gray); padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid #e1e8ed; }
        .input-group { margin-bottom: 30px; text-align: left; }
        .input-group label { display: block; font-weight: 700; margin-bottom: 10px; font-size: 1.1rem; color: var(--primary-blue); }
        .input-group label span { color: #b53800; font-weight: 800; margin-left: 5px; }
        
        input[type=range] { width: 100%; -webkit-appearance: none; background: transparent; }
        input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 24px; width: 24px; border-radius: 50%; background: var(--accent-orange); cursor: pointer; margin-top: -10px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); transition: transform 0.1s; }
        input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.1); }
        input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; background: #ddd; border-radius: 2px; }
        input[type=range]:focus { outline: none; }
        
        .result-container { margin-top: 40px; padding-top: 30px; border-top: 2px solid #ddd; }
        .cost-value { display: block; font-size: 3rem; font-weight: 800; color: var(--primary-blue); margin: 10px 0; }
        .cost-details { font-size: 0.95rem; color: #333; line-height: 1.6; }