.breakdance .bde-section-12-102 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-12-102 .section-container{padding-bottom:0px;padding-top:0px}.hero-wrapper-fixed{position:relative;width:100vw;height:50vh;min-height:400px;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;background-color:#1a1a1a}.fullscreen-hero{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;will-change:opacity}.slide-1{background-image:url(https://zielonypatrol.com/wp-content/uploads/2026/03/Compressed1-scaled.webp);animation:fadeCycle1 12s infinite ease-in-out;z-index:2}.slide-2{background-image:url(https://zielonypatrol.com/wp-content/uploads/2026/03/compressed2-scaled.webp);animation:fadeCycle2 12s infinite ease-in-out;z-index:1}@keyframes fadeCycle1{0%,45%{opacity:1}55%,95%{opacity:0}100%{opacity:1}}@keyframes fadeCycle2{0%,45%{opacity:0}55%,95%{opacity:1}100%{opacity:0}}.hero-overlay-dark{position:absolute;inset:0;background:rgba(0,0,0,0.45);z-index:3}.hero-container-inner{position:relative;z-index:10;width:100%;max-width:1200px;padding:0 20px;text-align:center}.hero-title{font-size:clamp(1.8rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:15px;color:#ffffff!important}.green-text{color:#8BC309}.hero-desc{font-size:clamp(0.9rem,1.5vw,1.1rem);margin:0 auto 25px;color:#fff}.hero-btns{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-main,.btn-alt{padding:14px 28px;border-radius:4px;text-decoration:none;font-weight:700;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;top:0}.btn-main{background:#8BC309;color:#fff!important}.btn-alt{background:rgba(255,255,255,0.1);color:#fff!important;border:1px solid #fff;backdrop-filter:blur(5px)}.btn-main:hover,.btn-alt:hover{top:-3px;box-shadow:0 10px 20px rgba(0,0,0,0.3);color:#ffffff!important}.btn-main:hover{background-color:#5d9321!important;filter:brightness(1.1)}.btn-alt:hover{background-color:rgba(255,255,255,0.25)!important}.btn-main:active,.btn-alt:active{top:-1px}body{overflow-x:hidden}.hero-top-badge{display:inline-block;padding:6px 18px;border:1px solid rgba(118,184,42,0.6);color:#ffffff!important;background:rgba(118,184,42,0.15);border-radius:50px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;font-weight:600;backdrop-filter:blur(3px)}.hero-title,.section-title{font-family:'Montserrat',sans-serif;font-weight:800}.hero-desc,.section-desc{font-family:'Montserrat',sans-serif;font-weight:400}.breakdance .bde-section-12-130 .section-container{display:flex;flex-direction:column;align-items:center;text-align:center}.breakdance .bde-section-12-130 .section-container{padding-bottom:0px;padding-top:0px}@media (max-width:479px){.breakdance .bde-section-12-130 .section-container{padding-bottom:0px}}.breakdance .bde-heading-12-138{margin-top:32px;margin-bottom:8px}.breakdance .bde-fancy-divider-12-136{margin-top:0px;margin-bottom:8px}.breakdance .bde-fancy-divider-12-136 .bde-fancy-divider__content{margin-right:5px;margin-left:5px}.breakdance .bde-fancy-divider-12-136 .bde-fancy-divider__separator.has-content{justify-content:center}.breakdance .bde-fancy-divider-12-136 .bde-fancy-divider__content--icon{font-size:50px;width:50px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;grid-auto-flow:dense;gap:15px;padding:20px;width:100%}.service-card{position:relative;background-size:cover;background-position:center;border-radius:15px;overflow:hidden;display:flex;align-items:flex-end;transition:all 0.4s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.card-wide{grid-column:span 2}.card-tall{grid-row:span 2}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.service-overlay{width:100%;padding:20px;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%)}.service-overlay h3{margin:0 0 10px 0;font-family:'Montserrat',sans-serif;font-size:1.4rem;color:#fff}.service-btn{display:inline-block;padding:8px 16px;background-color:#566f1b;color:#fff;text-decoration:none;font-size:0.8rem;font-weight:700;border-radius:5px}@media (max-width:1023px){.service-grid{grid-template-columns:1fr;grid-auto-rows:280px;gap:15px}.card-wide,.card-tall{grid-column:span 1!important;grid-row:span 1!important}.service-overlay h3{font-size:1.5rem}}@media (max-width:767px){.service-grid{grid-template-columns:1fr;grid-auto-rows:250px;padding:10px}.service-card{border-radius:10px}.service-card:not(.card-wide):not(.card-tall){height:250px}.service-overlay{padding:15px}.service-overlay h3{font-size:1.3rem;margin-bottom:8px}.service-btn{padding:8px 14px;font-size:0.75rem}}@media (max-width:479px){.breakdance .bde-code-block-12-172{margin-bottom:0px}}.breakdance .bde-section-12-142 .section-container{display:flex;flex-direction:column;align-items:center;text-align:center}.breakdance .bde-section-12-142 .section-container{padding-bottom:0px;padding-top:12px}.breakdance .bde-code-block-12-143{margin-top:30px}.why-us-heading{font-family:'Montserrat',sans-serif;font-weight:800;font-size:2.5rem;color:#2b2b2b;text-align:center;margin:0}.why-us-heading .color-zielony{color:#8BC405}.why-us-heading .color-patrol{color:#134A45}@media (max-width:768px){.why-us-heading{font-size:1.8rem}}.zp-features-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:40px 20px;max-width:1200px;margin:0 auto}.zp-feature-card{background:#fff;padding:35px 25px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.05);border-bottom:4px solid #8BC405;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:flex-start}.zp-feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.1);border-bottom-color:#134A45}.zp-icon{width:50px;height:50px;margin-bottom:20px;background:rgba(139,196,5,0.1);padding:12px;border-radius:10px}.zp-icon svg{width:100%;height:100%}.zp-feature-title{font-family:'Montserrat',sans-serif;font-size:1.25rem;font-weight:700;color:#134A45;margin-bottom:15px;line-height:1.3}.zp-feature-text{font-family:sans-serif;font-size:0.95rem;color:#555;line-height:1.6;margin:0}@media (max-width:1024px){.zp-features-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.zp-features-wrapper{grid-template-columns:1fr;padding:20px 15px}}.breakdance .bde-section-12-159 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-12-159 .section-container{padding-bottom:0px;padding-top:0px}.breakdance .bde-code-block-12-162{margin-top:0px}.slim-divider-full{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-image:url(https://zielonypatrol.com/wp-content/uploads/2026/03/trawnik_devider.webp);background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden}.slim-overlay{background-color:rgba(0,0,0,0.5);padding:35px 0;width:100%}.slim-container{display:flex;justify-content:center;align-items:center;max-width:1100px;margin:0 auto}.slim-stat{flex:1;display:flex;flex-direction:column;align-items:center;color:#fff;border-right:1px dashed rgba(255,255,255,0.3)}.slim-stat:last-child{border-right:none}.slim-icon{font-size:1.8rem;color:#93c93e;margin-bottom:8px}.slim-info{display:flex;flex-direction:column;text-align:center}.slim-num{font-size:2.2rem;font-weight:800;line-height:1.1}.slim-label{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.5px;opacity:0.9}@media (max-width:768px){.slim-container{flex-direction:column}.slim-stat{border-right:none;padding:15px 0;width:100%}.slim-divider-full{background-attachment:scroll}.slim-num{font-size:1.8rem}}.breakdance .bde-section-12-173 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-12-173 .section-container{padding-bottom:0px;padding-top:0px}<div class="valuation-wide-card"><h2 class="valuation-wide-title">Usługi ogrodnicze – zapytaj <span class="accent">o wycenę</span></h2><div class="contact-direct-info"><a href="tel:+48509567562" class="contact-link">📞 509 567 562</a><span class="contact-divider">|</span><a href="mailto:kontakt@zielonypatrol.com" class="contact-link">✉️ kontakt@zielonypatrol.com</a></div><form id="contactForm" class="valuation-wide-form" enctype="multipart/form-data"><div class="form-row"><div class="v-group"><label>Imię i Nazwisko</label><input type="text" name="name" required></div><div class="v-group"><label>E-mail</label><input type="email" name="email" required></div></div><div class="form-row"><div class="v-group"><label>Numer kontaktowy</label><input type="tel" name="phone" pattern="[0-9]{9,15}" required></div><div class="v-group"><label>Wybierz usługę</label><select name="service" required><option value="" disabled selected>Wybierz z listy...</option><option value="koszenie">Koszenie trawników</option><option value="nawadnianie">Systemy nawadniania / Studnie</option><option value="wertykulacja">Wertykulacja trawnika</option><option value="pielegnacja">Pielęgnacja trawników i nasadzeń</option><option value="oswietlenie">Oświetlenie i mała architektura</option><option value="sprzatanie">Sprzątanie działek</option><option value="inna">Inna usługa</option></select></div></div><div class="v-group full-width"><label>Dodatkowe informacje (np. lokalizacja,metraż)</label><textarea name="message" rows="4" placeholder="Napisz kilka słów o zleceniu..."></textarea></div><div class="file-upload-wrapper"><label class="custom-file-upload"><input type="file" name="attachment" id="attachment" accept="image/*"><span id="file-label">📎 Dodaj zdjęcie ogrodu (opcjonalnie)</span></label></div><div class="form-footer"><button type="submit" class="v-wide-btn">Wyślij zapytanie o wycenę</button></div></form><div id="form-status"></div></div><style>.valuation-wide-card{background:linear-gradient(135deg,rgba(220,242,190,1) 0%,rgba(200,230,160,1) 100%);border:1px solid rgba(139,195,9,0.3);width:100%;margin:40px auto;padding:40px;border-radius:20px;box-shadow:0 20px 50px rgba(19,74,69,0.05);box-sizing:border-box;font-family:'Montserrat',sans-serif}.valuation-wide-title{font-size:2rem;color:#1a1a1a;text-align:center;margin-bottom:15px;font-weight:800}.valuation-wide-title .accent{color:#8BC309}.contact-direct-info{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;font-weight:700}.contact-link{color:#2c4a2c;text-decoration:none}.form-row{display:flex;gap:20px;margin-bottom:20px}.v-group{flex:1;display:flex;flex-direction:column}.v-group label{font-weight:700;color:#2c4a2c;margin-bottom:5px;font-size:0.9rem}.v-group input,.v-group select,.v-group textarea{padding:12px 15px;border:2px solid #fff;border-radius:8px;font-size:1rem;outline:none}.file-upload-wrapper{text-align:center;margin:15px 0 25px 0}.custom-file-upload{display:inline-block;cursor:pointer;font-size:0.85rem;color:#4a6b4a;font-weight:600;padding:8px 15px;background:rgba(255,255,255,0.5);border-radius:20px;transition:0.3s}.custom-file-upload:hover{background:#fff;color:#8BC309}.custom-file-upload input[type="file"]{display:none}.form-footer{display:flex;justify-content:center}.v-wide-btn{padding:16px 50px;background-color:#8BC309;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:800;cursor:pointer;transition:0.3s;text-transform:uppercase}.v-wide-btn:hover{background-color:#76a607;transform:translateY(-2px);box-shadow:0 5px 15px rgba(139,195,9,0.4)}@media (max-width:768px){.form-row{flex-direction:column}.v-wide-btn{width:100%}}</style><script>document.addEventListener("DOMContentLoaded",function(){const fileInput=document.getElementById("attachment");const fileLabel=document.getElementById("file-label");// Zmiana tekstu po wybraniu pliku if(fileInput){fileInput.addEventListener("change",function(){if (this.files && this.files.length>0){fileLabel.innerText="✅ Wybrano: " + this.files[0].name;fileLabel.style.color="#8BC309"}})}const form=document.getElementById("contactForm");const status=document.getElementById("form-status");if (form){form.addEventListener("submit",function(e){e.preventDefault();const formData=new FormData(form);fetch("mail.php",{method:"POST",body:formData}) .then(response=>{if (response.ok){form.style.display="none";status.innerHTML="<h3 style='text-align:center; color:#2c4a2c; padding:40px;'>Dzięki! Odezwiemy się wkrótce 👍</h3>"}else{status.innerHTML="<p style='color:red; text-align:center;'>Błąd serwera. Spróbuj później.</p>"}}) .catch(error=>{status.innerHTML="<p style='color:red; text-align:center;'>Błąd połączenia.</p>"})})}});.breakdance .bde-section-12-145 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-12-145 .section-container{padding-bottom:0px;padding-top:0px}.breakdance .bde-code-block-12-164{margin-top:0px}.about-section{padding:60px 20px;background-color:#F8F8FF;overflow:hidden}.about-container{max-width:1200px;margin:0 auto;display:flex;gap:50px;align-items:center}.about-image{flex:1;min-height:450px;background-size:cover;background-position:center;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.1)}.about-content{flex:1.2}.about-title{font-size:2.2rem;color:#134A45;margin-bottom:15px}.about-lead{font-size:1.15rem;font-weight:600;margin-bottom:20px;color:#444}.about-list{list-style:none;margin-bottom:25px}.about-list li{padding:6px 0 6px 30px;position:relative}.about-list li::before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:#93c93e}.about-more{margin:25px 0;padding:20px;background-color:rgba(19,74,69,0.04);border-left:5px solid #134A45;border-radius:4px}.about-more p{font-style:italic;margin-bottom:12px;font-size:1rem}.about-highlight{font-weight:700;color:#134A45}.about-btn{display:inline-block;padding:10px 24px;background-color:#134A45;color:#fff!important;text-decoration:none;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:0.85rem;transition:0.3s ease}.about-btn:hover{background-color:#0d332f;transform:translateX(5px)}.about-text{font-size:0.95rem;color:#555}@media (max-width:992px){.about-container{flex-direction:column;gap:30px}.about-image{width:100%;min-height:300px}.about-content{text-align:left}}.breakdance .bde-section-12-157 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-12-157 .section-container{padding-top:0px}.tomek-section{display:flex;align-items:center;gap:60px;max-width:1100px;margin:0 auto;padding:40px 20px}.tomek-content{flex:1}.tomek-title{font-family:'Montserrat',sans-serif;font-size:2.2rem;color:#134A45;margin-bottom:20px;font-weight:800}.tomek-content p{font-size:1.1rem;color:#444;line-height:1.6;margin-bottom:20px}.tomek-btn{display:inline-block;padding:15px 30px;background-color:#8BC405;color:#fff;text-decoration:none;font-weight:700;border-radius:5px;margin-top:10px;text-transform:uppercase;transition:all 0.3s ease}.tomek-btn:hover{background-color:#134A45;transform:translateY(-2px)}.tomek-image-wrapper{flex:0 0 350px;display:flex;justify-content:center}.tomek-avatar{width:350px;height:350px;object-fit:cover;object-position:center top;border-radius:50%;border:12px solid #8BC405;box-shadow:0 15px 35px rgba(0,0,0,0.15)}@media (max-width:900px){.tomek-section{flex-direction:column-reverse;text-align:center;gap:40px}.tomek-avatar{width:280px;height:280px}}