.breakdance .bde-section-218-107 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-218-107 .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>"})})}});