{"id":180,"date":"2026-01-29T23:08:06","date_gmt":"2026-01-29T22:08:06","guid":{"rendered":"https:\/\/taxigrodzisk.eu\/?page_id=180"},"modified":"2026-02-03T11:06:50","modified_gmt":"2026-02-03T10:06:50","slug":"taxi-grodzisk-mazowiecki-najszybszy-dojazd-24-7","status":"publish","type":"page","link":"https:\/\/taxigrodzisk.eu\/","title":{"rendered":"Taxi Grodzisk Mazowiecki | Najszybszy Dojazd 24\/7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"180\" class=\"elementor elementor-180\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b52422b e-con-full e-flex e-con e-parent\" data-id=\"3b52422b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5f88f6 elementor-widget elementor-widget-text-editor\" data-id=\"e5f88f6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p>\u00a0<\/p>\n<p class=\"has-x-large-font-size\">Taxi Grodzisk \u2013 Bezpiecznie do celu<\/p>\n\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p><style>\n        \/* ===== RESET & BASE STYLES ===== *\/\n        :root {\n            --primary-blue: #1A237E;\n            --dark-blue: #0D1B4E;\n            --accent-gold: #FFD700;\n            --accent-red: #D32F2F;\n            --light-gray: #F8F9FA;\n            --medium-gray: #E9ECEF;\n            --text-dark: #212529;\n            --text-light: #6C757D;\n            --white: #FFFFFF;\n            --shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n            --shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.15);\n            --border-radius: 12px;\n            --transition: all 0.3s ease;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        html {\n            scroll-behavior: smooth;\n        }\n        \n        body {\n            font-family: 'Open Sans', sans-serif;\n            color: var(--text-dark);\n            background-color: var(--white);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n        \n        h1, h2, h3, h4 {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            line-height: 1.3;\n            margin-bottom: 1rem;\n        }\n        \n        h1 {\n            font-size: clamp(1.8rem, 5vw, 2.5rem);\n        }\n        \n        h2 {\n            font-size: clamp(1.5rem, 4vw, 2rem);\n            color: var(--primary-blue);\n            position: relative;\n            padding-bottom: 15px;\n        }\n        \n        h2:after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 4px;\n            background: var(--accent-gold);\n            border-radius: 2px;\n        }\n        \n        h3 {\n            font-size: clamp(1.2rem, 3vw, 1.5rem);\n        }\n        \n        p {\n            margin-bottom: 1rem;\n        }\n        \n        a {\n            text-decoration: none;\n            color: inherit;\n            transition: var(--transition);\n        }\n        \n        .container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        section {\n            padding: clamp(40px, 8vw, 80px) 0;\n        }\n        \n        .section-alt {\n            background-color: var(--light-gray);\n        }\n        \n        .text-center {\n            text-align: center;\n        }\n        \n        .btn {\n            display: inline-block;\n            padding: 14px 32px;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 1.05rem;\n            cursor: pointer;\n            transition: var(--transition);\n            border: none;\n            font-family: 'Montserrat', sans-serif;\n            white-space: nowrap;\n        }\n        \n        .btn-primary {\n            background: linear-gradient(90deg, var(--accent-gold) 0%, #FFC300 100%);\n            color: var(--primary-blue);\n            box-shadow: var(--shadow);\n        }\n        \n        .btn-primary:hover {\n            background: var(--accent-red);\n            color: var(--white);\n            box-shadow: var(--shadow-hover);\n            transform: translateY(-3px);\n        }\n        \n        .btn-secondary {\n            background: var(--primary-blue);\n            color: var(--white);\n            box-shadow: var(--shadow);\n        }\n        \n        .btn-secondary:hover {\n            background: var(--dark-blue);\n            box-shadow: var(--shadow-hover);\n            transform: translateY(-3px);\n        }\n        \n        .highlight {\n            color: var(--accent-red);\n            font-weight: 700;\n        }\n        \n        \/* ===== HEADER ===== *\/\n        header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            z-index: 1000;\n            background-color: rgba(255, 255, 255, 0.98);\n            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);\n            padding: 15px 0;\n            transition: var(--transition);\n        }\n        \n        .header-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n        \n        .logo img {\n            height: 60px;\n            width: auto;\n        }\n        \n        .logo-text h1 {\n            font-size: 1.4rem;\n            margin-bottom: 0;\n            color: var(--primary-blue);\n        }\n        \n        .logo-text span {\n            color: var(--accent-red);\n        }\n        \n        .logo-text p {\n            font-size: 0.8rem;\n            color: var(--text-light);\n            margin-bottom: 0;\n        }\n        \n        .contact-header {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-end;\n        }\n        \n        .phone-numbers {\n            display: flex;\n            flex-direction: column;\n            gap: 5px;\n            margin-bottom: 10px;\n        }\n        \n        .phone-numbers a {\n            font-weight: 700;\n            font-size: 1rem;\n            color: var(--primary-blue);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        \n        .phone-numbers a:hover {\n            color: var(--accent-red);\n        }\n        \n        .phone-numbers i {\n            color: var(--accent-gold);\n        }\n        \n        .header-buttons {\n            display: flex;\n            gap: 10px;\n        }\n        \n        .mobile-menu-btn {\n            display: none;\n            background: none;\n            border: none;\n            font-size: 1.5rem;\n            color: var(--primary-blue);\n            cursor: pointer;\n        }\n        \n        \/* ===== HERO ===== *\/\n        .hero {\n            padding-top: 140px;\n            padding-bottom: 80px;\n            background: linear-gradient(rgba(26, 35, 126, 0.85), rgba(13, 27, 78, 0.9)),\n                        url('https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/DAREKaaaa.png') center\/cover no-repeat;\n            color: var(--white);\n            text-align: center;\n        }\n        \n        .hero h1 {\n            font-size: clamp(1.8rem, 6vw, 3rem);\n            font-weight: 800;\n            margin-bottom: 20px;\n            color: var(--accent-gold);\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        }\n        \n        .hero p {\n            font-size: clamp(1rem, 3vw, 1.2rem);\n            max-width: 700px;\n            margin: 0 auto 30px;\n            opacity: 0.95;\n        }\n        \n        .hero-buttons {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            margin-top: 30px;\n            flex-wrap: wrap;\n        }\n        \n        \/* ===== SOCIAL MEDIA BANNER ===== *\/\n        .social-banner {\n            background: linear-gradient(90deg, var(--primary-blue) 0%, var(--dark-blue) 100%);\n            color: var(--white);\n            padding: 25px 0;\n            text-align: center;\n        }\n        \n        .social-container {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 30px;\n        }\n        \n        .social-text {\n            font-size: 1.2rem;\n            font-weight: 600;\n        }\n        \n        .social-links {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n        \n        .social-link {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            background: rgba(255, 255, 255, 0.1);\n            padding: 12px 25px;\n            border-radius: 50px;\n            transition: var(--transition);\n        }\n        \n        .social-link:hover {\n            background: rgba(255, 255, 255, 0.2);\n            transform: translateY(-3px);\n        }\n        \n        .social-link i {\n            font-size: 1.3rem;\n        }\n        \n        .social-link.facebook {\n            color: #1877F2;\n        }\n        \n        .social-link.google {\n            color: #EA4335;\n        }\n        \n        \/* ===== CALL TO ACTION ===== *\/\n        .call-to-action {\n            background: linear-gradient(90deg, var(--primary-blue) 0%, var(--dark-blue) 100%);\n            color: var(--white);\n            padding: 40px 0;\n            text-align: center;\n        }\n        \n        .cta-container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 20px;\n        }\n        \n        .cta-text {\n            font-size: clamp(1.2rem, 3vw, 1.5rem);\n            font-weight: 600;\n        }\n        \n        .cta-numbers {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n        \n        .cta-number {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 5px;\n        }\n        \n        .cta-number-label {\n            font-size: 0.9rem;\n            opacity: 0.8;\n        }\n        \n        .cta-number-phone {\n            font-size: clamp(1.3rem, 4vw, 1.8rem);\n            font-weight: 800;\n            color: var(--accent-gold);\n        }\n        \n        \/* ===== FEATURES ===== *\/\n        .features-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 30px;\n            margin-top: 50px;\n        }\n        \n        .feature-card {\n            background: var(--white);\n            border-radius: var(--border-radius);\n            padding: 30px 25px;\n            text-align: center;\n            box-shadow: var(--shadow);\n            transition: var(--transition);\n            border-top: 4px solid var(--accent-gold);\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-10px);\n            box-shadow: var(--shadow-hover);\n        }\n        \n        .feature-icon {\n            font-size: 2.5rem;\n            color: var(--primary-blue);\n            margin-bottom: 20px;\n        }\n        \n        .feature-card h3 {\n            margin-bottom: 15px;\n            color: var(--primary-blue);\n        }\n        \n        \/* ===== PRICING ===== *\/\n        .pricing-table {\n            max-width: 900px;\n            margin: 50px auto 0;\n            overflow-x: auto;\n            border-radius: var(--border-radius);\n            box-shadow: var(--shadow);\n        }\n        \n        .pricing-table table {\n            width: 100%;\n            border-collapse: collapse;\n            min-width: 600px;\n        }\n        \n        .pricing-table th {\n            background-color: var(--primary-blue);\n            color: var(--white);\n            padding: 18px 15px;\n            text-align: left;\n            font-weight: 600;\n        }\n        \n        .pricing-table tr {\n            border-bottom: 1px solid var(--medium-gray);\n        }\n        \n        .pricing-table tr:nth-child(even) {\n            background-color: var(--light-gray);\n        }\n        \n        .pricing-table td {\n            padding: 15px;\n        }\n        \n        .pricing-table td:first-child {\n            font-weight: 500;\n        }\n        \n        .pricing-table td:last-child {\n            font-weight: 700;\n            color: var(--accent-red);\n        }\n        \n        .pricing-note {\n            text-align: center;\n            margin-top: 20px;\n            font-style: italic;\n            color: var(--text-light);\n        }\n        \n        \/* ===== DRIVERS ===== *\/\n        .drivers {\n            background-color: var(--light-gray);\n        }\n        \n        .drivers-container {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 40px;\n            margin-top: 50px;\n        }\n        \n        .driver-card {\n            background: var(--white);\n            border-radius: var(--border-radius);\n            padding: 30px;\n            box-shadow: var(--shadow);\n            text-align: center;\n            width: 100%;\n            max-width: 350px;\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .driver-card:hover {\n            transform: translateY(-10px);\n            box-shadow: var(--shadow-hover);\n        }\n        \n        .driver-header {\n            position: relative;\n            margin-bottom: 20px;\n            padding-bottom: 20px;\n            border-bottom: 2px solid var(--accent-gold);\n        }\n        \n        .driver-photo-container {\n            width: 150px;\n            height: 150px;\n            margin: 0 auto 15px;\n            border-radius: 50%;\n            overflow: hidden;\n            border: 5px solid var(--accent-gold);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n        \n        .driver-photo {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--transition);\n        }\n        \n        .driver-card:hover .driver-photo {\n            transform: scale(1.05);\n        }\n        \n        .driver-name {\n            font-size: 1.5rem;\n            color: var(--primary-blue);\n            margin-bottom: 5px;\n        }\n        \n        .driver-experience {\n            color: var(--text-light);\n            font-size: 0.9rem;\n            margin-bottom: 5px;\n        }\n        \n        .driver-car {\n            font-style: italic;\n            color: var(--accent-red);\n            font-weight: 600;\n            margin-bottom: 20px;\n        }\n        \n        .driver-info {\n            margin-bottom: 25px;\n            text-align: left;\n        }\n        \n        .driver-info-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 10px;\n        }\n        \n        .driver-info-item i {\n            color: var(--accent-gold);\n            width: 20px;\n        }\n        \n        .driver-phone-section {\n            background: linear-gradient(90deg, var(--primary-blue) 0%, var(--dark-blue) 100%);\n            color: var(--white);\n            padding: 20px;\n            border-radius: var(--border-radius);\n            margin-top: 20px;\n        }\n        \n        .driver-phone-label {\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin-bottom: 5px;\n        }\n        \n        .driver-phone-number {\n            font-size: 1.5rem;\n            font-weight: 800;\n            color: var(--accent-gold);\n            display: block;\n            transition: var(--transition);\n        }\n        \n        .driver-phone-number:hover {\n            color: var(--white);\n            transform: scale(1.05);\n        }\n        \n        \/* ===== FLEET ===== *\/\n        .fleet {\n            position: relative;\n            color: var(--white);\n            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),\n                        url('https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/3-6.png') center\/cover no-repeat;\n            padding: 100px 0;\n        }\n        \n        .fleet h2 {\n            color: var(--accent-gold);\n        }\n        \n        .fleet h2:after {\n            background: var(--white);\n        }\n        \n        .fleet-content {\n            max-width: 800px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        \n        .fleet-stats {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            margin: 40px 0;\n            flex-wrap: wrap;\n        }\n        \n        .stat {\n            text-align: center;\n        }\n        \n        .stat-number {\n            font-size: 2rem;\n            font-weight: 800;\n            color: var(--accent-gold);\n            display: block;\n        }\n        \n        .stat-label {\n            font-size: 0.9rem;\n            opacity: 0.9;\n        }\n        \n        \/* ===== SERVICE AREAS ===== *\/\n        .areas-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n            margin-top: 50px;\n        }\n        \n        .area-card {\n            background: var(--white);\n            border-radius: var(--border-radius);\n            padding: 25px;\n            box-shadow: var(--shadow);\n            transition: var(--transition);\n        }\n        \n        .area-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-hover);\n        }\n        \n        .area-card h3 {\n            color: var(--primary-blue);\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .area-card ul {\n            list-style: none;\n            padding-left: 0;\n        }\n        \n        .area-card li {\n            padding: 8px 0;\n            border-bottom: 1px dashed var(--medium-gray);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .area-card li:last-child {\n            border-bottom: none;\n        }\n        \n        .area-card i {\n            color: var(--accent-gold);\n        }\n        \n        \/* ===== GALLERY ===== *\/\n        .gallery {\n            background-color: var(--light-gray);\n        }\n        \n        .gallery-intro {\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            color: var(--text-light);\n        }\n        \n        .gallery-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            gap: 25px;\n            margin-top: 30px;\n        }\n        \n        .gallery-item {\n            border-radius: var(--border-radius);\n            overflow: hidden;\n            height: 220px;\n            box-shadow: var(--shadow);\n            transition: var(--transition);\n            position: relative;\n            cursor: pointer;\n        }\n        \n        .gallery-item:hover {\n            transform: translateY(-8px) scale(1.02);\n            box-shadow: var(--shadow-hover);\n        }\n        \n        .gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--transition);\n        }\n        \n        .gallery-item:hover img {\n            transform: scale(1.1);\n        }\n        \n        .gallery-item-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n            color: white;\n            padding: 15px;\n            transform: translateY(100%);\n            transition: var(--transition);\n        }\n        \n        .gallery-item:hover .gallery-item-overlay {\n            transform: translateY(0);\n        }\n        \n        .gallery-item-title {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 600;\n            font-size: 1.1rem;\n            margin-bottom: 5px;\n        }\n        \n        .gallery-item-desc {\n            font-size: 0.85rem;\n            opacity: 0.9;\n        }\n        \n        \/* ===== CONTACT ===== *\/\n        .contact-container {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 50px;\n            margin-top: 50px;\n        }\n        \n        .contact-info {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n        \n        .contact-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n        }\n        \n        .contact-icon {\n            background: var(--primary-blue);\n            color: var(--white);\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            flex-shrink: 0;\n        }\n        \n        .contact-details h3 {\n            margin-bottom: 5px;\n            font-size: 1.2rem;\n        }\n        \n        .contact-details a {\n            color: var(--primary-blue);\n            font-weight: 600;\n        }\n        \n        .contact-details a:hover {\n            color: var(--accent-red);\n        }\n        \n        .map-container {\n            border-radius: var(--border-radius);\n            overflow: hidden;\n            box-shadow: var(--shadow);\n            height: 350px;\n        }\n        \n        .map-container iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n        \n        \/* ===== FOOTER ===== *\/\n        footer {\n            background: var(--dark-blue);\n            color: var(--white);\n            padding: 60px 0 20px;\n        }\n        \n        .footer-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 40px;\n            margin-bottom: 40px;\n        }\n        \n        .footer-logo img {\n            height: 80px;\n            margin-bottom: 15px;\n        }\n        \n        .footer-logo p {\n            color: rgba(255, 255, 255, 0.7);\n            max-width: 300px;\n        }\n        \n        .footer-links h3, .footer-services h3, .footer-contact h3, .footer-social h3 {\n            color: var(--accent-gold);\n            font-size: 1.3rem;\n            margin-bottom: 20px;\n            position: relative;\n            padding-bottom: 10px;\n        }\n        \n        .footer-links h3:after, .footer-services h3:after, .footer-contact h3:after, .footer-social h3:after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 40px;\n            height: 3px;\n            background: var(--accent-gold);\n        }\n        \n        .footer-links ul, .footer-services ul, .footer-contact ul, .footer-social ul {\n            list-style: none;\n        }\n        \n        .footer-links li, .footer-services li, .footer-contact li, .footer-social li {\n            margin-bottom: 12px;\n        }\n        \n        .footer-links a, .footer-services a, .footer-contact a, .footer-social a {\n            color: rgba(255, 255, 255, 0.7);\n            transition: var(--transition);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .footer-links a:hover, .footer-services a:hover, .footer-contact a:hover, .footer-social a:hover {\n            color: var(--accent-gold);\n            padding-left: 5px;\n        }\n        \n        .footer-social-icons {\n            display: flex;\n            gap: 15px;\n            margin-top: 15px;\n        }\n        \n        .footer-social-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            transition: var(--transition);\n        }\n        \n        .footer-social-icon:hover {\n            background: rgba(255, 255, 255, 0.2);\n            transform: translateY(-3px);\n        }\n        \n        .footer-social-icon.facebook {\n            color: #1877F2;\n        }\n        \n        .footer-social-icon.google {\n            color: #EA4335;\n        }\n        \n        .footer-bottom {\n            text-align: center;\n            padding-top: 30px;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            color: rgba(255, 255, 255, 0.6);\n            font-size: 0.9rem;\n        }\n        \n        .creator-credit {\n            text-align: center;\n            margin-top: 10px;\n            color: rgba(255, 255, 255, 0.4);\n            font-size: 0.8rem;\n        }\n        \n        .creator-credit a {\n            color: var(--accent-gold);\n            text-decoration: none;\n        }\n        \n        .creator-credit a:hover {\n            text-decoration: underline;\n        }\n        \n        \/* ===== FLOATING PHONE & SOCIAL ===== *\/\n        .floating-buttons {\n            position: fixed;\n            bottom: 20px;\n            right: 20px;\n            z-index: 999;\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n        \n        .floating-phone {\n            background: linear-gradient(90deg, var(--accent-red) 0%, #C62828 100%);\n            color: var(--white);\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            box-shadow: 0 5px 20px rgba(211, 47, 47, 0.5);\n            transition: var(--transition);\n            animation: pulse 2s infinite;\n        }\n        \n        .floating-social {\n            background: linear-gradient(90deg, var(--primary-blue) 0%, var(--dark-blue) 100%);\n            color: var(--white);\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            box-shadow: 0 5px 20px rgba(26, 35, 126, 0.5);\n            transition: var(--transition);\n        }\n        \n        .floating-phone:hover, .floating-social:hover {\n            transform: scale(1.1) rotate(10deg);\n        }\n        \n        .floating-phone:hover {\n            box-shadow: 0 8px 25px rgba(211, 47, 47, 0.7);\n        }\n        \n        .floating-social:hover {\n            box-shadow: 0 8px 25px rgba(26, 35, 126, 0.7);\n        }\n        \n        @keyframes pulse {\n            0% { box-shadow: 0 5px 20px rgba(211, 47, 47, 0.5); }\n            50% { box-shadow: 0 5px 30px rgba(211, 47, 47, 0.8); }\n            100% { box-shadow: 0 5px 20px rgba(211, 47, 47, 0.5); }\n        }\n        \n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 992px) {\n            .contact-container {\n                grid-template-columns: 1fr;\n            }\n            \n            .social-container {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .gallery-container {\n                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .header-container {\n                flex-direction: column;\n                gap: 15px;\n            }\n            \n            .mobile-menu-btn {\n                display: block;\n            }\n            \n            .header-buttons {\n                display: none;\n            }\n            \n            .contact-header {\n                align-items: center;\n                text-align: center;\n            }\n            \n            .hero {\n                padding-top: 180px;\n            }\n            \n            .hero h1 {\n                font-size: 2rem;\n            }\n            \n            .hero-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n            \n            .phone-numbers {\n                align-items: center;\n            }\n            \n            .footer-container {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            \n            .gallery-container {\n                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n                gap: 15px;\n            }\n            \n            .drivers-container {\n                gap: 30px;\n            }\n            \n            .floating-buttons {\n                bottom: 15px;\n                right: 15px;\n            }\n            \n            .floating-phone, .floating-social {\n                width: 50px;\n                height: 50px;\n                font-size: 1.3rem;\n            }\n            \n            .social-links {\n                flex-direction: column;\n                width: 100%;\n            }\n            \n            .social-link {\n                justify-content: center;\n            }\n            \n            .gallery-item {\n                height: 200px;\n            }\n        }\n        \n        @media (max-width: 576px) {\n            .pricing-table {\n                font-size: 0.9rem;\n            }\n            \n            .pricing-table th, .pricing-table td {\n                padding: 10px 8px;\n            }\n            \n            .btn {\n                padding: 12px 25px;\n                font-size: 1rem;\n            }\n            \n            .fleet-stats {\n                gap: 20px;\n            }\n            \n            .stat-number {\n                font-size: 1.8rem;\n            }\n            \n            .gallery-container {\n                grid-template-columns: 1fr;\n            }\n            \n            .driver-photo-container {\n                width: 130px;\n                height: 130px;\n            }\n            \n            .driver-name {\n                font-size: 1.3rem;\n            }\n            \n            .driver-phone-number {\n                font-size: 1.3rem;\n            }\n            \n            .cta-text {\n                font-size: 1.2rem;\n            }\n            \n            .social-text {\n                font-size: 1rem;\n            }\n            \n            .feature-card {\n                padding: 20px 15px;\n            }\n            \n            .driver-card {\n                padding: 20px;\n            }\n            \n            .gallery-item {\n                height: 180px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .logo img {\n                height: 50px;\n            }\n            \n            .logo-text h1 {\n                font-size: 1.2rem;\n            }\n            \n            .hero h1 {\n                font-size: 1.8rem;\n            }\n            \n            .btn {\n                width: 100%;\n                max-width: 300px;\n            }\n            \n            .cta-numbers {\n                flex-direction: column;\n                width: 100%;\n            }\n            \n            .gallery-container {\n                gap: 10px;\n            }\n            \n            .gallery-item {\n                height: 160px;\n            }\n        }\n    <\/style><\/p>\n<!-- HEADER --><header>\n<div class=\"container header-container\">\n<div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/cropped-nowe.png\" alt=\"Taxi Grodzisk Mazowiecki - Logo\" \/>\n<div class=\"logo-text\">\n<h1>TAXI GRODZISK MAZ<\/h1>\n<p>Profesjonalny transport 24\/7<\/p>\n<\/div>\n<\/div>\n<button id=\"mobileMenuBtn\" class=\"mobile-menu-btn\"> <i class=\"fas fa-bars\"><\/i> <\/button>\n<div class=\"contact-header\">\n<div class=\"phone-numbers\"><a href=\"tel:668410310\"><i class=\"fas fa-phone-alt\"><\/i> Darek: 668 410 310<\/a> <a href=\"tel:608160374\"><i class=\"fas fa-phone-alt\"><\/i> Karol: 608 160 374<\/a><\/div>\n<div class=\"header-buttons\"><a class=\"btn btn-primary\" href=\"tel:668410310\"><i class=\"fas fa-taxi\"><\/i> Zam\u00f3w taxi<\/a> <a class=\"btn btn-secondary\" href=\"#contact\"><i class=\"fas fa-map-marker-alt\"><\/i> Kontakt<\/a><\/div>\n<\/div>\n<\/div>\n<\/header><!-- HERO SECTION -->\n<section class=\"hero\">\n<div class=\"container\">\n<h1>Profesjonalna us\u0142uga taxi w Grodzisku Mazowieckim<\/h1>\n<p>Szybko, bezpiecznie i tanio. Dzia\u0142amy ca\u0142odobowo, 7 dni w tygodniu. Do\u015bwiadczeni kierowcy, nowoczesna flota samochod\u00f3w i przejrzyste ceny.<\/p>\n<div class=\"hero-buttons\"><a class=\"btn btn-primary\" href=\"tel:668410310\"><i class=\"fas fa-phone\"><\/i> Zadzwo\u0144 teraz: 668 410 310<\/a> <a class=\"btn btn-secondary\" href=\"#pricing\"><i class=\"fas fa-euro-sign\"><\/i> Sprawd\u017a cennik<\/a><\/div>\n<\/div>\n<\/section>\n<!-- SOCIAL MEDIA BANNER -->\n<section class=\"social-banner\">\n<div class=\"container social-container\">\n<div class=\"social-text\">Znajd\u017a nas w mediach spo\u0142eczno\u015bciowych:<\/div>\n<div class=\"social-links\"><a class=\"social-link facebook\" href=\"https:\/\/www.facebook.com\/search\/top?q=taxi%20grodzisk\" target=\"_blank\" rel=\"noopener\"> <i class=\"fab fa-facebook-f\"><\/i> Facebook <\/a> <a class=\"social-link google\" href=\"https:\/\/www.google.com\/search?q=taxi+grodzisk+mazowiecki\" target=\"_blank\" rel=\"noopener\"> <i class=\"fab fa-google\"><\/i> Google <\/a><\/div>\n<\/div>\n<\/section>\n<!-- CALL TO ACTION -->\n<section class=\"call-to-action\">\n<div class=\"container cta-container\">\n<div class=\"cta-text\">Potrzebujesz taxi? Zadzwo\u0144 teraz!<\/div>\n<div class=\"cta-numbers\">\n<div class=\"cta-number\">\n<div class=\"cta-number-label\">Kierowca Darek<\/div>\n<a class=\"cta-number-phone\" href=\"tel:668410310\">668 410 310<\/a><\/div>\n<div class=\"cta-number\">\n<div class=\"cta-number-label\">Kierowca Karol<\/div>\n<a class=\"cta-number-phone\" href=\"tel:608160374\">608 160 374<\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- FEATURES -->\n<section class=\"section\">\n<div class=\"container\">\n<h2 class=\"text-center\">Dlaczego warto wybra\u0107 nasze taxi?<\/h2>\n<div class=\"features-container\">\n<div class=\"feature-card\">\n<div class=\"feature-icon\">\u00a0<\/div>\n<h3>Dost\u0119pno\u015b\u0107 24\/7<\/h3>\n<p>Jeste\u015bmy do dyspozycji ca\u0142\u0105 dob\u0119, przez 7 dni w tygodniu, tak\u017ce w \u015bwi\u0119ta.<\/p>\n<\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon\">\u00a0<\/div>\n<h3>Bezpiecze\u0144stwo<\/h3>\n<p>Wykwalifikowani kierowcy z wieloletnim do\u015bwiadczeniem oraz regularne przegl\u0105dy pojazd\u00f3w.<\/p>\n<\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon\"><img decoding=\"async\" style=\"width: 60px; height: auto;\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/ikonka.png\" alt=\"Ikona taxi\" \/><\/div>\n<h3>Nowoczesna flota<\/h3>\n<p>Komfortowe, czyste i klimatyzowane samochody dostosowane do r\u00f3\u017cnych potrzeb.<\/p>\n<\/div>\n<div class=\"feature-card\">\n<div class=\"feature-icon\">\u00a0<\/div>\n<h3>Przejrzyste ceny<\/h3>\n<p>Brak ukrytych koszt\u00f3w. Mo\u017cliwo\u015b\u0107 p\u0142atno\u015bci got\u00f3wk\u0105 i kart\u0105. Faktury VAT.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- PRICING -->\n<section id=\"pricing\" class=\"section section-alt\">\n<div class=\"container\">\n<h2 class=\"text-center\">Cennik naszych us\u0142ug<\/h2>\n<div class=\"pricing-table\">\n<table>\n<thead>\n<tr>\n<th>Us\u0142uga \/ Taryfa<\/th>\n<th>Cena<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Op\u0142ata pocz\u0105tkowa (wsiadanie)<\/td>\n<td>10,00 z\u0142<\/td>\n<\/tr>\n<tr>\n<td>Taryfa dzienna (6:00 &#8211; 22:00)<\/td>\n<td>4,00 z\u0142 \/ km<\/td>\n<\/tr>\n<tr>\n<td>Taryfa nocna (22:00 &#8211; 6:00)<\/td>\n<td>6,00 z\u0142 \/ km<\/td>\n<\/tr>\n<tr>\n<td>Taryfa poza miastem<\/td>\n<td>8,00 z\u0142 \/ km<\/td>\n<\/tr>\n<tr>\n<td>Przejazdy na lotniska (Chopin, Modlin)<\/td>\n<td>12,00 z\u0142 \/ km<\/td>\n<\/tr>\n<tr>\n<td>Post\u00f3j (1 godzina)<\/td>\n<td>60,00 z\u0142<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p class=\"pricing-note\">* Brak dop\u0142at za baga\u017c, zwierz\u0119ta oraz zam\u00f3wienie telefoniczne. Minimalna op\u0142ata za kurs: 15 z\u0142.<\/p>\n<!-- Call to action po cenniku -->\n<div class=\"call-to-action\" style=\"margin-top: 50px; border-radius: var(--border-radius);\">\n<div class=\"cta-container\">\n<div class=\"cta-text\" style=\"color: var(--white);\">Zam\u00f3w przejazd ju\u017c teraz!<\/div>\n<div class=\"cta-numbers\"><a class=\"btn btn-primary\" style=\"font-size: 1.2rem;\" href=\"tel:668410310\"> <i class=\"fas fa-phone\"><\/i> Darek: 668 410 310 <\/a> <a class=\"btn btn-primary\" style=\"font-size: 1.2rem;\" href=\"tel:608160374\"> <i class=\"fas fa-phone\"><\/i> Karol: 608 160 374 <\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- DRIVERS -->\n<section class=\"section drivers\">\n<div class=\"container\">\n<h2 class=\"text-center\">Nasi kierowcy<\/h2>\n<div class=\"drivers-container\"><!-- KAROL -->\n<div class=\"driver-card\">\n<div class=\"driver-header\">\n<div class=\"driver-photo-container\"><img decoding=\"async\" class=\"driver-photo\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/4-8.png\" alt=\"Kierowca Karol\" \/><\/div>\n<div class=\"driver-name\">Karol<\/div>\n<div class=\"driver-experience\">Do\u015bwiadczenie: 30 lat<\/div>\n<div class=\"driver-car\">Samoch\u00f3d: Nowoczesne taxi premium<\/div>\n<\/div>\n<div class=\"driver-info\">\n<div class=\"driver-info-item\"><i class=\"fas fa-check-circle\"><\/i>Specjalista od przejazd\u00f3w na lotniska<\/div>\n<div class=\"driver-info-item\"><i class=\"fas fa-check-circle\"><\/i>Znakomita znajomo\u015b\u0107 tras w Warszawie i okolicach<\/div>\n<div class=\"driver-info-item\"><i class=\"fas fa-check-circle\"><\/i>Zawsze punktualny i uprzejmy<\/div>\n<div class=\"driver-info-item\"><i class=\"fas fa-check-circle\"><\/i>J\u0119zyk angielski w stopniu komunikatywnym<\/div>\n<\/div>\n<div class=\"driver-phone-section\">\n<div class=\"driver-phone-label\">Zadzwo\u0144 do Karola:<\/div>\n<a class=\"driver-phone-number\" href=\"tel:608160374\"> <i class=\"fas fa-phone-alt\"><\/i> 608 160 374 <\/a><\/div>\n<\/div>\n<!-- DAREK -->\n<div class=\"driver-card\">\n<div class=\"driver-header\">\n<div class=\"driver-photo-container\"><img decoding=\"async\" class=\"driver-photo\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/4-6.png\" alt=\"Kierowca Darek\" \/><\/div>\n<div class=\"driver-name\">Darek<\/div>\n<div class=\"driver-experience\">Do\u015bwiadczenie: 32+ lat<\/div>\n<div class=\"driver-car\">Samoch\u00f3d: Komfortowe taxi rodzinne<\/div>\n<\/div>\n<div class=\"driver-info\">\n<div class=\"driver-info-item\"><i class=\"fas fa-check-circle\"><\/i>Ekspert od tras w Grodzisku Mazowieckim<\/div>\n<div class=\"driver-info-item\"><i class=\"fas fa-check-circle\"><\/i>Specjalista w transporcie grup i rodzin<\/div>\n<div class=\"driver-info-item\"><i class=\"fas fa-check-circle\"><\/i>Znajomo\u015b\u0107 okolicznych wiosek i miejscowo\u015bci<\/div>\n<div class=\"driver-info-item\"><i class=\"fas fa-check-circle\"><\/i>Dyspozycyjny 24\/7<\/div>\n<\/div>\n<div class=\"driver-phone-section\">\n<div class=\"driver-phone-label\">Zadzwo\u0144 do Darka:<\/div>\n<a class=\"driver-phone-number\" href=\"tel:668410310\"> <i class=\"fas fa-phone-alt\"><\/i> 668 410 310 <\/a><\/div>\n<\/div>\n<\/div>\n<!-- Call to action po kierowcach -->\n<div class=\"call-to-action\" style=\"margin-top: 50px; border-radius: var(--border-radius);\">\n<div class=\"cta-container\">\n<div class=\"cta-text\" style=\"color: var(--white);\">Zam\u00f3w przejazd u naszych do\u015bwiadczonych kierowc\u00f3w!<\/div>\n<div class=\"cta-numbers\">\n<div class=\"cta-number\"><a class=\"btn btn-primary\" style=\"font-size: 1.2rem;\" href=\"tel:668410310\"> <i class=\"fas fa-phone\"><\/i> Darek: 668 410 310 <\/a><\/div>\n<div class=\"cta-number\"><a class=\"btn btn-primary\" style=\"font-size: 1.2rem;\" href=\"tel:608160374\"> <i class=\"fas fa-phone\"><\/i> Karol: 608 160 374 <\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- FLEET -->\n<section class=\"fleet\">\n<div class=\"container\">\n<div class=\"fleet-content\">\n<h2 class=\"text-center\">Nasza flota<\/h2>\n<p>Dysponujemy nowoczesnymi, komfortowymi samochodami dostosowanymi do r\u00f3\u017cnych potrzeb klient\u00f3w. Wszystkie pojazdy s\u0105 regularnie serwisowane i utrzymane w idealnym stanie technicznym.<\/p>\n<div class=\"fleet-stats\">\n<div class=\"stat\"><span class=\"stat-number\">10+<\/span> <span class=\"stat-label\">Samochod\u00f3w w Grodzisku<\/span><\/div>\n<div class=\"stat\"><span class=\"stat-number\">5+<\/span> <span class=\"stat-label\">Samochod\u00f3w w Warszawie<\/span><\/div>\n<div class=\"stat\"><span class=\"stat-number\">24h<\/span> <span class=\"stat-label\">Dyspozycyjno\u015b\u0107<\/span><\/div>\n<\/div>\n<div style=\"margin-top: 30px;\"><a class=\"btn btn-primary\" style=\"font-size: 1.2rem; margin: 10px;\" href=\"tel:668410310\"> <i class=\"fas fa-phone-alt\"><\/i> Zam\u00f3w: 668 410 310 <\/a> <a class=\"btn btn-primary\" style=\"font-size: 1.2rem; margin: 10px;\" href=\"tel:608160374\"> <i class=\"fas fa-phone-alt\"><\/i> Zam\u00f3w: 608 160 374 <\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SERVICE AREAS -->\n<section class=\"section\">\n<div class=\"container\">\n<h2 class=\"text-center\">Obs\u0142ugiwane obszary<\/h2>\n<div class=\"areas-container\">\n<div class=\"area-card\">\n<h3><i class=\"fas fa-map-marker-alt\"><\/i> Grodzisk Mazowiecki i okolice<\/h3>\n<ul>\n<li><i class=\"fas fa-check\"><\/i> Centrum miasta<\/li>\n<li><i class=\"fas fa-check\"><\/i> Osiedla mieszkaniowe<\/li>\n<li><i class=\"fas fa-check\"><\/i> Stare i Nowe Miasto<\/li>\n<li><i class=\"fas fa-check\"><\/i> Okoliczne wsie<\/li>\n<\/ul>\n<\/div>\n<div class=\"area-card\">\n<h3><i class=\"fas fa-plane\"><\/i> Przejazdy na lotniska<\/h3>\n<ul>\n<li><i class=\"fas fa-check\"><\/i> Lotnisko Chopina (WAW)<\/li>\n<li><i class=\"fas fa-check\"><\/i> Lotnisko Modlin (WMI)<\/li>\n<li><i class=\"fas fa-check\"><\/i> Transport z\/na lotnisko<\/li>\n<li><i class=\"fas fa-check\"><\/i> Obs\u0142uga grup<\/li>\n<\/ul>\n<\/div>\n<div class=\"area-card\">\n<h3><i class=\"fas fa-city\"><\/i> Warszawa i okolice<\/h3>\n<ul>\n<li><i class=\"fas fa-check\"><\/i> Centrum Warszawy<\/li>\n<li><i class=\"fas fa-check\"><\/i> Dzielnice mieszkalne<\/li>\n<li><i class=\"fas fa-check\"><\/i> Lotniska i dworce<\/li>\n<li><i class=\"fas fa-check\"><\/i> Okolice Warszawy<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<!-- Call to action po obszarach -->\n<div class=\"call-to-action\" style=\"margin-top: 50px; border-radius: var(--border-radius);\">\n<div class=\"cta-container\">\n<div class=\"cta-text\" style=\"color: var(--white);\">Jedziesz w te rejony? Zadzwo\u0144!<\/div>\n<div class=\"cta-numbers\">\n<div class=\"cta-number\">\n<div class=\"cta-number-label\">Telefon 24h<\/div>\n<a class=\"cta-number-phone\" href=\"tel:668410310\">668 410 310<\/a><\/div>\n<div class=\"cta-number\">\n<div class=\"cta-number-label\">Telefon 24h<\/div>\n<a class=\"cta-number-phone\" href=\"tel:608160374\">608 160 374<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- GALLERY -->\n<section class=\"section gallery\">\n<div class=\"container\">\n<h2 class=\"text-center\">Nasza galeria<\/h2>\n<p class=\"gallery-intro\">Zobacz nasz\u0105 flot\u0119, kierowc\u00f3w i samochody w akcji. Wszystkie zdj\u0119cia przedstawiaj\u0105 rzeczywiste pojazdy i sytuacje z codziennej pracy naszego taxi.<\/p>\n<div class=\"gallery-container\">\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_vfxbmvvfxbmvvfxb-e1769687538668.png\" alt=\"Nowoczesny samoch\u00f3d taxi\" \/>\n<div class=\"gallery-item-overlay\">\n<div class=\"gallery-item-title\">Nowoczesna flota<\/div>\n<div class=\"gallery-item-desc\">Najnowsze modele samochod\u00f3w<\/div>\n<\/div>\n<\/div>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/DAREKaaaa.png\" alt=\"Kierowca Darek przy samochodzie\" \/>\n<div class=\"gallery-item-overlay\">\n<div class=\"gallery-item-title\">Kierowca Darek<\/div>\n<div class=\"gallery-item-desc\">Do\u015bwiadczony kierowca z 15-letnim sta\u017cem<\/div>\n<\/div>\n<\/div>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/3-6.png\" alt=\"Samoch\u00f3d taxi w drodze\" \/>\n<div class=\"gallery-item-overlay\">\n<div class=\"gallery-item-title\">Taxi w akcji<\/div>\n<div class=\"gallery-item-desc\">Zawsze gotowi do przejazdu<\/div>\n<\/div>\n<\/div>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/4-8.png\" alt=\"Kierowca Karol\" \/>\n<div class=\"gallery-item-overlay\">\n<div class=\"gallery-item-title\">Kierowca Karol<\/div>\n<div class=\"gallery-item-desc\">Specjalista od tras lotniskowych<\/div>\n<\/div>\n<\/div>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/5-4.png\" alt=\"Wn\u0119trze samochodu taxi\" \/>\n<div class=\"gallery-item-overlay\">\n<div class=\"gallery-item-title\">Komfortowe wn\u0119trze<\/div>\n<div class=\"gallery-item-desc\">Czyste i klimatyzowane auta<\/div>\n<\/div>\n<\/div>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/20251019_130646-1-scaled.jpg\" alt=\"Samoch\u00f3d taxi z lotu ptaka\" \/>\n<div class=\"gallery-item-overlay\">\n<div class=\"gallery-item-title\">Profesjonalna obs\u0142uga<\/div>\n<div class=\"gallery-item-desc\">Gotowi na ka\u017cd\u0105 tras\u0119<\/div>\n<\/div>\n<\/div>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/Projekt-bez-nazwy.png\" alt=\"Samoch\u00f3d taxi w mie\u015bcie\" \/>\n<div class=\"gallery-item-overlay\">\n<div class=\"gallery-item-title\">Dost\u0119pno\u015b\u0107 24\/7<\/div>\n<div class=\"gallery-item-desc\">Dzia\u0142amy ca\u0142\u0105 dob\u0119<\/div>\n<\/div>\n<\/div>\n<div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/11.png\" alt=\"Taxi na ulicy Grodziska\" \/>\n<div class=\"gallery-item-overlay\">\n<div class=\"gallery-item-title\">Lokalnie i szybko<\/div>\n<div class=\"gallery-item-desc\">Znajomo\u015b\u0107 wszystkich tras<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- Call to action po galerii -->\n<div class=\"call-to-action\" style=\"margin-top: 50px; border-radius: var(--border-radius);\">\n<div class=\"cta-container\">\n<div class=\"cta-text\" style=\"color: var(--white);\">Zobaczysz nas na ulicy? Zadzwo\u0144!<\/div>\n<div class=\"cta-numbers\"><a class=\"btn btn-primary\" style=\"font-size: 1.2rem;\" href=\"tel:668410310\"> <i class=\"fas fa-phone\"><\/i> Zam\u00f3w: 668 410 310 <\/a> <a class=\"btn btn-primary\" style=\"font-size: 1.2rem;\" href=\"tel:608160374\"> <i class=\"fas fa-phone\"><\/i> Zam\u00f3w: 608 160 374 <\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- CONTACT & MAP -->\n<section id=\"contact\" class=\"section\">\n<div class=\"container\">\n<h2 class=\"text-center\">Skontaktuj si\u0119 z nami<\/h2>\n<div class=\"contact-container\">\n<div class=\"contact-info\">\n<div class=\"contact-item\">\n<div class=\"contact-icon\">\u00a0<\/div>\n<div class=\"contact-details\">\n<h3>Telefon 24h<\/h3>\n<p><a href=\"tel:668410310\">Darek: 668 410 310<\/a><\/p>\n<p><a href=\"tel:608160374\">Karol: 608 160 374<\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"contact-item\">\n<div class=\"contact-icon\">\u00a0<\/div>\n<div class=\"contact-details\">\n<h3>Obszar dzia\u0142ania<\/h3>\n<p>Grodzisk Mazowiecki i okolice<\/p>\n<p>Warszawa i okolice<\/p>\n<p>Przejazdy na lotniska<\/p>\n<\/div>\n<\/div>\n<div class=\"contact-item\">\n<div class=\"contact-icon\">\u00a0<\/div>\n<div class=\"contact-details\">\n<h3>Godziny pracy<\/h3>\n<p>24 godziny na dob\u0119<\/p>\n<p>7 dni w tygodniu<\/p>\n<p>\u015awi\u0119ta i weekendy<\/p>\n<\/div>\n<\/div>\n<div class=\"contact-item\">\n<div class=\"contact-icon\">\u00a0<\/div>\n<div class=\"contact-details\">\n<h3>Znajd\u017a nas online<\/h3>\n<p><a href=\"https:\/\/www.facebook.com\/search\/top?q=taxi%20grodzisk\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i> Facebook: Taxi Grodzisk<\/a><\/p>\n<p><a href=\"https:\/\/www.google.com\/search?q=taxi+grodzisk+mazowiecki\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-google\"><\/i> Google: Taxi Grodzisk Mazowiecki<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"map-container\"><iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d12527.440931367777!2d20.620432260135712!3d52.10874219999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471e9274b1c12c8d%3A0x7ce10d84c6e90733!2sGrodzisk%20Mazowiecki!5e0!3m2!1spl!2spl!4v1687269876543!5m2!1spl!2spl\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- FOOTER --><footer>\n<div class=\"container\">\n<div class=\"footer-container\">\n<div class=\"footer-logo\"><img decoding=\"async\" src=\"https:\/\/taxigrodzisk.eu\/wp-content\/uploads\/2026\/01\/cropped-taxigrodzisk.png\" alt=\"Taxi Grodzisk Mazowiecki\" \/>\n<p>Profesjonalna us\u0142uga taxi w Grodzisku Mazowieckim i okolicach. Szybko, bezpiecznie i tanio. Dzia\u0142amy 24h przez 7 dni w tygodniu.<\/p>\n<\/div>\n<div class=\"footer-links\">\n<h3>Szybkie linki<\/h3>\n<ul>\n<li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Strona g\u0142\u00f3wna<\/a><\/li>\n<li><a href=\"#pricing\"><i class=\"fas fa-chevron-right\"><\/i> Cennik<\/a><\/li>\n<li><a href=\"#contact\"><i class=\"fas fa-chevron-right\"><\/i> Kontakt<\/a><\/li>\n<li><a href=\"tel:668410310\"><i class=\"fas fa-chevron-right\"><\/i> Zam\u00f3w taxi<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-contact\">\n<h3>Kontakt 24h<\/h3>\n<ul>\n<li><a href=\"tel:668410310\"><i class=\"fas fa-phone\"><\/i> Darek: 668 410 310<\/a><\/li>\n<li><a href=\"tel:608160374\"><i class=\"fas fa-phone\"><\/i> Karol: 608 160 374<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-social\">\n<h3>Znajd\u017a nas online<\/h3>\n<ul>\n<li><a href=\"https:\/\/www.facebook.com\/search\/top?q=taxi%20grodzisk\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i> Facebook<\/a><\/li>\n<li><a href=\"https:\/\/www.google.com\/search?q=taxi+grodzisk+mazowiecki\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-google\"><\/i> Google<\/a><\/li>\n<\/ul>\n<div class=\"footer-social-icons\">\u00a0<\/div>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2024 Taxi Grodzisk Mazowiecki. Wszelkie prawa zastrze\u017cone.<\/p>\n<p>Strona: <a style=\"color: var(--accent-gold);\" href=\"https:\/\/taxigrodzisk.eu\">taxigrodzisk.eu<\/a> | <a style=\"color: var(--accent-gold);\" href=\"https:\/\/taxigrodzisk.pl\">taxigrodzisk.pl<\/a><\/p>\n<\/div>\n<div class=\"creator-credit\">\u00a9 2026 Created by Marek Malinowski \u2014 <a href=\"mailto:hello@audytflow.pl\">hello@audytflow.pl<\/a><\/div>\n<\/div>\n<\/footer><!-- FLOATING BUTTONS -->\n<div class=\"floating-buttons\">\u00a0<\/div>\n<p><script>\n        \/\/ Sticky header on scroll\n        window.addEventListener('scroll', function() {\n            const header = document.querySelector('header');\n            if (window.scrollY > 100) {\n                header.style.padding = '10px 0';\n                header.style.boxShadow = '0 3px 15px rgba(0, 0, 0, 0.15)';\n            } else {\n                header.style.padding = '15px 0';\n                header.style.boxShadow = '0 3px 15px rgba(0, 0, 0, 0.1)';\n            }\n        });\n\n        \/\/ Smooth scrolling for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                e.preventDefault();\n                \n                const targetId = this.getAttribute('href');\n                if (targetId === '#') return;\n                \n                const targetElement = document.querySelector(targetId);\n                if (targetElement) {\n                    window.scrollTo({\n                        top: targetElement.offsetTop - 100,\n                        behavior: 'smooth'\n                    });\n                }\n            });\n        });\n\n        \/\/ Mobile menu toggle\n        document.getElementById('mobileMenuBtn').addEventListener('click', function() {\n            const headerButtons = document.querySelector('.header-buttons');\n            headerButtons.style.display = headerButtons.style.display === 'flex' ? 'none' : 'flex';\n        });\n\n        \/\/ Close mobile menu on resize\n        window.addEventListener('resize', function() {\n            if (window.innerWidth > 768) {\n                document.querySelector('.header-buttons').style.display = 'flex';\n            } else {\n                document.querySelector('.header-buttons').style.display = 'none';\n            }\n        });\n\n        \/\/ Initialize mobile menu on load\n        document.addEventListener('DOMContentLoaded', function() {\n            if (window.innerWidth <= 768) {\n                document.querySelector('.header-buttons').style.display = 'none';\n            }\n            \n            \/\/ Add phone number tracking\n            const phoneLinks = document.querySelectorAll('a[href^=\"tel:\"]');\n            phoneLinks.forEach(link => {\n                link.addEventListener('click', function() {\n                    const phoneNumber = this.getAttribute('href').replace('tel:', '');\n                    console.log('Phone call initiated to:', phoneNumber);\n                });\n            });\n            \n            \/\/ Add social media tracking\n            const socialLinks = document.querySelectorAll('a[href*=\"facebook\"], a[href*=\"google\"]');\n            socialLinks.forEach(link => {\n                link.addEventListener('click', function() {\n                    const socialPlatform = this.href.includes('facebook') ? 'Facebook' : 'Google';\n                    console.log('Social media link clicked:', socialPlatform);\n                });\n            });\n        });\n    <\/script><\/p>\n\n<p>\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0 Taxi Grodzisk \u2013 Bezpiecznie do celu \u00a0 \u00a0 \u00a0 TAXI GRODZISK MAZ Profesjonalny transport 24\/7 Darek: 668 410 310 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/taxigrodzisk.eu\/index.php?rest_route=\/wp\/v2\/pages\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taxigrodzisk.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taxigrodzisk.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taxigrodzisk.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taxigrodzisk.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=180"}],"version-history":[{"count":19,"href":"https:\/\/taxigrodzisk.eu\/index.php?rest_route=\/wp\/v2\/pages\/180\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/taxigrodzisk.eu\/index.php?rest_route=\/wp\/v2\/pages\/180\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/taxigrodzisk.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}