SAP Renovation – Restauro e Vendita di Pianoforti<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n \/* WordPress Override Styles *\/\n html {\n margin: 0 !important;\n padding: 0 !important;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body,\n body.page,\n body.single,\n body.archive,\n body.home {\n font-family: 'DM Sans', sans-serif;\n color: #000000;\n background-color: #ffffff;\n line-height: 1.6;\n margin: 0 !important;\n padding: 0 !important;\n margin-top: 0 !important;\n padding-top: 0 !important;\n }\n \n \/* Nadpisanie ewentualnych kontener\u00f3w WordPress *\/\n .entry-content,\n .wp-block-html,\n #content,\n .site-content,\n main {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .container {\n max-width: 1480px;\n margin: 0 auto;\n padding: 0 40px;\n }\n\n \/* Banner Section *\/\n .banner {\n background: #000000;\n padding: 100px 40px;\n position: relative;\n overflow: hidden;\n }\n\n .banner::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -10%;\n width: 600px;\n height: 600px;\n background: #e4c383;\n border-radius: 50%;\n opacity: 0.05;\n z-index: 0;\n }\n\n .banner::after {\n content: '';\n position: absolute;\n bottom: -30%;\n left: -5%;\n width: 500px;\n height: 500px;\n background: #e4c383;\n border-radius: 50%;\n opacity: 0.03;\n z-index: 0;\n }\n\n .banner-content {\n position: relative;\n z-index: 1;\n max-width: 1250px;\n margin: 0 auto;\n }\n\n .banner-header {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .banner h1 {\n color: #e4c383;\n font-size: 72px;\n font-weight: 900;\n margin-bottom: 20px;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .banner-subtitle {\n color: #ffffff;\n font-size: 20px;\n font-weight: 400;\n opacity: 0.8;\n }\n\n .bullet-points {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n }\n\n .bullet-item {\n background: rgba(255, 255, 255, 0.03);\n padding: 40px 35px;\n border: 2px solid rgba(228, 195, 131, 0.3);\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .bullet-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: #e4c383;\n transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .bullet-item:hover {\n transform: translateX(8px);\n background: rgba(228, 195, 131, 0.05);\n border-color: #e4c383;\n }\n\n .bullet-item:hover::before {\n height: 100%;\n }\n\n .bullet-icon {\n color: #e4c383;\n font-size: 32px;\n margin-bottom: 20px;\n display: block;\n }\n\n .bullet-item p {\n color: #ffffff;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.5;\n }\n\n \/* Choice Section *\/\n .choice-section {\n padding: 60px 40px 120px;\n text-align: center;\n background: #ffffff;\n position: relative;\n }\n\n .choice-section h2 {\n font-size: 56px;\n margin-bottom: 20px;\n color: #000000;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .choice-subtitle {\n font-size: 20px;\n color: #666;\n margin-bottom: 80px;\n font-weight: 400;\n }\n\n .choice-buttons {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .choice-btn {\n background: #000000;\n border: 3px solid #000000;\n cursor: pointer;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n height: 500px;\n }\n\n .choice-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n transition: transform 0.5s ease;\n }\n\n .choice-bg::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.3) 100%);\n }\n\n .choice-btn:hover .choice-bg {\n transform: scale(1.08);\n }\n\n .choice-btn-inner {\n padding: 60px 40px;\n position: relative;\n z-index: 1;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .choice-btn::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 5px;\n background: #e4c383;\n transition: width 0.4s ease;\n z-index: 2;\n }\n\n .choice-btn:hover::before {\n width: 100%;\n }\n\n .choice-btn.active {\n border-color: #e4c383;\n }\n\n .choice-btn.active::before {\n width: 100%;\n }\n\n .choice-btn h3 {\n font-size: 36px;\n margin-bottom: 15px;\n color: #ffffff;\n font-weight: 900;\n line-height: 1.2;\n }\n\n .choice-arrow {\n display: block;\n margin-top: 20px;\n font-size: 28px;\n color: #e4c383;\n }\n\n .choice-arrow {\n display: block;\n margin-top: 20px;\n font-size: 32px;\n color: #e4c383;\n animation: bounceArrow 2s infinite;\n position: relative;\n z-index: 2;\n }\n\n @keyframes bounceArrow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Content Sections *\/\n .content-section {\n display: none;\n padding: 60px 40px 25px;\n animation: fadeInUp 0.6s ease;\n scroll-margin-top: 100px;\n }\n\n .content-section.active {\n display: block;\n }\n\n @keyframes fadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px);\n }\n to { \n opacity: 1; \n transform: translateY(0);\n }\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .section-header h2 {\n font-size: 56px;\n margin-bottom: 20px;\n color: #000000;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .section-header .subtitle {\n font-size: 20px;\n color: #666;\n font-weight: 400;\n font-style: normal;\n max-width: 800px;\n margin: 0 auto;\n white-space: nowrap;\n }\n\n .content-section h3 {\n font-size: 42px;\n margin: 25px 0 15px;\n color: #000000;\n text-align: center;\n font-weight: 700;\n position: relative;\n display: inline-block;\n width: 100%;\n }\n\n .content-section h3::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: #e4c383;\n }\n\n \/* Gallery Grid *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 40px;\n margin-bottom: 20px;\n padding: 25px 0;\n }\n\n .gallery-item {\n background: #ffffff;\n border: 2px solid #000000;\n border-radius: 0;\n overflow: visible;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n z-index: 1;\n }\n\n .gallery-item:hover {\n transform: scale(1.07);\n border-color: #e4c383;\n z-index: 100;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .gallery-item-image {\n position: relative;\n overflow: hidden;\n height: 300px;\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .gallery-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: #e4c383;\n color: #000000;\n padding: 8px 16px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 2;\n }\n\n .gallery-item-content {\n padding: 30px;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .gallery-item h4 {\n font-size: 24px;\n margin-bottom: 10px;\n color: #000000;\n font-weight: 700;\n }\n\n .gallery-item p {\n color: #666;\n font-size: 15px;\n font-weight: 500;\n }\n\n \/* Process Steps *\/\n .process-steps {\n max-width: 1400px;\n margin: 0 auto 20px;\n position: relative;\n }\n\n .process-steps::before {\n content: '';\n position: absolute;\n left: 30px;\n top: 40px;\n bottom: 40px;\n width: 2px;\n background: linear-gradient(to bottom, #e4c383 0%, #e4c383 100%);\n }\n\n .step {\n background: #ffffff;\n padding: 40px 40px 40px 100px;\n margin-bottom: 30px;\n border: 2px solid #000000;\n border-radius: 0;\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .step:hover {\n transform: translateX(12px);\n border-color: #e4c383;\n background: rgba(228, 195, 131, 0.05);\n }\n\n .step-number {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 60px;\n height: 60px;\n background: #000000;\n color: #e4c383;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n border: 2px solid #e4c383;\n transition: all 0.4s ease;\n }\n\n .step:hover .step-number {\n background: #e4c383;\n color: #000000;\n transform: translateY(-50%) rotate(360deg);\n }\n\n .step h4 {\n font-size: 24px;\n margin-bottom: 12px;\n color: #000000;\n font-weight: 700;\n }\n\n .step p {\n color: #666;\n font-size: 16px;\n line-height: 1.6;\n }\n\n \/* Piano Carousel *\/\n .piano-carousel {\n position: relative;\n margin: 15px 0 20px;\n overflow: hidden;\n }\n\n .piano-carousel::before,\n .piano-carousel::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 150px;\n z-index: 10;\n pointer-events: none;\n }\n\n .piano-carousel::before {\n left: 0;\n background: linear-gradient(to right, #ffffff 0%, transparent 100%);\n }\n\n .piano-carousel::after {\n right: 0;\n background: linear-gradient(to left, #ffffff 0%, transparent 100%);\n }\n\n .carousel-container {\n overflow: hidden;\n }\n\n .carousel-track {\n display: flex;\n gap: 30px;\n animation: scroll 60s linear infinite;\n width: max-content;\n }\n\n .carousel-track:hover {\n animation-play-state: paused;\n }\n\n @keyframes scroll {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .piano-card {\n flex-shrink: 0;\n width: 350px;\n background: #ffffff;\n border: 2px solid #000000;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n display: block;\n color: inherit;\n }\n\n .piano-card:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .piano-card-image {\n position: relative;\n overflow: hidden;\n height: 350px;\n background: #f5f5f5;\n }\n\n .piano-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .piano-card:hover img {\n transform: scale(1.1);\n }\n\n .piano-info {\n padding: 25px;\n text-align: center;\n background: #000000;\n color: #ffffff;\n }\n\n .piano-info h4 {\n font-size: 20px;\n margin-bottom: 8px;\n color: #e4c383;\n font-weight: 700;\n }\n\n .piano-info p {\n font-size: 16px;\n color: #ffffff;\n font-weight: 500;\n }\n\n .piano-length {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 10px;\n color: rgba(255, 255, 255, 0.8);\n font-size: 14px;\n }\n\n .piano-length i {\n color: #e4c383;\n }\n\n .see-more {\n text-align: center;\n margin-top: 50px;\n }\n\n .see-more a {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 50px;\n background: #000000;\n color: #e4c383;\n text-decoration: none;\n font-size: 18px;\n font-weight: 700;\n border: 2px solid #e4c383;\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .see-more a:hover {\n background: #e4c383;\n color: #000000;\n transform: translateY(-3px);\n }\n\n .see-more a i {\n transition: transform 0.3s ease;\n }\n\n .see-more a:hover i {\n transform: translateX(5px);\n }\n\n \/* CTA Sections *\/\n .cta-section {\n background: #000000;\n padding: 80px 40px;\n text-align: center;\n margin: 100px 0;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n linear-gradient(45deg, transparent 48%, rgba(228, 195, 131, 0.1) 49%, rgba(228, 195, 131, 0.1) 51%, transparent 52%),\n linear-gradient(-45deg, transparent 48%, rgba(228, 195, 131, 0.1) 49%, rgba(228, 195, 131, 0.1) 51%, transparent 52%);\n background-size: 60px 60px;\n opacity: 0.3;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-section h3 {\n color: #e4c383;\n font-size: 42px;\n margin-bottom: 20px;\n font-weight: 900;\n text-align: center;\n letter-spacing: -1px;\n }\n\n .cta-section h3::after {\n display: none;\n }\n\n .cta-section p {\n color: #ffffff;\n font-size: 19px;\n margin-bottom: 40px;\n font-weight: 400;\n line-height: 1.6;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 15px;\n padding: 20px 50px;\n background: #e4c383;\n color: #000000;\n text-decoration: none;\n font-size: 20px;\n font-weight: 700;\n border: 3px solid #e4c383;\n border-radius: 0;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .cta-btn:hover {\n background: transparent;\n color: #e4c383;\n transform: translateY(-3px);\n }\n\n .cta-btn i {\n font-size: 22px;\n transition: transform 0.3s ease;\n }\n\n .cta-btn:hover i {\n transform: scale(1.2);\n }\n\n \/* Form *\/\n .contact-form {\n display: none;\n max-width: 1400px;\n margin: 50px auto 0;\n background: #ffffff;\n padding: 50px;\n border: 3px solid #e4c383;\n border-radius: 0;\n }\n\n .contact-form.active {\n display: block;\n animation: slideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n @keyframes slideDown {\n from { \n opacity: 0; \n transform: translateY(-30px);\n }\n to { \n opacity: 1; \n transform: translateY(0);\n }\n }\n\n .form-group {\n margin-bottom: 30px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 10px;\n color: #000000;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 18px;\n border: 2px solid #000000;\n border-radius: 0;\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n transition: all 0.3s ease;\n background: #ffffff;\n }\n\n .form-group input:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: #e4c383;\n background: rgba(228, 195, 131, 0.05);\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 140px;\n }\n\n .submit-btn {\n width: 100%;\n padding: 20px;\n background: #000000;\n color: #e4c383;\n border: 2px solid #e4c383;\n border-radius: 0;\n font-size: 18px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .submit-btn:hover {\n background: #e4c383;\n color: #000000;\n transform: translateY(-3px);\n }\n\n .form-checkbox {\n margin-bottom: 20px;\n }\n\n .form-checkbox label {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-size: 14px;\n font-weight: 400;\n text-transform: none;\n letter-spacing: 0;\n cursor: pointer;\n }\n\n .form-checkbox label a {\n color: #e4c383;\n text-decoration: underline;\n }\n\n .form-checkbox label a:hover {\n color: #000000;\n }\n\n .form-checkbox input[type=\"checkbox\"] {\n width: auto;\n margin-top: 4px;\n flex-shrink: 0;\n cursor: pointer;\n }\n\n \/* Team Section *\/\n .team-section {\n background: #f8f8f8;\n padding: 100px 40px;\n margin: 100px 0;\n }\n\n .team-section h3 {\n font-size: 48px;\n margin-bottom: 70px;\n color: #000000;\n text-align: center;\n font-weight: 900;\n }\n\n .team-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .team-member {\n background: #ffffff;\n padding: 0;\n border: 2px solid #000000;\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n }\n\n .team-member:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .team-member-image {\n width: 100%;\n height: 320px;\n background: #f5f5f5;\n position: relative;\n overflow: hidden;\n }\n\n .team-member img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .team-member:hover img {\n transform: scale(1.1);\n }\n\n .team-member-info {\n padding: 30px;\n text-align: center;\n background: #000000;\n }\n\n .team-member h4 {\n font-size: 22px;\n margin-bottom: 10px;\n color: #e4c383;\n font-weight: 700;\n }\n\n .team-member p {\n color: #ffffff;\n font-size: 15px;\n font-weight: 500;\n }\n\n \/* Why Choose Section *\/\n .why-choose {\n max-width: 1480px;\n margin: 0 auto;\n padding: 50px 40px 100px;\n }\n\n .why-choose h3 {\n font-size: 48px;\n text-align: center;\n margin-bottom: 70px;\n color: #000000;\n font-weight: 900;\n }\n\n .why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 35px;\n }\n\n .why-item {\n background: #ffffff;\n padding: 50px 35px;\n border: 3px solid #000000;\n border-radius: 0;\n text-align: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .why-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: #e4c383;\n transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 0;\n }\n\n .why-item:hover::before {\n left: 0;\n }\n\n .why-item:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .why-icon {\n font-size: 52px;\n color: #e4c383;\n margin-bottom: 25px;\n position: relative;\n z-index: 1;\n transition: all 0.4s ease;\n }\n\n .why-item:hover .why-icon {\n transform: rotateY(360deg);\n color: #000000;\n }\n\n .why-item h4 {\n font-size: 22px;\n margin-bottom: 15px;\n color: #000000;\n font-weight: 700;\n position: relative;\n z-index: 1;\n }\n\n .why-item p {\n color: #666;\n font-size: 16px;\n line-height: 1.6;\n position: relative;\n z-index: 1;\n }\n\n .team-image {\n width: 100%;\n margin-top: 50px;\n overflow: hidden;\n border: 3px solid #000000;\n }\n\n .team-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\n\n .team-image:hover img {\n transform: scale(1.05);\n }\n\n .description-box {\n text-align: center;\n max-width: 1400px;\n margin: 20px auto;\n padding: 50px;\n background: #f8f8f8;\n border-left: 5px solid #e4c383;\n border-right: 5px solid #e4c383;\n }\n\n .description-box p {\n font-size: 20px;\n line-height: 1.7;\n color: #000000;\n font-weight: 500;\n }\n\n .description-box strong {\n color: #e4c383;\n font-weight: 700;\n }\n\n \/* Expert Contact Section - NOWA WERSJA *\/\n .expert-section {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/tlo.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 150px 40px;\n position: relative;\n margin: 0 !important;\n }\n\n .expert-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);\n z-index: 0;\n }\n\n .expert-container {\n max-width: 1250px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: flex-end;\n position: relative;\n z-index: 1;\n }\n\n .expert-info {\n text-align: left;\n position: relative;\n z-index: 1;\n }\n\n .contact-info-box {\n background: transparent;\n padding: 30px;\n border: none;\n transition: all 0.3s ease;\n }\n\n .contact-info-box:hover {\n border-color: transparent;\n background: transparent;\n }\n\n .expert-info h3 {\n color: #e4c383;\n font-size: 48px;\n font-weight: 900;\n margin: 0 0 10px 0;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .expert-info .role {\n color: #ffffff;\n font-size: 20px;\n margin: 0 0 30px 0;\n font-weight: 500;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .expert-contact {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 15px;\n color: #ffffff;\n font-size: 18px;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .contact-item i {\n color: #e4c383;\n font-size: 20px;\n width: 24px;\n }\n\n .contact-link {\n color: #ffffff;\n text-decoration: none;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .contact-link:hover {\n color: #e4c383;\n }\n\n .expert-benefits {\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n\n .benefit-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .benefit-item {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(0, 0, 0, 0.6);\n padding: 20px;\n border: 2px solid rgba(228, 195, 131, 0.3);\n transition: all 0.3s ease;\n }\n\n .benefit-item:hover {\n border-color: #e4c383;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .benefit-icon {\n width: 50px;\n height: 50px;\n background: #e4c383;\n color: #000000;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .benefit-text h5 {\n color: #ffffff;\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n line-height: 1.4;\n }\n\n .benefit-text h5 {\n color: #ffffff;\n font-size: 18px;\n font-weight: 700;\n margin: 0;\n line-height: 1.3;\n }\n\n \/* Before\/After Slider *\/\n .comparison-slider {\n position: relative;\n width: 100%;\n height: 350px;\n overflow: hidden;\n border: 3px solid #000000;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n }\n\n .comparison-slider img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n transition: none !important;\n }\n\n .img-before {\n z-index: 2;\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n will-change: clip-path;\n }\n\n .slider-handle {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 4px;\n background: #e4c383;\n z-index: 3;\n cursor: ew-resize;\n transform: translateX(-2px);\n transition: none !important;\n will-change: left;\n }\n\n .slider-handle::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 50px;\n height: 50px;\n background: #e4c383;\n border: 3px solid #000000;\n border-radius: 50%;\n }\n\n .slider-handle::after {\n content: '\u27f7';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #000000;\n font-size: 24px;\n font-weight: 900;\n z-index: 4;\n }\n\n .comparison-label {\n position: absolute;\n top: 20px;\n padding: 8px 16px;\n background: #000000;\n color: #e4c383;\n font-weight: 700;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 4;\n }\n\n .label-before {\n left: 20px;\n }\n\n .label-after {\n right: 20px;\n }\n\n \/* Split CTA Section *\/\n .cta-split {\n background: #000000;\n margin: 25px 0;\n overflow: hidden;\n position: relative;\n min-height: 400px;\n }\n\n .cta-split::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.5;\n z-index: 0;\n transition: filter 0.3s ease;\n }\n\n .cta-renovation::before {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/f-_MG_2413-copy-2-scaled.jpg');\n }\n\n .cta-sale::before {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/kafelek-sprzedaz.jpg');\n }\n\n .cta-split.form-active::before {\n filter: blur(8px);\n }\n\n .cta-split::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.35);\n z-index: 0;\n transition: background 0.3s ease;\n pointer-events: none;\n }\n\n .cta-split.form-active::after {\n background: rgba(0, 0, 0, 0.5);\n }\n\n .cta-split-content {\n padding: 50px;\n position: relative;\n z-index: 1;\n transition: filter 0.3s ease;\n max-width: 1400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-split.form-active .cta-split-content {\n filter: none;\n }\n\n .cta-split-image {\n display: none;\n }\n\n .cta-split-image img {\n display: none;\n }\n\n @media (max-width: 1024px) {\n .expert-container {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .expert-profile {\n max-width: 500px;\n margin: 0 auto;\n }\n\n .cta-split {\n grid-template-columns: 1fr;\n }\n\n .cta-split-image {\n height: 400px;\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n body {\n overflow-x: hidden !important;\n }\n\n \/* Expert Section Mobile *\/\n .expert-section {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/mobile.png');\n background-size: cover;\n background-position: center;\n padding: 180px 20px 100px;\n }\n\n .expert-container {\n grid-template-columns: 1fr;\n gap: 30px;\n margin-top: 50%;\n }\n\n .expert-info h3 {\n font-size: 32px;\n white-space: nowrap;\n }\n\n .expert-info .role {\n font-size: 16px;\n white-space: nowrap;\n }\n\n .contact-item {\n font-size: 14px;\n }\n\n .benefit-item {\n padding: 15px;\n }\n\n .benefit-icon {\n width: 40px;\n height: 40px;\n font-size: 20px;\n }\n\n .benefit-text h5 {\n font-size: 14px;\n }\n\n .container {\n padding: 0 20px;\n }\n\n .banner {\n padding: 60px 20px;\n }\n\n .banner h1 {\n font-size: 42px;\n }\n\n .choice-section {\n padding: 80px 20px;\n }\n\n .choice-section h2 {\n font-size: 28px;\n }\n\n .choice-buttons {\n grid-template-columns: 1fr;\n gap: 25px;\n }\n\n .choice-btn {\n min-width: 100%;\n }\n\n .content-section {\n padding: 60px 20px;\n }\n\n .section-header h2,\n .content-section h3 {\n font-size: 32px;\n }\n\n .section-header .subtitle {\n white-space: normal;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n padding: 40px 0;\n }\n\n .gallery-item:hover {\n transform: none;\n box-shadow: none;\n }\n\n .piano-carousel {\n padding: 0;\n margin: 15px 0 20px;\n }\n\n \/* Usuwamy fade na mobile *\/\n .piano-carousel::before,\n .piano-carousel::after {\n display: none;\n }\n\n \/* W\u0142\u0105czamy swipe scrolling zamiast auto-karuzeli *\/\n .carousel-container {\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scrollbar-width: none; \/* Firefox *\/\n -ms-overflow-style: none; \/* IE\/Edge *\/\n }\n\n .carousel-container::-webkit-scrollbar {\n display: none; \/* Chrome\/Safari *\/\n }\n\n .carousel-track {\n animation: none; \/* Wy\u0142\u0105czamy auto-scroll *\/\n padding: 0 20px;\n }\n\n .piano-card {\n scroll-snap-align: start;\n }\n\n .carousel-btn {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n\n .process-steps::before {\n left: 15px;\n }\n\n .step {\n padding: 30px 30px 30px 80px;\n }\n\n .step h4 {\n text-align: left;\n }\n\n .step p {\n text-align: left;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n\n .team-section,\n .why-choose,\n .cta-section {\n padding: 60px 20px;\n }\n\n .why-choose h3 {\n font-size: 28px;\n }\n\n .contact-form {\n padding: 20px 15px;\n margin: 30px 0 0 0;\n }\n\n \/* Zmniejszenie font\u00f3w w nag\u0142\u00f3wkach CTA na mobile *\/\n .cta-split h3 {\n font-size: 21px !important;\n }\n\n \/* CTA Split sections - full width wobec ekranu *\/\n .cta-split {\n margin-left: -20px;\n margin-right: -20px;\n margin-top: 0;\n margin-bottom: 0;\n max-width: none;\n }\n\n .cta-split-content {\n padding: 30px 20px;\n max-width: 100%;\n }\n\n \/* Formularze wewn\u0105trz CTA - minimalne odst\u0119py *\/\n .cta-split .contact-form {\n padding: 25px 15px;\n border-left: none;\n border-right: none;\n }\n\n .cta-split .form-group {\n margin-bottom: 20px;\n }\n\n .cta-split .form-group input,\n .cta-split .form-group textarea {\n padding: 14px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"expert-section\">\n <div class=\"expert-container\">\n <div class=\"expert-info\">\n <div class=\"contact-info-box\">\n <h3>Krzysztof Skwarek<\/h3>\n <p class=\"role\">Consulente Vendite e Restauro<\/p>\n <div class=\"expert-contact\">\n <div class=\"contact-item\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <a href=\"tel:+48609809703\" class=\"contact-link\">+48 609 809 703<\/a>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <a href=\"mailto:krzysztof@saprenovation.com\" class=\"contact-link\">krzysztof@saprenovation.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"expert-benefits\">\n <div class=\"benefit-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-user-tie\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Contatto con un esperto, non con un venditore<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-camera\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Preventivo preciso basato su foto e specifiche<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-award\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Oltre 36 anni di esperienza nel restauro<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Approccio individuale per ogni strumento<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-chart-line\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Oltre 14.000 restauri completati<\/h5>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"choice-section\">\n <h2>Scegli cosa ti interessa<\/h2>\n <p class=\"choice-subtitle\">Restauro professionale o strumenti premium pronti<\/p>\n <div class=\"choice-buttons\">\n <div class=\"choice-btn\" onclick=\"showSection('renovation')\">\n <div class=\"choice-bg\" style=\"background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/f-_MG_2413-copy-2-scaled.jpg');\"><\/div>\n <div class=\"choice-btn-inner\">\n <h3>Restauro del<br>Vostro Pianoforte<\/h3>\n <span class=\"choice-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"choice-btn\" onclick=\"showSection('sale')\">\n <div class=\"choice-bg\" style=\"background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/kafelek-sprzedaz.jpg');\"><\/div>\n <div class=\"choice-btn-inner\">\n <h3>Pianoforti<br>in Vendita<\/h3>\n <span class=\"choice-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"renovation-section\" class=\"content-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Restauro del Vostro Pianoforte<\/h2>\n <p class=\"subtitle\">Rinnovo completo di ogni elemento dello strumento<\/p>\n <\/div>\n\n <h3>Prima e Dopo il Restauro<\/h3>\n \n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"obudowa\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\" alt=\"Scocca dopo il restauro\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b1.png\" alt=\"Scocca prima del restauro\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRIMA<\/span>\n <span class=\"comparison-label label-after\">DOPO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Scocca<\/h4>\n <p>Restauro completo della scocca del pianoforte<\/p>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"rama\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/c2.png\" alt=\"Telaio dopo il restauro\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/c1.png\" alt=\"Telaio prima del restauro\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRIMA<\/span>\n <span class=\"comparison-label label-after\">DOPO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Acustica<\/h4>\n <p>Restauro completo dell’acustica<\/p>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"mechanizm\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/02\/after-scaled.jpg\" alt=\"Meccanica dopo il restauro\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/02\/before-scaled.jpg\" alt=\"Meccanica prima del restauro\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRIMA<\/span>\n <span class=\"comparison-label label-after\">DOPO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Meccanica con tastiera<\/h4>\n <p>Restauro completo della meccanica<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <h3>Come assumere i nostri Maestri del Restauro<\/h3>\n \n <div class=\"process-steps\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h4>Primo contatto<\/h4>\n <p>Conosciamo le vostre esigenze e aspettative riguardo al restauro.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h4>Preventivo iniziale<\/h4>\n <p>Sulla base delle foto e delle specifiche, valutiamo lo stato del pianoforte e presentiamo un ambito realistico dei lavori e dei costi.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h4>Ispezione e offerta finale<\/h4>\n <p>Se necessario, effettuiamo un’ispezione dello strumento, definiamo i dettagli del restauro e prepariamo il preventivo finale.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h4>Restauro nel nostro laboratorio<\/h4>\n <p>Realizziamo i lavori concordati. L’intero processo viene realizzato sotto lo stesso tetto.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">5<\/div>\n <h4>Pianoforte dopo il restauro<\/h4>\n <p>Concordiamo la data di consegna e lo portiamo a voi.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-split cta-renovation\">\n <div class=\"cta-split-content\">\n <h3 style=\"color: #e4c383; font-size: 42px; margin-bottom: 20px; font-weight: 900; text-align: left;\">Pronti per il restauro?<\/h3>\n <p style=\"color: #ffffff; font-size: 19px; margin-bottom: 40px; line-height: 1.6;\">Contattateci per discutere i dettagli del vostro progetto di restauro<\/p>\n <button class=\"cta-btn\" onclick=\"toggleForm('form-renovation')\">\n <i class=\"fa-solid fa-calendar-check\"><\/i>\n Fissate un appuntamento per una consulenza\n <\/button>\n \n <div id=\"form-renovation\" class=\"contact-form\">\n <form>\n <div class=\"form-group\">\n <label for=\"name-r\"><i class=\"fa-solid fa-user\"><\/i> Nome e Cognome<\/label>\n <input type=\"text\" id=\"name-r\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email-r\"><i class=\"fa-solid fa-envelope\"><\/i> Email<\/label>\n <input type=\"email\" id=\"email-r\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone-r\"><i class=\"fa-solid fa-phone\"><\/i> Telefono<\/label>\n <input type=\"tel\" id=\"phone-r\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message-r\"><i class=\"fa-solid fa-message\"><\/i> Messaggio<\/label>\n <textarea id=\"message-r\" name=\"message\" placeholder=\"Descrivete il vostro pianoforte e le vostre aspettative...\"><\/textarea>\n <\/div>\n <div class=\"form-checkbox\">\n <label>\n <input type=\"checkbox\" name=\"consent\" required>\n <span>Acconsento al trattamento dei miei dati personali in conformit\u00e0 con la <a href=\"https:\/\/saprenovation.com\/pl\/polityka-prywatnosci\/\" target=\"_blank\">Informativa sulla Privacy<\/a>.<\/span>\n <\/label>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Invia la richiesta\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"sale-section\" class=\"content-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Pianoforti in Vendita<\/h2>\n <p class=\"subtitle\">Se non trovate lo strumento ideale per voi \u2013 lo realizzeremo su ordinazione<\/p>\n <\/div>\n\n \n <div class=\"piano-carousel\">\n <div class=\"carousel-container\">\n <div class=\"carousel-track\" id=\"carousel-track\">\n \n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bluthner-sap-7329-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/SAP-7329-1-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 7329\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 7329<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>238 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bluthner-sap-10236\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/02\/1p-SAP-10236-1-copy-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 10236\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 10236<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>170 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bosendorfer-sap-10702\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/11\/SAP-10702-1-scaled-300x300.jpg\" alt=\"B\u00f6sendorfer SAP 10702\">\n <\/div>\n <div class=\"piano-info\">\n <h4>B\u00f6sendorfer<\/h4>\n <p>SAP 10702<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>200 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/c-bechstein-7755-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/Obudowa1-SAP7755-300x300.jpg\" alt=\"C. Bechstein 7755\">\n <\/div>\n <div class=\"piano-info\">\n <h4>C. Bechstein<\/h4>\n <p>SAP 7755<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>280 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/schimmel-sap-7864\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/07\/OBUDOWA1-4-300x300.jpg\" alt=\"Schimmel SAP 7864\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Schimmel<\/h4>\n <p>SAP 7864<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>150 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/impiallacciatura-melo-indiano-sap-renovation\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/09\/1p-_MG_2157-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 11034\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11034<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10480-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/OBUDOWA1-SAP10480-300x300.jpg\" alt=\"Steinway & Sons SAP 10480\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10480<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10744\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/03\/SAP-10744-1-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 10744\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10744<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-11033\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/12\/1p-SAP-11033-1-copy-300x300.jpg\" alt=\"Steinway & Sons SAP 11033\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11033<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bluthner-sap-7329-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/SAP-7329-1-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 7329\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 7329<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>238 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bluthner-sap-10236\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/02\/1p-SAP-10236-1-copy-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 10236\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 10236<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>170 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bosendorfer-sap-10702\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/11\/SAP-10702-1-scaled-300x300.jpg\" alt=\"B\u00f6sendorfer SAP 10702\">\n <\/div>\n <div class=\"piano-info\">\n <h4>B\u00f6sendorfer<\/h4>\n <p>SAP 10702<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>200 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/c-bechstein-7755-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/Obudowa1-SAP7755-300x300.jpg\" alt=\"C. Bechstein 7755\">\n <\/div>\n <div class=\"piano-info\">\n <h4>C. Bechstein<\/h4>\n <p>SAP 7755<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>280 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/schimmel-sap-7864\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/07\/OBUDOWA1-4-300x300.jpg\" alt=\"Schimmel SAP 7864\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Schimmel<\/h4>\n <p>SAP 7864<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>150 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/impiallacciatura-melo-indiano-sap-renovation\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/09\/1p-_MG_2157-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 11034\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11034<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10480-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/OBUDOWA1-SAP10480-300x300.jpg\" alt=\"Steinway & Sons SAP 10480\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10480<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10744\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/03\/SAP-10744-1-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 10744\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10744<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-11033\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/12\/1p-SAP-11033-1-copy-300x300.jpg\" alt=\"Steinway & Sons SAP 11033\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11033<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"see-more\">\n <a href=\"https:\/\/saprenovation.com\/it\/negozio\/\" target=\"_blank\">\n Vedi pi\u00f9 pianoforti\n <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n\n <div class=\"description-box\">\n <p><strong>Ogni pianoforte passa attraverso un processo completo di restauro nel nostro laboratorio<\/strong><br>\u2013 dalla scocca, all’acustica e alla meccanica.<\/p>\n <\/div>\n\n \n <div class=\"cta-split cta-sale\">\n <div class=\"cta-split-content\">\n <h3 style=\"color: #e4c383; font-size: 42px; margin-bottom: 20px; font-weight: 900; text-align: left;\">Aiutatemi a scegliere un pianoforte<\/h3>\n <p style=\"color: #ffffff; font-size: 19px; margin-bottom: 40px; line-height: 1.6;\">Il nostro esperto vi consiglier\u00e0 uno strumento adatto agli interni, alle aspettative e al budget<\/p>\n <button class=\"cta-btn\" onclick=\"toggleForm('form-premium')\">\n <i class=\"fa-solid fa-headset\"><\/i>\n Contattate l’esperto\n <\/button>\n \n <div id=\"form-premium\" class=\"contact-form\">\n <form>\n <div class=\"form-group\">\n <label for=\"name-p\"><i class=\"fa-solid fa-user\"><\/i> Nome e Cognome<\/label>\n <input type=\"text\" id=\"name-p\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email-p\"><i class=\"fa-solid fa-envelope\"><\/i> Email<\/label>\n <input type=\"email\" id=\"email-p\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone-p\"><i class=\"fa-solid fa-phone\"><\/i> Telefono<\/label>\n <input type=\"tel\" id=\"phone-p\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message-p\"><i class=\"fa-solid fa-message\"><\/i> Messaggio<\/label>\n <textarea id=\"message-p\" name=\"message\" placeholder=\"Raccontateci delle vostre aspettative...\"><\/textarea>\n <\/div>\n <div class=\"form-checkbox\">\n <label>\n <input type=\"checkbox\" name=\"consent\" required>\n <span>Acconsento al trattamento dei miei dati personali in conformit\u00e0 con la <a href=\"https:\/\/saprenovation.com\/pl\/polityka-prywatnosci\/\" target=\"_blank\">Informativa sulla Privacy<\/a>.<\/span>\n <\/label>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Invia la richiesta\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <div class=\"cta-split-image\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x800\/e4c383\/000?text=Fortepian\" alt=\"Fortepian premium\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"why-choose\">\n <h3>Perch\u00e9 i clienti scelgono SAP Renovation<\/h3>\n <div class=\"why-grid\">\n <div class=\"why-item\">\n <i class=\"fa-solid fa-handshake why-icon\"><\/i>\n <h4>Non siamo intermediari<\/h4>\n <p>Lavoriamo direttamente con il cliente, senza costi inutili<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-building why-icon\"><\/i>\n <h4>Tutto sotto lo stesso tetto<\/h4>\n <p>Processo completo di restauro in un unico luogo<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-globe why-icon\"><\/i>\n <h4>Clienti da tutto il mondo<\/h4>\n <p>Ci hanno affidato clienti dalla Polonia e dall’estero<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-shield-halved why-icon\"><\/i>\n <h4>Garanzia<br>per anni<\/h4>\n <p>Gli strumenti dopo il restauro servono per decenni<\/p>\n <\/div>\n <\/div>\n <div class=\"team-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/GRUPOWE-SALON-1-1-1-scaled.jpg\" alt=\"Zesp\u00f3\u0142 SAP Renovation\">\n <\/div>\n <\/section>\n\n <script>\n \/\/ Section switching\n function showSection(section) {\n document.querySelectorAll('.content-section').forEach(s => {\n s.classList.remove('active');\n });\n \n document.querySelectorAll('.choice-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n \n if (section === 'renovation') {\n document.getElementById('renovation-section').classList.add('active');\n document.querySelectorAll('.choice-btn')[0].classList.add('active');\n } else if (section === 'sale') {\n document.getElementById('sale-section').classList.add('active');\n document.querySelectorAll('.choice-btn')[1].classList.add('active');\n }\n \n setTimeout(() => {\n const targetSection = document.querySelector('.content-section.active');\n if (targetSection) {\n targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }, 100);\n }\n\n \/\/ Form toggle\n function toggleForm(formId) {\n const form = document.getElementById(formId);\n form.classList.toggle('active');\n \n \/\/ Dodaj\/usu\u0144 klas\u0119 dla efektu blur na sekcji CTA\n const ctaSection = form.closest('.cta-split');\n if (ctaSection) {\n ctaSection.classList.toggle('form-active');\n }\n }\n\n \/\/ Infinite carousel auto-scrolls via CSS animation\n \/\/ Pause\/resume handled by :hover pseudo-class\n\n \/\/ Form submission handling\n document.querySelectorAll('form').forEach(form => {\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n \n const submitBtn = form.querySelector('.submit-btn');\n const originalBtnText = submitBtn.innerHTML;\n \n \/\/ Wy\u0142\u0105cz przycisk i poka\u017c \u0142adowanie\n submitBtn.disabled = true;\n submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Invio in corso...';\n \n \/\/ Przygotuj dane formularza\n const formData = new FormData(form);\n \n \/\/ Dodaj typ formularza\n const formType = form.closest('#form-renovation') ? 'Restauro' : 'Vendita';\n formData.append('form_type', formType);\n formData.append('action', 'sap_landing_form');\n \n try {\n const response = await fetch('https:\/\/saprenovation.com\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: formData\n });\n \n const result = await response.json();\n \n if (result.success) {\n alert(result.data.message);\n form.reset();\n form.parentElement.classList.remove('active');\n \n \/\/ Usu\u0144 klas\u0119 form-active z sekcji CTA\n const ctaSection = form.closest('.cta-split');\n if (ctaSection) {\n ctaSection.classList.remove('form-active');\n }\n } else {\n alert(result.data.message || 'Si \u00e8 verificato un errore. Riprova.');\n }\n } catch (error) {\n console.error('B\u0142\u0105d:', error);\n alert('Si \u00e8 verificato un errore durante l\\'invio del modulo. Riprova o contattaci telefonicamente.');\n } finally {\n \/\/ Przywr\u00f3\u0107 przycisk\n submitBtn.disabled = false;\n submitBtn.innerHTML = originalBtnText;\n }\n });\n });\n\n \/\/ Before\/After Image Comparison Slider\n document.querySelectorAll('.comparison-slider').forEach(slider => {\n const handle = slider.querySelector('.slider-handle');\n const beforeImg = slider.querySelector('.img-before');\n let isDragging = false;\n\n function updateSlider(x) {\n const rect = slider.getBoundingClientRect();\n const offset = x - rect.left;\n const percentage = (offset \/ rect.width) * 100;\n const clampedPercentage = Math.max(0, Math.min(100, percentage));\n \n handle.style.left = clampedPercentage + '%';\n beforeImg.style.clipPath = `polygon(0 0, ${clampedPercentage}% 0, ${clampedPercentage}% 100%, 0 100%)`;\n }\n\n handle.addEventListener('mousedown', () => {\n isDragging = true;\n });\n\n document.addEventListener('mousemove', (e) => {\n if (isDragging) {\n updateSlider(e.clientX);\n }\n });\n\n document.addEventListener('mouseup', () => {\n isDragging = false;\n });\n\n \/\/ Touch support\n handle.addEventListener('touchstart', (e) => {\n isDragging = true;\n e.preventDefault();\n });\n\n document.addEventListener('touchmove', (e) => {\n if (isDragging) {\n updateSlider(e.touches[0].clientX);\n }\n });\n\n document.addEventListener('touchend', () => {\n isDragging = false;\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SAP Renovation – Restauro e Vendita di Pianoforti Krzysztof Skwarek Consulente Vendite e Restauro +48 609 809 703 krzysztof@saprenovation.com Contatto con un esperto, non con un venditore Preventivo preciso…<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75760","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>landing_contatto - SAP Renovation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/saprenovation.com\/it\/landing_contatto\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"landing_contatto - SAP Renovation\" \/>\n<meta property=\"og:description\" content=\"SAP Renovation – Restauro e Vendita di Pianoforti Krzysztof Skwarek Consulente Vendite e Restauro +48 609 809 703 krzysztof@saprenovation.com Contatto con un esperto, non con un venditore Preventivo preciso...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/saprenovation.com\/it\/landing_contatto\/\" \/>\n<meta property=\"og:site_name\" content=\"SAP Renovation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/saprenovation\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-16T17:46:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/\",\"url\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/\",\"name\":\"landing_contatto - SAP Renovation\",\"isPartOf\":{\"@id\":\"https:\/\/saprenovation.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\",\"datePublished\":\"2026-01-19T22:33:22+00:00\",\"dateModified\":\"2026-02-16T17:46:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/saprenovation.com\/it\/landing_contatto\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage\",\"url\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\",\"contentUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"SAP Renovation\",\"item\":\"https:\/\/saprenovation.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"landing_contatto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/saprenovation.com\/it\/#website\",\"url\":\"https:\/\/saprenovation.com\/it\/\",\"name\":\"SAP Renovation\",\"description\":\"The finest European piano restoration\",\"publisher\":{\"@id\":\"https:\/\/saprenovation.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/saprenovation.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/saprenovation.com\/it\/#organization\",\"name\":\"SAP Renovation\",\"alternateName\":\"Profesjonalna Renowacja Fortepian\u00f3w\",\"url\":\"https:\/\/saprenovation.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/saprenovation.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp\",\"contentUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp\",\"width\":112,\"height\":96,\"caption\":\"SAP Renovation\"},\"image\":{\"@id\":\"https:\/\/saprenovation.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/saprenovation\/\"]}]}<\/script>\n","yoast_head_json":{"title":"landing_contatto - SAP Renovation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/saprenovation.com\/it\/landing_contatto\/","og_locale":"it_IT","og_type":"article","og_title":"landing_contatto - SAP Renovation","og_description":"SAP Renovation – Restauro e Vendita di Pianoforti Krzysztof Skwarek Consulente Vendite e Restauro +48 609 809 703 krzysztof@saprenovation.com Contatto con un esperto, non con un venditore Preventivo preciso...","og_url":"https:\/\/saprenovation.com\/it\/landing_contatto\/","og_site_name":"SAP Renovation","article_publisher":"https:\/\/www.facebook.com\/saprenovation\/","article_modified_time":"2026-02-16T17:46:41+00:00","og_image":[{"url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"9 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/","url":"https:\/\/saprenovation.com\/it\/landing_contatto\/","name":"landing_contatto - SAP Renovation","isPartOf":{"@id":"https:\/\/saprenovation.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage"},"image":{"@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage"},"thumbnailUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","datePublished":"2026-01-19T22:33:22+00:00","dateModified":"2026-02-16T17:46:41+00:00","breadcrumb":{"@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/saprenovation.com\/it\/landing_contatto\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage","url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","contentUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"SAP Renovation","item":"https:\/\/saprenovation.com\/it\/"},{"@type":"ListItem","position":2,"name":"landing_contatto"}]},{"@type":"WebSite","@id":"https:\/\/saprenovation.com\/it\/#website","url":"https:\/\/saprenovation.com\/it\/","name":"SAP Renovation","description":"The finest European piano restoration","publisher":{"@id":"https:\/\/saprenovation.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/saprenovation.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/saprenovation.com\/it\/#organization","name":"SAP Renovation","alternateName":"Profesjonalna Renowacja Fortepian\u00f3w","url":"https:\/\/saprenovation.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/saprenovation.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp","contentUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp","width":112,"height":96,"caption":"SAP Renovation"},"image":{"@id":"https:\/\/saprenovation.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/saprenovation\/"]}]}},"_links":{"self":[{"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/pages\/75760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/comments?post=75760"}],"version-history":[{"count":9,"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/pages\/75760\/revisions"}],"predecessor-version":[{"id":76047,"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/pages\/75760\/revisions\/76047"}],"wp:attachment":[{"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/media?parent=75760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":75760,"date":"2026-01-19T23:33:22","date_gmt":"2026-01-19T22:33:22","guid":{"rendered":"https:\/\/saprenovation.com\/?page_id=75760"},"modified":"2026-02-16T18:46:41","modified_gmt":"2026-02-16T17:46:41","slug":"landing_contatto","status":"publish","type":"page","link":"https:\/\/saprenovation.com\/it\/landing_contatto\/","title":{"rendered":"landing_contatto"},"content":{"rendered":"\n\n\n\n \n \n SAP Renovation – Restauro e Vendita di Pianoforti<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n \/* WordPress Override Styles *\/\n html {\n margin: 0 !important;\n padding: 0 !important;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body,\n body.page,\n body.single,\n body.archive,\n body.home {\n font-family: 'DM Sans', sans-serif;\n color: #000000;\n background-color: #ffffff;\n line-height: 1.6;\n margin: 0 !important;\n padding: 0 !important;\n margin-top: 0 !important;\n padding-top: 0 !important;\n }\n \n \/* Nadpisanie ewentualnych kontener\u00f3w WordPress *\/\n .entry-content,\n .wp-block-html,\n #content,\n .site-content,\n main {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .container {\n max-width: 1480px;\n margin: 0 auto;\n padding: 0 40px;\n }\n\n \/* Banner Section *\/\n .banner {\n background: #000000;\n padding: 100px 40px;\n position: relative;\n overflow: hidden;\n }\n\n .banner::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -10%;\n width: 600px;\n height: 600px;\n background: #e4c383;\n border-radius: 50%;\n opacity: 0.05;\n z-index: 0;\n }\n\n .banner::after {\n content: '';\n position: absolute;\n bottom: -30%;\n left: -5%;\n width: 500px;\n height: 500px;\n background: #e4c383;\n border-radius: 50%;\n opacity: 0.03;\n z-index: 0;\n }\n\n .banner-content {\n position: relative;\n z-index: 1;\n max-width: 1250px;\n margin: 0 auto;\n }\n\n .banner-header {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .banner h1 {\n color: #e4c383;\n font-size: 72px;\n font-weight: 900;\n margin-bottom: 20px;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .banner-subtitle {\n color: #ffffff;\n font-size: 20px;\n font-weight: 400;\n opacity: 0.8;\n }\n\n .bullet-points {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n }\n\n .bullet-item {\n background: rgba(255, 255, 255, 0.03);\n padding: 40px 35px;\n border: 2px solid rgba(228, 195, 131, 0.3);\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .bullet-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: #e4c383;\n transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .bullet-item:hover {\n transform: translateX(8px);\n background: rgba(228, 195, 131, 0.05);\n border-color: #e4c383;\n }\n\n .bullet-item:hover::before {\n height: 100%;\n }\n\n .bullet-icon {\n color: #e4c383;\n font-size: 32px;\n margin-bottom: 20px;\n display: block;\n }\n\n .bullet-item p {\n color: #ffffff;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.5;\n }\n\n \/* Choice Section *\/\n .choice-section {\n padding: 60px 40px 120px;\n text-align: center;\n background: #ffffff;\n position: relative;\n }\n\n .choice-section h2 {\n font-size: 56px;\n margin-bottom: 20px;\n color: #000000;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .choice-subtitle {\n font-size: 20px;\n color: #666;\n margin-bottom: 80px;\n font-weight: 400;\n }\n\n .choice-buttons {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .choice-btn {\n background: #000000;\n border: 3px solid #000000;\n cursor: pointer;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n height: 500px;\n }\n\n .choice-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n transition: transform 0.5s ease;\n }\n\n .choice-bg::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.3) 100%);\n }\n\n .choice-btn:hover .choice-bg {\n transform: scale(1.08);\n }\n\n .choice-btn-inner {\n padding: 60px 40px;\n position: relative;\n z-index: 1;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .choice-btn::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 5px;\n background: #e4c383;\n transition: width 0.4s ease;\n z-index: 2;\n }\n\n .choice-btn:hover::before {\n width: 100%;\n }\n\n .choice-btn.active {\n border-color: #e4c383;\n }\n\n .choice-btn.active::before {\n width: 100%;\n }\n\n .choice-btn h3 {\n font-size: 36px;\n margin-bottom: 15px;\n color: #ffffff;\n font-weight: 900;\n line-height: 1.2;\n }\n\n .choice-arrow {\n display: block;\n margin-top: 20px;\n font-size: 28px;\n color: #e4c383;\n }\n\n .choice-arrow {\n display: block;\n margin-top: 20px;\n font-size: 32px;\n color: #e4c383;\n animation: bounceArrow 2s infinite;\n position: relative;\n z-index: 2;\n }\n\n @keyframes bounceArrow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Content Sections *\/\n .content-section {\n display: none;\n padding: 60px 40px 25px;\n animation: fadeInUp 0.6s ease;\n scroll-margin-top: 100px;\n }\n\n .content-section.active {\n display: block;\n }\n\n @keyframes fadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px);\n }\n to { \n opacity: 1; \n transform: translateY(0);\n }\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .section-header h2 {\n font-size: 56px;\n margin-bottom: 20px;\n color: #000000;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .section-header .subtitle {\n font-size: 20px;\n color: #666;\n font-weight: 400;\n font-style: normal;\n max-width: 800px;\n margin: 0 auto;\n white-space: nowrap;\n }\n\n .content-section h3 {\n font-size: 42px;\n margin: 25px 0 15px;\n color: #000000;\n text-align: center;\n font-weight: 700;\n position: relative;\n display: inline-block;\n width: 100%;\n }\n\n .content-section h3::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: #e4c383;\n }\n\n \/* Gallery Grid *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 40px;\n margin-bottom: 20px;\n padding: 25px 0;\n }\n\n .gallery-item {\n background: #ffffff;\n border: 2px solid #000000;\n border-radius: 0;\n overflow: visible;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n z-index: 1;\n }\n\n .gallery-item:hover {\n transform: scale(1.07);\n border-color: #e4c383;\n z-index: 100;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .gallery-item-image {\n position: relative;\n overflow: hidden;\n height: 300px;\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .gallery-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: #e4c383;\n color: #000000;\n padding: 8px 16px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 2;\n }\n\n .gallery-item-content {\n padding: 30px;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .gallery-item h4 {\n font-size: 24px;\n margin-bottom: 10px;\n color: #000000;\n font-weight: 700;\n }\n\n .gallery-item p {\n color: #666;\n font-size: 15px;\n font-weight: 500;\n }\n\n \/* Process Steps *\/\n .process-steps {\n max-width: 1400px;\n margin: 0 auto 20px;\n position: relative;\n }\n\n .process-steps::before {\n content: '';\n position: absolute;\n left: 30px;\n top: 40px;\n bottom: 40px;\n width: 2px;\n background: linear-gradient(to bottom, #e4c383 0%, #e4c383 100%);\n }\n\n .step {\n background: #ffffff;\n padding: 40px 40px 40px 100px;\n margin-bottom: 30px;\n border: 2px solid #000000;\n border-radius: 0;\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .step:hover {\n transform: translateX(12px);\n border-color: #e4c383;\n background: rgba(228, 195, 131, 0.05);\n }\n\n .step-number {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 60px;\n height: 60px;\n background: #000000;\n color: #e4c383;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n border: 2px solid #e4c383;\n transition: all 0.4s ease;\n }\n\n .step:hover .step-number {\n background: #e4c383;\n color: #000000;\n transform: translateY(-50%) rotate(360deg);\n }\n\n .step h4 {\n font-size: 24px;\n margin-bottom: 12px;\n color: #000000;\n font-weight: 700;\n }\n\n .step p {\n color: #666;\n font-size: 16px;\n line-height: 1.6;\n }\n\n \/* Piano Carousel *\/\n .piano-carousel {\n position: relative;\n margin: 15px 0 20px;\n overflow: hidden;\n }\n\n .piano-carousel::before,\n .piano-carousel::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 150px;\n z-index: 10;\n pointer-events: none;\n }\n\n .piano-carousel::before {\n left: 0;\n background: linear-gradient(to right, #ffffff 0%, transparent 100%);\n }\n\n .piano-carousel::after {\n right: 0;\n background: linear-gradient(to left, #ffffff 0%, transparent 100%);\n }\n\n .carousel-container {\n overflow: hidden;\n }\n\n .carousel-track {\n display: flex;\n gap: 30px;\n animation: scroll 60s linear infinite;\n width: max-content;\n }\n\n .carousel-track:hover {\n animation-play-state: paused;\n }\n\n @keyframes scroll {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .piano-card {\n flex-shrink: 0;\n width: 350px;\n background: #ffffff;\n border: 2px solid #000000;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n display: block;\n color: inherit;\n }\n\n .piano-card:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .piano-card-image {\n position: relative;\n overflow: hidden;\n height: 350px;\n background: #f5f5f5;\n }\n\n .piano-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .piano-card:hover img {\n transform: scale(1.1);\n }\n\n .piano-info {\n padding: 25px;\n text-align: center;\n background: #000000;\n color: #ffffff;\n }\n\n .piano-info h4 {\n font-size: 20px;\n margin-bottom: 8px;\n color: #e4c383;\n font-weight: 700;\n }\n\n .piano-info p {\n font-size: 16px;\n color: #ffffff;\n font-weight: 500;\n }\n\n .piano-length {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 10px;\n color: rgba(255, 255, 255, 0.8);\n font-size: 14px;\n }\n\n .piano-length i {\n color: #e4c383;\n }\n\n .see-more {\n text-align: center;\n margin-top: 50px;\n }\n\n .see-more a {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 50px;\n background: #000000;\n color: #e4c383;\n text-decoration: none;\n font-size: 18px;\n font-weight: 700;\n border: 2px solid #e4c383;\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .see-more a:hover {\n background: #e4c383;\n color: #000000;\n transform: translateY(-3px);\n }\n\n .see-more a i {\n transition: transform 0.3s ease;\n }\n\n .see-more a:hover i {\n transform: translateX(5px);\n }\n\n \/* CTA Sections *\/\n .cta-section {\n background: #000000;\n padding: 80px 40px;\n text-align: center;\n margin: 100px 0;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n linear-gradient(45deg, transparent 48%, rgba(228, 195, 131, 0.1) 49%, rgba(228, 195, 131, 0.1) 51%, transparent 52%),\n linear-gradient(-45deg, transparent 48%, rgba(228, 195, 131, 0.1) 49%, rgba(228, 195, 131, 0.1) 51%, transparent 52%);\n background-size: 60px 60px;\n opacity: 0.3;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-section h3 {\n color: #e4c383;\n font-size: 42px;\n margin-bottom: 20px;\n font-weight: 900;\n text-align: center;\n letter-spacing: -1px;\n }\n\n .cta-section h3::after {\n display: none;\n }\n\n .cta-section p {\n color: #ffffff;\n font-size: 19px;\n margin-bottom: 40px;\n font-weight: 400;\n line-height: 1.6;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 15px;\n padding: 20px 50px;\n background: #e4c383;\n color: #000000;\n text-decoration: none;\n font-size: 20px;\n font-weight: 700;\n border: 3px solid #e4c383;\n border-radius: 0;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .cta-btn:hover {\n background: transparent;\n color: #e4c383;\n transform: translateY(-3px);\n }\n\n .cta-btn i {\n font-size: 22px;\n transition: transform 0.3s ease;\n }\n\n .cta-btn:hover i {\n transform: scale(1.2);\n }\n\n \/* Form *\/\n .contact-form {\n display: none;\n max-width: 1400px;\n margin: 50px auto 0;\n background: #ffffff;\n padding: 50px;\n border: 3px solid #e4c383;\n border-radius: 0;\n }\n\n .contact-form.active {\n display: block;\n animation: slideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n @keyframes slideDown {\n from { \n opacity: 0; \n transform: translateY(-30px);\n }\n to { \n opacity: 1; \n transform: translateY(0);\n }\n }\n\n .form-group {\n margin-bottom: 30px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 10px;\n color: #000000;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 18px;\n border: 2px solid #000000;\n border-radius: 0;\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n transition: all 0.3s ease;\n background: #ffffff;\n }\n\n .form-group input:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: #e4c383;\n background: rgba(228, 195, 131, 0.05);\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 140px;\n }\n\n .submit-btn {\n width: 100%;\n padding: 20px;\n background: #000000;\n color: #e4c383;\n border: 2px solid #e4c383;\n border-radius: 0;\n font-size: 18px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .submit-btn:hover {\n background: #e4c383;\n color: #000000;\n transform: translateY(-3px);\n }\n\n .form-checkbox {\n margin-bottom: 20px;\n }\n\n .form-checkbox label {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-size: 14px;\n font-weight: 400;\n text-transform: none;\n letter-spacing: 0;\n cursor: pointer;\n }\n\n .form-checkbox label a {\n color: #e4c383;\n text-decoration: underline;\n }\n\n .form-checkbox label a:hover {\n color: #000000;\n }\n\n .form-checkbox input[type=\"checkbox\"] {\n width: auto;\n margin-top: 4px;\n flex-shrink: 0;\n cursor: pointer;\n }\n\n \/* Team Section *\/\n .team-section {\n background: #f8f8f8;\n padding: 100px 40px;\n margin: 100px 0;\n }\n\n .team-section h3 {\n font-size: 48px;\n margin-bottom: 70px;\n color: #000000;\n text-align: center;\n font-weight: 900;\n }\n\n .team-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .team-member {\n background: #ffffff;\n padding: 0;\n border: 2px solid #000000;\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n }\n\n .team-member:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .team-member-image {\n width: 100%;\n height: 320px;\n background: #f5f5f5;\n position: relative;\n overflow: hidden;\n }\n\n .team-member img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .team-member:hover img {\n transform: scale(1.1);\n }\n\n .team-member-info {\n padding: 30px;\n text-align: center;\n background: #000000;\n }\n\n .team-member h4 {\n font-size: 22px;\n margin-bottom: 10px;\n color: #e4c383;\n font-weight: 700;\n }\n\n .team-member p {\n color: #ffffff;\n font-size: 15px;\n font-weight: 500;\n }\n\n \/* Why Choose Section *\/\n .why-choose {\n max-width: 1480px;\n margin: 0 auto;\n padding: 50px 40px 100px;\n }\n\n .why-choose h3 {\n font-size: 48px;\n text-align: center;\n margin-bottom: 70px;\n color: #000000;\n font-weight: 900;\n }\n\n .why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 35px;\n }\n\n .why-item {\n background: #ffffff;\n padding: 50px 35px;\n border: 3px solid #000000;\n border-radius: 0;\n text-align: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .why-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: #e4c383;\n transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 0;\n }\n\n .why-item:hover::before {\n left: 0;\n }\n\n .why-item:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .why-icon {\n font-size: 52px;\n color: #e4c383;\n margin-bottom: 25px;\n position: relative;\n z-index: 1;\n transition: all 0.4s ease;\n }\n\n .why-item:hover .why-icon {\n transform: rotateY(360deg);\n color: #000000;\n }\n\n .why-item h4 {\n font-size: 22px;\n margin-bottom: 15px;\n color: #000000;\n font-weight: 700;\n position: relative;\n z-index: 1;\n }\n\n .why-item p {\n color: #666;\n font-size: 16px;\n line-height: 1.6;\n position: relative;\n z-index: 1;\n }\n\n .team-image {\n width: 100%;\n margin-top: 50px;\n overflow: hidden;\n border: 3px solid #000000;\n }\n\n .team-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\n\n .team-image:hover img {\n transform: scale(1.05);\n }\n\n .description-box {\n text-align: center;\n max-width: 1400px;\n margin: 20px auto;\n padding: 50px;\n background: #f8f8f8;\n border-left: 5px solid #e4c383;\n border-right: 5px solid #e4c383;\n }\n\n .description-box p {\n font-size: 20px;\n line-height: 1.7;\n color: #000000;\n font-weight: 500;\n }\n\n .description-box strong {\n color: #e4c383;\n font-weight: 700;\n }\n\n \/* Expert Contact Section - NOWA WERSJA *\/\n .expert-section {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/tlo.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 150px 40px;\n position: relative;\n margin: 0 !important;\n }\n\n .expert-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);\n z-index: 0;\n }\n\n .expert-container {\n max-width: 1250px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: flex-end;\n position: relative;\n z-index: 1;\n }\n\n .expert-info {\n text-align: left;\n position: relative;\n z-index: 1;\n }\n\n .contact-info-box {\n background: transparent;\n padding: 30px;\n border: none;\n transition: all 0.3s ease;\n }\n\n .contact-info-box:hover {\n border-color: transparent;\n background: transparent;\n }\n\n .expert-info h3 {\n color: #e4c383;\n font-size: 48px;\n font-weight: 900;\n margin: 0 0 10px 0;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .expert-info .role {\n color: #ffffff;\n font-size: 20px;\n margin: 0 0 30px 0;\n font-weight: 500;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .expert-contact {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 15px;\n color: #ffffff;\n font-size: 18px;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .contact-item i {\n color: #e4c383;\n font-size: 20px;\n width: 24px;\n }\n\n .contact-link {\n color: #ffffff;\n text-decoration: none;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .contact-link:hover {\n color: #e4c383;\n }\n\n .expert-benefits {\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n\n .benefit-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .benefit-item {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(0, 0, 0, 0.6);\n padding: 20px;\n border: 2px solid rgba(228, 195, 131, 0.3);\n transition: all 0.3s ease;\n }\n\n .benefit-item:hover {\n border-color: #e4c383;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .benefit-icon {\n width: 50px;\n height: 50px;\n background: #e4c383;\n color: #000000;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .benefit-text h5 {\n color: #ffffff;\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n line-height: 1.4;\n }\n\n .benefit-text h5 {\n color: #ffffff;\n font-size: 18px;\n font-weight: 700;\n margin: 0;\n line-height: 1.3;\n }\n\n \/* Before\/After Slider *\/\n .comparison-slider {\n position: relative;\n width: 100%;\n height: 350px;\n overflow: hidden;\n border: 3px solid #000000;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n }\n\n .comparison-slider img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n transition: none !important;\n }\n\n .img-before {\n z-index: 2;\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n will-change: clip-path;\n }\n\n .slider-handle {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 4px;\n background: #e4c383;\n z-index: 3;\n cursor: ew-resize;\n transform: translateX(-2px);\n transition: none !important;\n will-change: left;\n }\n\n .slider-handle::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 50px;\n height: 50px;\n background: #e4c383;\n border: 3px solid #000000;\n border-radius: 50%;\n }\n\n .slider-handle::after {\n content: '\u27f7';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #000000;\n font-size: 24px;\n font-weight: 900;\n z-index: 4;\n }\n\n .comparison-label {\n position: absolute;\n top: 20px;\n padding: 8px 16px;\n background: #000000;\n color: #e4c383;\n font-weight: 700;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 4;\n }\n\n .label-before {\n left: 20px;\n }\n\n .label-after {\n right: 20px;\n }\n\n \/* Split CTA Section *\/\n .cta-split {\n background: #000000;\n margin: 25px 0;\n overflow: hidden;\n position: relative;\n min-height: 400px;\n }\n\n .cta-split::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.5;\n z-index: 0;\n transition: filter 0.3s ease;\n }\n\n .cta-renovation::before {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/f-_MG_2413-copy-2-scaled.jpg');\n }\n\n .cta-sale::before {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/kafelek-sprzedaz.jpg');\n }\n\n .cta-split.form-active::before {\n filter: blur(8px);\n }\n\n .cta-split::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.35);\n z-index: 0;\n transition: background 0.3s ease;\n pointer-events: none;\n }\n\n .cta-split.form-active::after {\n background: rgba(0, 0, 0, 0.5);\n }\n\n .cta-split-content {\n padding: 50px;\n position: relative;\n z-index: 1;\n transition: filter 0.3s ease;\n max-width: 1400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-split.form-active .cta-split-content {\n filter: none;\n }\n\n .cta-split-image {\n display: none;\n }\n\n .cta-split-image img {\n display: none;\n }\n\n @media (max-width: 1024px) {\n .expert-container {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .expert-profile {\n max-width: 500px;\n margin: 0 auto;\n }\n\n .cta-split {\n grid-template-columns: 1fr;\n }\n\n .cta-split-image {\n height: 400px;\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n body {\n overflow-x: hidden !important;\n }\n\n \/* Expert Section Mobile *\/\n .expert-section {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/mobile.png');\n background-size: cover;\n background-position: center;\n padding: 180px 20px 100px;\n }\n\n .expert-container {\n grid-template-columns: 1fr;\n gap: 30px;\n margin-top: 50%;\n }\n\n .expert-info h3 {\n font-size: 32px;\n white-space: nowrap;\n }\n\n .expert-info .role {\n font-size: 16px;\n white-space: nowrap;\n }\n\n .contact-item {\n font-size: 14px;\n }\n\n .benefit-item {\n padding: 15px;\n }\n\n .benefit-icon {\n width: 40px;\n height: 40px;\n font-size: 20px;\n }\n\n .benefit-text h5 {\n font-size: 14px;\n }\n\n .container {\n padding: 0 20px;\n }\n\n .banner {\n padding: 60px 20px;\n }\n\n .banner h1 {\n font-size: 42px;\n }\n\n .choice-section {\n padding: 80px 20px;\n }\n\n .choice-section h2 {\n font-size: 28px;\n }\n\n .choice-buttons {\n grid-template-columns: 1fr;\n gap: 25px;\n }\n\n .choice-btn {\n min-width: 100%;\n }\n\n .content-section {\n padding: 60px 20px;\n }\n\n .section-header h2,\n .content-section h3 {\n font-size: 32px;\n }\n\n .section-header .subtitle {\n white-space: normal;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n padding: 40px 0;\n }\n\n .gallery-item:hover {\n transform: none;\n box-shadow: none;\n }\n\n .piano-carousel {\n padding: 0;\n margin: 15px 0 20px;\n }\n\n \/* Usuwamy fade na mobile *\/\n .piano-carousel::before,\n .piano-carousel::after {\n display: none;\n }\n\n \/* W\u0142\u0105czamy swipe scrolling zamiast auto-karuzeli *\/\n .carousel-container {\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scrollbar-width: none; \/* Firefox *\/\n -ms-overflow-style: none; \/* IE\/Edge *\/\n }\n\n .carousel-container::-webkit-scrollbar {\n display: none; \/* Chrome\/Safari *\/\n }\n\n .carousel-track {\n animation: none; \/* Wy\u0142\u0105czamy auto-scroll *\/\n padding: 0 20px;\n }\n\n .piano-card {\n scroll-snap-align: start;\n }\n\n .carousel-btn {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n\n .process-steps::before {\n left: 15px;\n }\n\n .step {\n padding: 30px 30px 30px 80px;\n }\n\n .step h4 {\n text-align: left;\n }\n\n .step p {\n text-align: left;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n\n .team-section,\n .why-choose,\n .cta-section {\n padding: 60px 20px;\n }\n\n .why-choose h3 {\n font-size: 28px;\n }\n\n .contact-form {\n padding: 20px 15px;\n margin: 30px 0 0 0;\n }\n\n \/* Zmniejszenie font\u00f3w w nag\u0142\u00f3wkach CTA na mobile *\/\n .cta-split h3 {\n font-size: 21px !important;\n }\n\n \/* CTA Split sections - full width wobec ekranu *\/\n .cta-split {\n margin-left: -20px;\n margin-right: -20px;\n margin-top: 0;\n margin-bottom: 0;\n max-width: none;\n }\n\n .cta-split-content {\n padding: 30px 20px;\n max-width: 100%;\n }\n\n \/* Formularze wewn\u0105trz CTA - minimalne odst\u0119py *\/\n .cta-split .contact-form {\n padding: 25px 15px;\n border-left: none;\n border-right: none;\n }\n\n .cta-split .form-group {\n margin-bottom: 20px;\n }\n\n .cta-split .form-group input,\n .cta-split .form-group textarea {\n padding: 14px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"expert-section\">\n <div class=\"expert-container\">\n <div class=\"expert-info\">\n <div class=\"contact-info-box\">\n <h3>Krzysztof Skwarek<\/h3>\n <p class=\"role\">Consulente Vendite e Restauro<\/p>\n <div class=\"expert-contact\">\n <div class=\"contact-item\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <a href=\"tel:+48609809703\" class=\"contact-link\">+48 609 809 703<\/a>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <a href=\"mailto:krzysztof@saprenovation.com\" class=\"contact-link\">krzysztof@saprenovation.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"expert-benefits\">\n <div class=\"benefit-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-user-tie\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Contatto con un esperto, non con un venditore<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-camera\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Preventivo preciso basato su foto e specifiche<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-award\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Oltre 36 anni di esperienza nel restauro<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Approccio individuale per ogni strumento<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-chart-line\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Oltre 14.000 restauri completati<\/h5>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"choice-section\">\n <h2>Scegli cosa ti interessa<\/h2>\n <p class=\"choice-subtitle\">Restauro professionale o strumenti premium pronti<\/p>\n <div class=\"choice-buttons\">\n <div class=\"choice-btn\" onclick=\"showSection('renovation')\">\n <div class=\"choice-bg\" style=\"background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/f-_MG_2413-copy-2-scaled.jpg');\"><\/div>\n <div class=\"choice-btn-inner\">\n <h3>Restauro del<br>Vostro Pianoforte<\/h3>\n <span class=\"choice-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"choice-btn\" onclick=\"showSection('sale')\">\n <div class=\"choice-bg\" style=\"background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/kafelek-sprzedaz.jpg');\"><\/div>\n <div class=\"choice-btn-inner\">\n <h3>Pianoforti<br>in Vendita<\/h3>\n <span class=\"choice-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"renovation-section\" class=\"content-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Restauro del Vostro Pianoforte<\/h2>\n <p class=\"subtitle\">Rinnovo completo di ogni elemento dello strumento<\/p>\n <\/div>\n\n <h3>Prima e Dopo il Restauro<\/h3>\n \n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"obudowa\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\" alt=\"Scocca dopo il restauro\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b1.png\" alt=\"Scocca prima del restauro\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRIMA<\/span>\n <span class=\"comparison-label label-after\">DOPO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Scocca<\/h4>\n <p>Restauro completo della scocca del pianoforte<\/p>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"rama\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/c2.png\" alt=\"Telaio dopo il restauro\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/c1.png\" alt=\"Telaio prima del restauro\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRIMA<\/span>\n <span class=\"comparison-label label-after\">DOPO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Acustica<\/h4>\n <p>Restauro completo dell’acustica<\/p>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"mechanizm\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/02\/after-scaled.jpg\" alt=\"Meccanica dopo il restauro\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/02\/before-scaled.jpg\" alt=\"Meccanica prima del restauro\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRIMA<\/span>\n <span class=\"comparison-label label-after\">DOPO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Meccanica con tastiera<\/h4>\n <p>Restauro completo della meccanica<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <h3>Come assumere i nostri Maestri del Restauro<\/h3>\n \n <div class=\"process-steps\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h4>Primo contatto<\/h4>\n <p>Conosciamo le vostre esigenze e aspettative riguardo al restauro.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h4>Preventivo iniziale<\/h4>\n <p>Sulla base delle foto e delle specifiche, valutiamo lo stato del pianoforte e presentiamo un ambito realistico dei lavori e dei costi.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h4>Ispezione e offerta finale<\/h4>\n <p>Se necessario, effettuiamo un’ispezione dello strumento, definiamo i dettagli del restauro e prepariamo il preventivo finale.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h4>Restauro nel nostro laboratorio<\/h4>\n <p>Realizziamo i lavori concordati. L’intero processo viene realizzato sotto lo stesso tetto.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">5<\/div>\n <h4>Pianoforte dopo il restauro<\/h4>\n <p>Concordiamo la data di consegna e lo portiamo a voi.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-split cta-renovation\">\n <div class=\"cta-split-content\">\n <h3 style=\"color: #e4c383; font-size: 42px; margin-bottom: 20px; font-weight: 900; text-align: left;\">Pronti per il restauro?<\/h3>\n <p style=\"color: #ffffff; font-size: 19px; margin-bottom: 40px; line-height: 1.6;\">Contattateci per discutere i dettagli del vostro progetto di restauro<\/p>\n <button class=\"cta-btn\" onclick=\"toggleForm('form-renovation')\">\n <i class=\"fa-solid fa-calendar-check\"><\/i>\n Fissate un appuntamento per una consulenza\n <\/button>\n \n <div id=\"form-renovation\" class=\"contact-form\">\n <form>\n <div class=\"form-group\">\n <label for=\"name-r\"><i class=\"fa-solid fa-user\"><\/i> Nome e Cognome<\/label>\n <input type=\"text\" id=\"name-r\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email-r\"><i class=\"fa-solid fa-envelope\"><\/i> Email<\/label>\n <input type=\"email\" id=\"email-r\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone-r\"><i class=\"fa-solid fa-phone\"><\/i> Telefono<\/label>\n <input type=\"tel\" id=\"phone-r\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message-r\"><i class=\"fa-solid fa-message\"><\/i> Messaggio<\/label>\n <textarea id=\"message-r\" name=\"message\" placeholder=\"Descrivete il vostro pianoforte e le vostre aspettative...\"><\/textarea>\n <\/div>\n <div class=\"form-checkbox\">\n <label>\n <input type=\"checkbox\" name=\"consent\" required>\n <span>Acconsento al trattamento dei miei dati personali in conformit\u00e0 con la <a href=\"https:\/\/saprenovation.com\/pl\/polityka-prywatnosci\/\" target=\"_blank\">Informativa sulla Privacy<\/a>.<\/span>\n <\/label>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Invia la richiesta\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"sale-section\" class=\"content-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Pianoforti in Vendita<\/h2>\n <p class=\"subtitle\">Se non trovate lo strumento ideale per voi \u2013 lo realizzeremo su ordinazione<\/p>\n <\/div>\n\n \n <div class=\"piano-carousel\">\n <div class=\"carousel-container\">\n <div class=\"carousel-track\" id=\"carousel-track\">\n \n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bluthner-sap-7329-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/SAP-7329-1-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 7329\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 7329<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>238 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bluthner-sap-10236\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/02\/1p-SAP-10236-1-copy-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 10236\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 10236<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>170 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bosendorfer-sap-10702\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/11\/SAP-10702-1-scaled-300x300.jpg\" alt=\"B\u00f6sendorfer SAP 10702\">\n <\/div>\n <div class=\"piano-info\">\n <h4>B\u00f6sendorfer<\/h4>\n <p>SAP 10702<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>200 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/c-bechstein-7755-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/Obudowa1-SAP7755-300x300.jpg\" alt=\"C. Bechstein 7755\">\n <\/div>\n <div class=\"piano-info\">\n <h4>C. Bechstein<\/h4>\n <p>SAP 7755<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>280 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/schimmel-sap-7864\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/07\/OBUDOWA1-4-300x300.jpg\" alt=\"Schimmel SAP 7864\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Schimmel<\/h4>\n <p>SAP 7864<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>150 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/impiallacciatura-melo-indiano-sap-renovation\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/09\/1p-_MG_2157-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 11034\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11034<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10480-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/OBUDOWA1-SAP10480-300x300.jpg\" alt=\"Steinway & Sons SAP 10480\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10480<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10744\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/03\/SAP-10744-1-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 10744\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10744<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-11033\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/12\/1p-SAP-11033-1-copy-300x300.jpg\" alt=\"Steinway & Sons SAP 11033\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11033<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bluthner-sap-7329-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/SAP-7329-1-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 7329\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 7329<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>238 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bluthner-sap-10236\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/02\/1p-SAP-10236-1-copy-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 10236\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 10236<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>170 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/bosendorfer-sap-10702\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/11\/SAP-10702-1-scaled-300x300.jpg\" alt=\"B\u00f6sendorfer SAP 10702\">\n <\/div>\n <div class=\"piano-info\">\n <h4>B\u00f6sendorfer<\/h4>\n <p>SAP 10702<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>200 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/c-bechstein-7755-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/Obudowa1-SAP7755-300x300.jpg\" alt=\"C. Bechstein 7755\">\n <\/div>\n <div class=\"piano-info\">\n <h4>C. Bechstein<\/h4>\n <p>SAP 7755<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>280 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/schimmel-sap-7864\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/07\/OBUDOWA1-4-300x300.jpg\" alt=\"Schimmel SAP 7864\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Schimmel<\/h4>\n <p>SAP 7864<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>150 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/impiallacciatura-melo-indiano-sap-renovation\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/09\/1p-_MG_2157-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 11034\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11034<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10480-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/OBUDOWA1-SAP10480-300x300.jpg\" alt=\"Steinway & Sons SAP 10480\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10480<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10744\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/03\/SAP-10744-1-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 10744\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10744<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/it\/nasze-prace\/nasprzedaz\/steinway-sons-sap-11033\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/12\/1p-SAP-11033-1-copy-300x300.jpg\" alt=\"Steinway & Sons SAP 11033\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11033<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"see-more\">\n <a href=\"https:\/\/saprenovation.com\/it\/negozio\/\" target=\"_blank\">\n Vedi pi\u00f9 pianoforti\n <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n\n <div class=\"description-box\">\n <p><strong>Ogni pianoforte passa attraverso un processo completo di restauro nel nostro laboratorio<\/strong><br>\u2013 dalla scocca, all’acustica e alla meccanica.<\/p>\n <\/div>\n\n \n <div class=\"cta-split cta-sale\">\n <div class=\"cta-split-content\">\n <h3 style=\"color: #e4c383; font-size: 42px; margin-bottom: 20px; font-weight: 900; text-align: left;\">Aiutatemi a scegliere un pianoforte<\/h3>\n <p style=\"color: #ffffff; font-size: 19px; margin-bottom: 40px; line-height: 1.6;\">Il nostro esperto vi consiglier\u00e0 uno strumento adatto agli interni, alle aspettative e al budget<\/p>\n <button class=\"cta-btn\" onclick=\"toggleForm('form-premium')\">\n <i class=\"fa-solid fa-headset\"><\/i>\n Contattate l’esperto\n <\/button>\n \n <div id=\"form-premium\" class=\"contact-form\">\n <form>\n <div class=\"form-group\">\n <label for=\"name-p\"><i class=\"fa-solid fa-user\"><\/i> Nome e Cognome<\/label>\n <input type=\"text\" id=\"name-p\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email-p\"><i class=\"fa-solid fa-envelope\"><\/i> Email<\/label>\n <input type=\"email\" id=\"email-p\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone-p\"><i class=\"fa-solid fa-phone\"><\/i> Telefono<\/label>\n <input type=\"tel\" id=\"phone-p\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message-p\"><i class=\"fa-solid fa-message\"><\/i> Messaggio<\/label>\n <textarea id=\"message-p\" name=\"message\" placeholder=\"Raccontateci delle vostre aspettative...\"><\/textarea>\n <\/div>\n <div class=\"form-checkbox\">\n <label>\n <input type=\"checkbox\" name=\"consent\" required>\n <span>Acconsento al trattamento dei miei dati personali in conformit\u00e0 con la <a href=\"https:\/\/saprenovation.com\/pl\/polityka-prywatnosci\/\" target=\"_blank\">Informativa sulla Privacy<\/a>.<\/span>\n <\/label>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Invia la richiesta\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <div class=\"cta-split-image\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x800\/e4c383\/000?text=Fortepian\" alt=\"Fortepian premium\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"why-choose\">\n <h3>Perch\u00e9 i clienti scelgono SAP Renovation<\/h3>\n <div class=\"why-grid\">\n <div class=\"why-item\">\n <i class=\"fa-solid fa-handshake why-icon\"><\/i>\n <h4>Non siamo intermediari<\/h4>\n <p>Lavoriamo direttamente con il cliente, senza costi inutili<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-building why-icon\"><\/i>\n <h4>Tutto sotto lo stesso tetto<\/h4>\n <p>Processo completo di restauro in un unico luogo<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-globe why-icon\"><\/i>\n <h4>Clienti da tutto il mondo<\/h4>\n <p>Ci hanno affidato clienti dalla Polonia e dall’estero<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-shield-halved why-icon\"><\/i>\n <h4>Garanzia<br>per anni<\/h4>\n <p>Gli strumenti dopo il restauro servono per decenni<\/p>\n <\/div>\n <\/div>\n <div class=\"team-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/GRUPOWE-SALON-1-1-1-scaled.jpg\" alt=\"Zesp\u00f3\u0142 SAP Renovation\">\n <\/div>\n <\/section>\n\n <script>\n \/\/ Section switching\n function showSection(section) {\n document.querySelectorAll('.content-section').forEach(s => {\n s.classList.remove('active');\n });\n \n document.querySelectorAll('.choice-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n \n if (section === 'renovation') {\n document.getElementById('renovation-section').classList.add('active');\n document.querySelectorAll('.choice-btn')[0].classList.add('active');\n } else if (section === 'sale') {\n document.getElementById('sale-section').classList.add('active');\n document.querySelectorAll('.choice-btn')[1].classList.add('active');\n }\n \n setTimeout(() => {\n const targetSection = document.querySelector('.content-section.active');\n if (targetSection) {\n targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }, 100);\n }\n\n \/\/ Form toggle\n function toggleForm(formId) {\n const form = document.getElementById(formId);\n form.classList.toggle('active');\n \n \/\/ Dodaj\/usu\u0144 klas\u0119 dla efektu blur na sekcji CTA\n const ctaSection = form.closest('.cta-split');\n if (ctaSection) {\n ctaSection.classList.toggle('form-active');\n }\n }\n\n \/\/ Infinite carousel auto-scrolls via CSS animation\n \/\/ Pause\/resume handled by :hover pseudo-class\n\n \/\/ Form submission handling\n document.querySelectorAll('form').forEach(form => {\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n \n const submitBtn = form.querySelector('.submit-btn');\n const originalBtnText = submitBtn.innerHTML;\n \n \/\/ Wy\u0142\u0105cz przycisk i poka\u017c \u0142adowanie\n submitBtn.disabled = true;\n submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Invio in corso...';\n \n \/\/ Przygotuj dane formularza\n const formData = new FormData(form);\n \n \/\/ Dodaj typ formularza\n const formType = form.closest('#form-renovation') ? 'Restauro' : 'Vendita';\n formData.append('form_type', formType);\n formData.append('action', 'sap_landing_form');\n \n try {\n const response = await fetch('https:\/\/saprenovation.com\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: formData\n });\n \n const result = await response.json();\n \n if (result.success) {\n alert(result.data.message);\n form.reset();\n form.parentElement.classList.remove('active');\n \n \/\/ Usu\u0144 klas\u0119 form-active z sekcji CTA\n const ctaSection = form.closest('.cta-split');\n if (ctaSection) {\n ctaSection.classList.remove('form-active');\n }\n } else {\n alert(result.data.message || 'Si \u00e8 verificato un errore. Riprova.');\n }\n } catch (error) {\n console.error('B\u0142\u0105d:', error);\n alert('Si \u00e8 verificato un errore durante l\\'invio del modulo. Riprova o contattaci telefonicamente.');\n } finally {\n \/\/ Przywr\u00f3\u0107 przycisk\n submitBtn.disabled = false;\n submitBtn.innerHTML = originalBtnText;\n }\n });\n });\n\n \/\/ Before\/After Image Comparison Slider\n document.querySelectorAll('.comparison-slider').forEach(slider => {\n const handle = slider.querySelector('.slider-handle');\n const beforeImg = slider.querySelector('.img-before');\n let isDragging = false;\n\n function updateSlider(x) {\n const rect = slider.getBoundingClientRect();\n const offset = x - rect.left;\n const percentage = (offset \/ rect.width) * 100;\n const clampedPercentage = Math.max(0, Math.min(100, percentage));\n \n handle.style.left = clampedPercentage + '%';\n beforeImg.style.clipPath = `polygon(0 0, ${clampedPercentage}% 0, ${clampedPercentage}% 100%, 0 100%)`;\n }\n\n handle.addEventListener('mousedown', () => {\n isDragging = true;\n });\n\n document.addEventListener('mousemove', (e) => {\n if (isDragging) {\n updateSlider(e.clientX);\n }\n });\n\n document.addEventListener('mouseup', () => {\n isDragging = false;\n });\n\n \/\/ Touch support\n handle.addEventListener('touchstart', (e) => {\n isDragging = true;\n e.preventDefault();\n });\n\n document.addEventListener('touchmove', (e) => {\n if (isDragging) {\n updateSlider(e.touches[0].clientX);\n }\n });\n\n document.addEventListener('touchend', () => {\n isDragging = false;\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SAP Renovation – Restauro e Vendita di Pianoforti Krzysztof Skwarek Consulente Vendite e Restauro +48 609 809 703 krzysztof@saprenovation.com Contatto con un esperto, non con un venditore Preventivo preciso…<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75760","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>landing_contatto - SAP Renovation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/saprenovation.com\/it\/landing_contatto\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"landing_contatto - SAP Renovation\" \/>\n<meta property=\"og:description\" content=\"SAP Renovation – Restauro e Vendita di Pianoforti Krzysztof Skwarek Consulente Vendite e Restauro +48 609 809 703 krzysztof@saprenovation.com Contatto con un esperto, non con un venditore Preventivo preciso...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/saprenovation.com\/it\/landing_contatto\/\" \/>\n<meta property=\"og:site_name\" content=\"SAP Renovation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/saprenovation\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-16T17:46:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/\",\"url\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/\",\"name\":\"landing_contatto - SAP Renovation\",\"isPartOf\":{\"@id\":\"https:\/\/saprenovation.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\",\"datePublished\":\"2026-01-19T22:33:22+00:00\",\"dateModified\":\"2026-02-16T17:46:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/saprenovation.com\/it\/landing_contatto\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage\",\"url\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\",\"contentUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/saprenovation.com\/it\/landing_contatto\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"SAP Renovation\",\"item\":\"https:\/\/saprenovation.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"landing_contatto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/saprenovation.com\/it\/#website\",\"url\":\"https:\/\/saprenovation.com\/it\/\",\"name\":\"SAP Renovation\",\"description\":\"The finest European piano restoration\",\"publisher\":{\"@id\":\"https:\/\/saprenovation.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/saprenovation.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/saprenovation.com\/it\/#organization\",\"name\":\"SAP Renovation\",\"alternateName\":\"Profesjonalna Renowacja Fortepian\u00f3w\",\"url\":\"https:\/\/saprenovation.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/saprenovation.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp\",\"contentUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp\",\"width\":112,\"height\":96,\"caption\":\"SAP Renovation\"},\"image\":{\"@id\":\"https:\/\/saprenovation.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/saprenovation\/\"]}]}<\/script>\n","yoast_head_json":{"title":"landing_contatto - SAP Renovation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/saprenovation.com\/it\/landing_contatto\/","og_locale":"it_IT","og_type":"article","og_title":"landing_contatto - SAP Renovation","og_description":"SAP Renovation – Restauro e Vendita di Pianoforti Krzysztof Skwarek Consulente Vendite e Restauro +48 609 809 703 krzysztof@saprenovation.com Contatto con un esperto, non con un venditore Preventivo preciso...","og_url":"https:\/\/saprenovation.com\/it\/landing_contatto\/","og_site_name":"SAP Renovation","article_publisher":"https:\/\/www.facebook.com\/saprenovation\/","article_modified_time":"2026-02-16T17:46:41+00:00","og_image":[{"url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"9 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/","url":"https:\/\/saprenovation.com\/it\/landing_contatto\/","name":"landing_contatto - SAP Renovation","isPartOf":{"@id":"https:\/\/saprenovation.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage"},"image":{"@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage"},"thumbnailUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","datePublished":"2026-01-19T22:33:22+00:00","dateModified":"2026-02-16T17:46:41+00:00","breadcrumb":{"@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/saprenovation.com\/it\/landing_contatto\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#primaryimage","url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","contentUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/saprenovation.com\/it\/landing_contatto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"SAP Renovation","item":"https:\/\/saprenovation.com\/it\/"},{"@type":"ListItem","position":2,"name":"landing_contatto"}]},{"@type":"WebSite","@id":"https:\/\/saprenovation.com\/it\/#website","url":"https:\/\/saprenovation.com\/it\/","name":"SAP Renovation","description":"The finest European piano restoration","publisher":{"@id":"https:\/\/saprenovation.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/saprenovation.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/saprenovation.com\/it\/#organization","name":"SAP Renovation","alternateName":"Profesjonalna Renowacja Fortepian\u00f3w","url":"https:\/\/saprenovation.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/saprenovation.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp","contentUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp","width":112,"height":96,"caption":"SAP Renovation"},"image":{"@id":"https:\/\/saprenovation.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/saprenovation\/"]}]}},"_links":{"self":[{"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/pages\/75760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/comments?post=75760"}],"version-history":[{"count":9,"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/pages\/75760\/revisions"}],"predecessor-version":[{"id":76047,"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/pages\/75760\/revisions\/76047"}],"wp:attachment":[{"href":"https:\/\/saprenovation.com\/it\/wp-json\/wp\/v2\/media?parent=75760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}