{"id":2123,"date":"2019-06-12T09:44:41","date_gmt":"2019-06-12T09:44:41","guid":{"rendered":"https:\/\/demosites.io\/shop-brizy\/?page_id=218"},"modified":"2025-12-10T13:37:26","modified_gmt":"2025-12-10T10:37:26","slug":"85538-homepage-shop-brizy","status":"publish","type":"page","link":"https:\/\/indigovitrag.ru\/","title":{"rendered":""},"content":{"rendered":"


\n
\n
\n
\n
\n \u0421\u0442\u0443\u0434\u0438\u044f \u0412\u0438\u0442\u0440\u0430\u0436\u0435\u0439 \u0418\u041d\u0414\u0418\u0413\u041e — \u042d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0432\u0438\u0442\u0440\u0430\u0436\u0438 \u043d\u0430 \u0437\u0430\u043a\u0430\u0437<\/title><\/p>\n<style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> html, body {\n width: 100%;\n max-width: 100%;\n overflow-x: hidden;\n }<\/p>\n<p> body {\n font-family: 'Georgia', serif;\n color: #333;\n background: #f8f8f8;\n }<\/p>\n<p> \/* \u041f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0440\u0430\u0441\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u043c \u0432\u0441\u0435 \u0441\u0435\u043a\u0446\u0438\u0438 \u043d\u0430 \u043f\u043e\u043b\u043d\u0443\u044e \u0448\u0438\u0440\u0438\u043d\u0443 *\/\n header, section, footer, .hero, .usp, .pricing, .guarantees, .contacts {\n width: 100% !important;\n max-width: 100% !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n }<\/p>\n<p> \/* \u0428\u0430\u043f\u043a\u0430 *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n padding: 20px 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .logo {\n font-size: 28px;\n font-weight: bold;\n }<\/p>\n<p> .logo img {\n height: 50px;\n width: auto;\n display: block;\n }<\/p>\n<p> \/* Navigation Menu *\/\n .menu-container {\n display: flex;\n align-items: center;\n gap: 20px;\n }<\/p>\n<p> .menu-container nav {\n display: flex;\n gap: 30px;\n }<\/p>\n<p> .menu-container nav a {\n text-decoration: none;\n color: #333;\n font-size: 16px;\n transition: color 0.3s;\n position: relative;\n padding: 5px 0;\n }<\/p>\n<p> .menu-container nav a:hover {\n color: #667eea;\n }<\/p>\n<p> .menu-container nav a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n transition: width 0.3s;\n }<\/p>\n<p> .menu-container nav a:hover::after {\n width: 100%;\n }<\/p>\n<p> \/* Header Right Section *\/\n .header-right {\n display: flex;\n align-items: center;\n gap: 20px;\n }<\/p>\n<p> .header-phone {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 18px;\n font-weight: bold;\n color: #333;\n text-decoration: none;\n transition: color 0.3s;\n }<\/p>\n<p> .header-phone:hover {\n color: #667eea;\n }<\/p>\n<p> .phone-icon {\n font-size: 20px;\n }<\/p>\n<p> .callback-button {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 12px 30px;\n border: none;\n border-radius: 50px;\n font-size: 16px;\n font-weight: bold;\n cursor: pointer;\n box-shadow: 0 5px 20px rgba(102, 126, 234, 0.3);\n transition: all 0.3s;\n }<\/p>\n<p> .callback-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n }<\/p>\n<p> \/* Burger Menu Button *\/\n .burger-menu {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n padding: 10px;\n background: transparent;\n border: none;\n z-index: 1001;\n }<\/p>\n<p> .burger-menu span {\n width: 30px;\n height: 3px;\n background: #333;\n transition: all 0.3s;\n border-radius: 2px;\n }<\/p>\n<p> .burger-menu.active span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }<\/p>\n<p> .burger-menu.active span:nth-child(2) {\n opacity: 0;\n }<\/p>\n<p> .burger-menu.active span:nth-child(3) {\n transform: rotate(-45deg) translate(7px, -7px);\n }<\/p>\n<p> \/* Hero \u0441\u0435\u043a\u0446\u0438\u044f *\/\n .hero {\n margin-top: 80px;\n min-height: 90vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\n }<\/p>\n<p> .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.3;\n background-size: cover;\n background-position: center;\n background-image: url('https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/12\u0430-2.jpg');\n }<\/p>\n<p> .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n color: white;\n padding: 50px;\n }<\/p>\n<p> .hero h1 {\n font-size: 64px;\n margin-bottom: 20px;\n text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);\n animation: fadeInUp 1s ease-out;\n }<\/p>\n<p> .hero p {\n font-size: 24px;\n margin-bottom: 40px;\n text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);\n animation: fadeInUp 1s ease-out 0.2s both;\n }<\/p>\n<p> .cta-button {\n background: white;\n color: #667eea;\n padding: 18px 45px;\n border: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n transition: all 0.3s;\n animation: fadeInUp 1s ease-out 0.4s both;\n }<\/p>\n<p> .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);\n }<\/p>\n<p> \/* \u0410\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043e\u0441\u043a\u043e\u043b\u043a\u0438 \u0432\u0438\u0442\u0440\u0430\u0436\u0430 *\/\n .glass-shard {\n position: absolute;\n width: 100px;\n height: 100px;\n opacity: 0.6;\n animation: float 6s ease-in-out infinite;\n pointer-events: none;\n }<\/p>\n<p> .shard1 {\n top: 10%;\n left: 10%;\n background: linear-gradient(135deg, rgba(255, 0, 150, 0.6), rgba(255, 200, 0, 0.6));\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n animation-delay: 0s;\n }<\/p>\n<p> .shard2 {\n top: 60%;\n right: 15%;\n background: linear-gradient(135deg, rgba(0, 150, 255, 0.6), rgba(150, 0, 255, 0.6));\n clip-path: polygon(30% 0%, 70% 0%, 100% 100%, 0% 100%);\n animation-delay: 2s;\n }<\/p>\n<p> .shard3 {\n bottom: 15%;\n left: 20%;\n background: linear-gradient(135deg, rgba(0, 255, 150, 0.6), rgba(0, 150, 255, 0.6));\n clip-path: polygon(50% 0%, 100% 100%, 0% 100%);\n animation-delay: 4s;\n }<\/p>\n<p> @keyframes float {\n 0%, 100% {\n transform: translateY(0) rotate(0deg);\n }\n 50% {\n transform: translateY(-30px) rotate(180deg);\n }\n }<\/p>\n<p> @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }<\/p>\n<p> \/* \u0421\u0435\u043a\u0446\u0438\u044f \u0423\u0422\u041f *\/\n .usp {\n padding: 100px 50px;\n background: white;\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .usp h2 {\n text-align: center;\n font-size: 48px;\n margin-bottom: 80px;\n color: #333;\n }<\/p>\n<p> .usp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n max-width: 1200px;\n margin: 0 auto;\n }<\/p>\n<p> .usp-card {\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n padding: 40px;\n border-radius: 20px;\n text-align: center;\n transition: all 0.4s;\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .usp-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transform: rotate(45deg);\n transition: all 0.6s;\n }<\/p>\n<p> .usp-card:hover::before {\n left: 100%;\n }<\/p>\n<p> .usp-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n }<\/p>\n<p> .usp-icon {\n font-size: 60px;\n margin-bottom: 20px;\n filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));\n }<\/p>\n<p> .usp-card h3 {\n font-size: 24px;\n margin-bottom: 15px;\n color: #333;\n }<\/p>\n<p> .usp-card p {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n }<\/p>\n<p> \/* \u0424\u043e\u043d\u043e\u0432\u044b\u0435 \u043e\u0441\u043a\u043e\u043b\u043a\u0438 \u0434\u043b\u044f \u0423\u0422\u041f *\/\n .usp-shard {\n position: absolute;\n width: 150px;\n height: 150px;\n opacity: 0.1;\n animation: float 8s ease-in-out infinite;\n pointer-events: none;\n }<\/p>\n<p> .usp-shard1 {\n top: 5%;\n right: 10%;\n background: linear-gradient(135deg, #667eea, #764ba2);\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n }<\/p>\n<p> .usp-shard2 {\n bottom: 10%;\n left: 5%;\n background: linear-gradient(135deg, #f093fb, #f5576c);\n clip-path: polygon(30% 0%, 70% 0%, 100% 100%, 0% 100%);\n animation-delay: 3s;\n }<\/p>\n<p> \/* \u0421\u0435\u043a\u0446\u0438\u044f \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c *\/\n .pricing {\n padding: 100px 50px;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n }<\/p>\n<p> .pricing h2 {\n text-align: center;\n font-size: 48px;\n margin-bottom: 60px;\n }<\/p>\n<p> .pricing-table {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n }<\/p>\n<p> table {\n width: 100%;\n border-collapse: collapse;\n }<\/p>\n<p> th {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 20px;\n text-align: left;\n font-size: 18px;\n }<\/p>\n<p> td {\n padding: 20px;\n color: #333;\n border-bottom: 1px solid #eee;\n }<\/p>\n<p> tr:hover {\n background: #f8f9fa;\n }<\/p>\n<p> tr:last-child td {\n border-bottom: none;\n }<\/p>\n<p> \/* \u0421\u0435\u043a\u0446\u0438\u044f \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0438 *\/\n .guarantees {\n padding: 100px 50px;\n background: white;\n }<\/p>\n<p> .guarantees h2 {\n text-align: center;\n font-size: 48px;\n margin-bottom: 80px;\n color: #333;\n }<\/p>\n<p> .guarantee-flow {\n max-width: 900px;\n margin: 0 auto 80px;\n position: relative;\n }<\/p>\n<p> .guarantee-step {\n display: flex;\n align-items: center;\n margin-bottom: 50px;\n animation: fadeInLeft 0.8s ease-out;\n animation-fill-mode: both;\n }<\/p>\n<p> .guarantee-step:nth-child(1) { animation-delay: 0.1s; }\n .guarantee-step:nth-child(2) { animation-delay: 0.2s; }\n .guarantee-step:nth-child(3) { animation-delay: 0.3s; }\n .guarantee-step:nth-child(4) { animation-delay: 0.4s; }<\/p>\n<p> @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }<\/p>\n<p> .step-number {\n min-width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n font-weight: bold;\n margin-right: 30px;\n box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n }<\/p>\n<p> .step-content {\n flex: 1;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .step-content h3 {\n font-size: 24px;\n margin-bottom: 10px;\n color: #333;\n }<\/p>\n<p> .step-content p {\n font-size: 16px;\n color: #666;\n line-height: 1.6;\n }<\/p>\n<p> \/* \u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 *\/\n .contact-form {\n max-width: 600px;\n margin: 0 auto;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 50px;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n }<\/p>\n<p> .contact-form h3 {\n color: white;\n font-size: 32px;\n margin-bottom: 30px;\n text-align: center;\n }<\/p>\n<p> .form-group {\n margin-bottom: 25px;\n }<\/p>\n<p> .form-group label {\n display: block;\n color: white;\n margin-bottom: 10px;\n font-size: 16px;\n }<\/p>\n<p> .form-group input,\n .form-group textarea,\n .form-group select {\n width: 100%;\n padding: 15px;\n border: none;\n border-radius: 10px;\n font-size: 16px;\n font-family: 'Georgia', serif;\n }<\/p>\n<p> .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: #999;\n font-style: italic;\n }<\/p>\n<p> .form-group textarea {\n resize: vertical;\n min-height: 120px;\n }<\/p>\n<p> .form-group input.error {\n border: 2px solid #ff4444;\n }<\/p>\n<p> .error-message {\n color: #ffcccc;\n font-size: 14px;\n margin-top: 5px;\n display: none;\n }<\/p>\n<p> \/* \u0427\u0435\u043a\u0431\u043e\u043a\u0441 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u044f *\/\n .checkbox-group {\n margin-bottom: 25px;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }<\/p>\n<p> .checkbox-group input[type=\"checkbox\"] {\n width: auto;\n margin-top: 3px;\n cursor: pointer;\n }<\/p>\n<p> .checkbox-group label {\n color: white;\n font-size: 14px;\n line-height: 1.5;\n cursor: pointer;\n }<\/p>\n<p> .checkbox-group label a {\n color: white;\n text-decoration: underline;\n }<\/p>\n<p> .checkbox-group label a:hover {\n text-decoration: none;\n }<\/p>\n<p> .submit-button {\n background: white;\n color: #667eea;\n padding: 15px 40px;\n border: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n width: 100%;\n transition: all 0.3s;\n }<\/p>\n<p> .submit-button:hover:not(:disabled) {\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n }<\/p>\n<p> .submit-button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }<\/p>\n<p> \/* \u0421\u0435\u043a\u0446\u0438\u044f \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b *\/\n .contacts {\n padding: 80px 50px;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n }<\/p>\n<p> .contacts h2 {\n text-align: center;\n font-size: 48px;\n margin-bottom: 50px;\n color: #333;\n }<\/p>\n<p> .contacts-wrapper {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: start;\n }<\/p>\n<p> .contact-info {\n display: flex;\n gap: 30px;\n flex-direction: column;\n }<\/p>\n<p> .contact-card {\n background: white;\n padding: 30px;\n border-radius: 15px;\n display: flex;\n align-items: center;\n gap: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s;\n }<\/p>\n<p> .contact-card:hover {\n transform: translateX(5px);\n }<\/p>\n<p> .contact-icon {\n font-size: 40px;\n min-width: 60px;\n text-align: center;\n }<\/p>\n<p> .contact-text {\n flex: 1;\n }<\/p>\n<p> .contact-card h3 {\n font-size: 20px;\n margin-bottom: 5px;\n color: #333;\n }<\/p>\n<p> .contact-card p {\n font-size: 16px;\n color: #666;\n margin: 0;\n }<\/p>\n<p> .contact-card a {\n color: #667eea;\n text-decoration: none;\n }<\/p>\n<p> .map-container {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n height: 100%;\n min-height: 400px;\n }<\/p>\n<p> .map-container iframe {\n width: 100%;\n height: 100%;\n min-height: 400px;\n border: none;\n }<\/p>\n<p> \/* \u0424\u0443\u0442\u0435\u0440 *\/\n footer {\n background: #333;\n color: white;\n text-align: center;\n padding: 30px;\n }<\/p>\n<p> \/* \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n z-index: 2000;\n justify-content: center;\n align-items: center;\n animation: fadeIn 0.3s;\n }<\/p>\n<p> .modal.active {\n display: flex;\n }<\/p>\n<p> @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }<\/p>\n<p> .modal-content {\n background: white;\n padding: 50px;\n border-radius: 20px;\n max-width: 600px;\n width: 90%;\n position: relative;\n animation: slideIn 0.3s;\n max-height: 90vh;\n overflow-y: auto;\n }<\/p>\n<p> @keyframes slideIn {\n from {\n transform: translateY(-50px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }<\/p>\n<p> .close-modal {\n position: absolute;\n top: 20px;\n right: 20px;\n font-size: 30px;\n cursor: pointer;\n color: #666;\n transition: color 0.3s;\n }<\/p>\n<p> .close-modal:hover {\n color: #333;\n }<\/p>\n<p> .modal-content h3 {\n font-size: 32px;\n margin-bottom: 30px;\n text-align: center;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }<\/p>\n<p> \/* \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430 *\/\n .modal-content.callback-modal .form-group label {\n color: #333;\n }<\/p>\n<p> .modal-content.callback-modal .checkbox-group label {\n color: #666;\n }<\/p>\n<p> .modal-content.callback-modal .checkbox-group label a {\n color: #667eea;\n }<\/p>\n<p> .modal-content.callback-modal .submit-button {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n }<\/p>\n<p> \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c *\/\n @media (max-width: 768px) {\n header {\n padding: 15px 20px;\n }<\/p>\n<p> .burger-menu {\n display: flex;\n }<\/p>\n<p> .menu-container {\n position: fixed;\n top: 80px;\n left: 0;\n right: 0;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n padding: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n transform: translateY(-150%);\n opacity: 0;\n transition: all 0.3s;\n max-height: calc(100vh - 80px);\n overflow-y: auto;\n flex-direction: column;\n }<\/p>\n<p> .menu-container.active {\n transform: translateY(0);\n opacity: 1;\n }<\/p>\n<p> .menu-container nav {\n flex-direction: column;\n gap: 15px;\n width: 100%;\n }<\/p>\n<p> .menu-container nav a {\n font-size: 18px;\n padding: 10px 0;\n display: block;\n }<\/p>\n<p> .header-right {\n flex-direction: column;\n width: 100%;\n gap: 15px;\n }<\/p>\n<p> .hero h1 {\n font-size: 36px;\n }<\/p>\n<p> .hero p {\n font-size: 18px;\n }<\/p>\n<p> .usp h2, .pricing h2, .guarantees h2, .contacts h2 {\n font-size: 32px;\n }<\/p>\n<p> .usp-grid {\n grid-template-columns: 1fr;\n }<\/p>\n<p> .contacts-wrapper {\n grid-template-columns: 1fr;\n }<\/p>\n<p> .contact-card {\n flex-direction: column;\n text-align: center;\n }<\/p>\n<p> .contact-text {\n text-align: center;\n }<\/p>\n<p> .guarantee-step {\n flex-direction: column;\n text-align: center;\n }<\/p>\n<p> .step-number {\n margin-right: 0;\n margin-bottom: 20px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <!-- \u0428\u0430\u043f\u043a\u0430 --><\/p>\n<header>\n<div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/cropped-\u0414\u0438\u0437\u0430\u0439\u043d_\u0431\u0435\u0437_\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f__1_-removebg-preview.png\" alt=\"\u0418\u041d\u0414\u0418\u0413\u041e\" onerror=\"this.style.display='none'; this.parentElement.innerHTML='\u2728 \u0418\u041d\u0414\u0418\u0413\u041e';\">\n <\/div>\n<p> <!-- Burger Menu Button (\u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445) --><br \/>\n <button class=\"burger-menu\" onclick=\"toggleMenu()\" aria-label=\"\u041c\u0435\u043d\u044e\"><br \/>\n <span><\/span><br \/>\n <span><\/span><br \/>\n <span><\/span><br \/>\n <\/button><\/p>\n<p> <!-- Navigation Menu --><\/p>\n<div class=\"menu-container\" id=\"mainMenu\">\n<nav>\n <a href=\"https:\/\/indigovitrag.ru\/\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?page_id=202\">\u041e \u043d\u0430\u0441<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?post_type=product\">\u041c\u0430\u0433\u0430\u0437\u0438\u043d<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?page_id=211\">\u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/a><br \/>\n <a href=\"https:\/\/indigovitrag.ru\/?page_id=3191\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a><br \/>\n <\/nav>\n<div class=\"header-right\">\n <a href=\"tel:+79061942707\" class=\"header-phone\"><br \/>\n <span class=\"phone-icon\">\ud83d\udcde<\/span><br \/>\n <span>+7(906)194-27-07<\/span><br \/>\n <\/a><br \/>\n <button class=\"callback-button\" onclick=\"openCallbackModal()\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<\/button>\n <\/div>\n<\/p><\/div>\n<\/header>\n<p> <!-- Hero \u0441\u0435\u043a\u0446\u0438\u044f \u0441 \u043f\u0440\u0438\u0437\u044b\u0432\u043e\u043c \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e --><\/p>\n<section class=\"hero\" id=\"hero\">\n<div class=\"hero-bg\"><\/div>\n<div class=\"glass-shard shard1\"><\/div>\n<div class=\"glass-shard shard2\"><\/div>\n<div class=\"glass-shard shard3\"><\/div>\n<div class=\"hero-content\">\n<h1>\u042d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0432\u0438\u0442\u0440\u0430\u0436\u0438 \u0440\u0443\u0447\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b<\/h1>\n<p>\u041f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043c \u0432\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440 \u0432 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0430<\/p>\n<p> <button class=\"cta-button\" onclick=\"openModal()\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u0438\u0442\u0440\u0430\u0436\u0430<\/button>\n <\/div>\n<\/section>\n<p> <!-- \u0421\u0435\u043a\u0446\u0438\u044f \u0423\u0422\u041f --><\/p>\n<section class=\"usp\" id=\"usp\">\n<div class=\"usp-shard usp-shard1\"><\/div>\n<div class=\"usp-shard usp-shard2\"><\/div>\n<h2>\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043d\u0430\u0441<\/h2>\n<div class=\"usp-grid\">\n<div class=\"usp-card\">\n<div class=\"usp-icon\"><\/div>\n<h3>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d<\/h3>\n<p>\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u0441\u043a\u0438\u0437\u044b \u043f\u043e\u0434 \u0432\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440. \u041a\u0430\u0436\u0434\u044b\u0439 \u0432\u0438\u0442\u0440\u0430\u0436 \u2014 \u044d\u0442\u043e \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u0432\u0441\u0435\u0445 \u0432\u0430\u0448\u0438\u0445 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0439.<\/p>\n<\/p><\/div>\n<div class=\"usp-card\">\n<div class=\"usp-icon\"><\/div>\n<h3>\u0411\u044b\u0441\u0442\u0440\u043e\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e<\/h3>\n<p>\u0418\u0437\u0433\u043e\u0442\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0432\u0438\u0442\u0440\u0430\u0436\u0438 \u043e\u0442 5 \u0434\u043e 30 \u0434\u043d\u0435\u0439 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043e\u0431\u044a\u0435\u043c\u043e\u0432 \u0438 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438.<\/p>\n<\/p><\/div>\n<div class=\"usp-card\">\n<div class=\"usp-icon\"><\/div>\n<h3>\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b<\/h3>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0432\u0440\u043e\u043f\u0435\u0439\u0441\u043a\u043e\u0435 \u0441\u0442\u0435\u043a\u043b\u043e \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b. \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043d\u0430 10 \u043b\u0435\u0442.<\/p>\n<\/p><\/div>\n<div class=\"usp-card\">\n<div class=\"usp-icon\"><\/div>\n<h3>\u041f\u043e\u043b\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0440\u0430\u0431\u043e\u0442<\/h3>\n<p>\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0437\u0430\u043c\u0435\u0440 \u0438 \u0432\u044b\u0435\u0437\u0434 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u0432 \u0447\u0435\u0440\u0442\u0435 \u0433\u043e\u0440\u043e\u0434\u0430 \u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a\u0430. \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- \u0421\u0435\u043a\u0446\u0438\u044f \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438 \u0441\u0440\u043e\u043a\u0438 --><\/p>\n<section class=\"pricing\" id=\"pricing\">\n<h2>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438 \u0441\u0440\u043e\u043a\u0438 \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f<\/h2>\n<div class=\"pricing-table\">\n<table>\n<thead>\n<tr>\n<th>\u0422\u0435\u0445\u043d\u0438\u043a\u0430 \u0432\u0438\u0442\u0440\u0430\u0436\u0430<\/th>\n<th>\u0421\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c<\/th>\n<th>\u0421\u0440\u043e\u043a \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f<\/th>\n<th>\u0426\u0435\u043d\u0430 \u0437\u0430 1\u043c\u00b2<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>\u0422\u0438\u0444\u0444\u0430\u043d\u0438<\/strong><\/td>\n<td>\u0421\u0440\u0435\u0434\u043d\u044f\u044f<\/td>\n<td>15-30 \u0434\u043d\u0435\u0439<\/td>\n<td>\u043e\u0442 70 000 \u20bd<\/td>\n<\/tr>\n<tr>\n<td><strong>\u0424\u044c\u044e\u0437\u0438\u043d\u0433<\/strong><\/td>\n<td>\u0421\u0440\u0435\u0434\u043d\u044f\u044f<\/td>\n<td>15-30 \u0434\u043d\u0435\u0439<\/td>\n<td>\u043e\u0442 50 000 \u20bd<\/td>\n<\/tr>\n<tr>\n<td><strong>\u041f\u043b\u0435\u043d\u043e\u0447\u043d\u044b\u0439<\/strong><\/td>\n<td>\u0421\u0440\u0435\u0434\u043d\u044f\u044f<\/td>\n<td>15-30 \u0434\u043d\u0435\u0439<\/td>\n<td>\u043e\u0442 25 000 \u20bd<\/td>\n<\/tr>\n<tr>\n<td><strong>\u0424\u0430\u0446\u0435\u0442\u043d\u044b\u0439<\/strong><\/td>\n<td>\u0421\u0440\u0435\u0434\u043d\u044f\u044f<\/td>\n<td>15-30 \u0434\u043d\u0435\u0439<\/td>\n<td>\u043e\u0442 40 000 \u20bd<\/td>\n<\/tr>\n<tr>\n<td><strong>\u0417\u0430\u043b\u0438\u0432\u043d\u043e\u0439<\/strong><\/td>\n<td>\u0421\u0440\u0435\u0434\u043d\u044f\u044f<\/td>\n<td>15-30 \u0434\u043d\u0435\u0439<\/td>\n<td>\u043e\u0442 40 000 \u20bd<\/td>\n<\/tr>\n<tr>\n<td><strong>\u0425\u0443\u0434\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u043c\u043e\u0437\u0430\u0438\u043a\u0430<\/strong><\/td>\n<td>\u0421\u0440\u0435\u0434\u043d\u044f\u044f<\/td>\n<td>15-30 \u0434\u043d\u0435\u0439<\/td>\n<td>\u043e\u0442 90 000 \u20bd<\/td>\n<\/tr>\n<tr>\n<td><strong>\u041c\u0430\u0442\u0440\u0438\u0447\u043d\u0430\u044f \u043c\u043e\u0437\u0430\u0438\u043a\u0430<\/strong><\/td>\n<td>\u0421\u0440\u0435\u0434\u043d\u044f\u044f<\/td>\n<td>15-30 \u0434\u043d\u0435\u0439<\/td>\n<td>\u043e\u0442 13 000 \u20bd<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/section>\n<p> <!-- \u0421\u0435\u043a\u0446\u0438\u044f \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0438 \u0441 \u0444\u043e\u0440\u043c\u043e\u0439 --><\/p>\n<section class=\"guarantees\" id=\"guarantees\">\n<h2>\u041d\u0430\u0448\u0438 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/h2>\n<div class=\"guarantee-flow\">\n<div class=\"guarantee-step\">\n<div class=\"step-number\">1<\/div>\n<div class=\"step-content\">\n<h3>\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0432\u044b\u0435\u0437\u0434 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430<\/h3>\n<p>\u041f\u0440\u0438\u0435\u0434\u0435\u043c \u043a \u0432\u0430\u043c, \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u0437\u0430\u043c\u0435\u0440\u044b, \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u043e\u0431\u0440\u0430\u0437\u0446\u044b \u0441\u0442\u0435\u043a\u043b\u0430 \u0438 \u043e\u0431\u0441\u0443\u0434\u0438\u043c \u0432\u0441\u0435 \u0434\u0435\u0442\u0430\u043b\u0438 \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e \u0432\u0438\u0442\u0440\u0430\u0436\u0430 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u0432 \u0447\u0435\u0440\u0442\u0435 \u0433\u043e\u0440\u043e\u0434\u0430 \u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a\u0430.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- \u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 --><\/p>\n<div class=\"contact-form\">\n<h3>\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b?<\/h3>\n<form id=\"contactForm\" onsubmit=\"submitForm(event)\">\n<div class=\"form-group\">\n <label for=\"name\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label><br \/>\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0418\u0432\u0430\u043d\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label><br \/>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+7 (___) ___-__-__\" required><\/p>\n<div class=\"error-message\" id=\"phoneError\">\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430<\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n <label for=\"message\">\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/label><br \/>\n <textarea id=\"message\" name=\"message\" placeholder=\"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448 \u0432\u043e\u043f\u0440\u043e\u0441...\" required><\/textarea>\n <\/div>\n<div class=\"checkbox-group\">\n <input type=\"checkbox\" id=\"consent1\" name=\"consent\" required><br \/>\n <label for=\"consent1\">\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445. \u0421 <a href=\"\u0421\u0421\u042b\u041b\u041a\u0410_\u041d\u0410_\u041f\u041e\u041b\u0418\u0422\u0418\u041a\u0423_\u041a\u041e\u041d\u0424\u0418\u0414\u0415\u041d\u0426\u0418\u0410\u041b\u042c\u041d\u041e\u0421\u0422\u0418\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d.<\/label>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-button\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/section>\n<p> <!-- \u0421\u0435\u043a\u0446\u0438\u044f \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b --><\/p>\n<section class=\"contacts\" id=\"contacts\">\n<h2>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h2>\n<div class=\"contacts-wrapper\">\n<div class=\"contact-info\">\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\ud83d\udccd<\/div>\n<div class=\"contact-text\">\n<h3>\u0410\u0434\u0440\u0435\u0441<\/h3>\n<p>\u0443\u043b\u0438\u0446\u0430 \u0424\u0430\u0431\u0440\u0438\u0447\u043d\u0430\u044f, \u0434\u043e\u043c 25, \u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\ud83d\udcde<\/div>\n<div class=\"contact-text\">\n<h3>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/h3>\n<p><a href=\"tel:+79061942707\">+7 (906) 194 27 07<\/a><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-card\">\n<div class=\"contact-icon\">\u2709\ufe0f<\/div>\n<div class=\"contact-text\">\n<h3>Email<\/h3>\n<p><a href=\"mailto:vitrajindigo@mail.ru\">vitrajindigo@mail.ru<\/a><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"map-container\">\n <iframe loading=\"lazy\" src=\"https:\/\/yandex.ru\/map-widget\/v1\/?um=constructor%3A586f4f8420098001dae9bf2f8be974990e5b37fced62b3e570de48d1693548ae&source=constructor\" width=\"604\" height=\"418\" frameborder=\"0\"><\/iframe>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- \u0424\u0443\u0442\u0435\u0440 --><\/p>\n<footer>\n<p>\u00a9 2020-2025 \u0418\u041d\u0414\u0418\u0413\u041e. \u0421\u0442\u0443\u0434\u0438\u044f \u0445\u0443\u0434\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0432\u0438\u0442\u0440\u0430\u0436\u0435\u0439. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/p>\n<\/footer>\n<p> <!-- \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0434\u043b\u044f \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 --><\/p>\n<div class=\"modal\" id=\"priceModal\">\n<div class=\"modal-content\">\n <span class=\"close-modal\" onclick=\"closeModal()\">×<\/span><\/p>\n<h3>\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u0438\u0442\u0440\u0430\u0436\u0430<\/h3>\n<form id=\"priceForm\" onsubmit=\"submitPriceForm(event)\">\n<div class=\"form-group\">\n <label for=\"modalName\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label><br \/>\n <input type=\"text\" id=\"modalName\" name=\"name\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0418\u0432\u0430\u043d \u041f\u0435\u0442\u0440\u043e\u0432\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"modalPhone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label><br \/>\n <input type=\"tel\" id=\"modalPhone\" name=\"phone\" placeholder=\"+7 (___) ___-__-__\" required><\/p>\n<div class=\"error-message\" id=\"modalPhoneError\">\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430<\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n <label for=\"modalSize\">\u0420\u0430\u0437\u043c\u0435\u0440 \u0432\u0438\u0442\u0440\u0430\u0436\u0430 (\u043c\u00b2)<\/label><br \/>\n <input type=\"number\" id=\"modalSize\" name=\"size\" step=\"0.1\" min=\"0.1\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: 2.5\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"modalTechnique\">\u0422\u0435\u0445\u043d\u0438\u043a\u0430 \u0432\u0438\u0442\u0440\u0430\u0436\u0430<\/label><br \/>\n <select id=\"modalTechnique\" name=\"technique\" required style=\"width: 100%; padding: 15px; border: none; border-radius: 10px; font-size: 16px;\"><option value=\"\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u0430<\/option><option value=\"tiffany\">\u0422\u0438\u0444\u0444\u0430\u043d\u0438 (\u043e\u0442 25 000 \u20bd\/\u043c\u00b2)<\/option><option value=\"fusing\">\u0424\u044c\u044e\u0437\u0438\u043d\u0433 (\u043e\u0442 20 000 \u20bd\/\u043c\u00b2)<\/option><option value=\"classic\">\u041a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0439 (\u043e\u0442 35 000 \u20bd\/\u043c\u00b2)<\/option><option value=\"sandblast\">\u041f\u0435\u0441\u043a\u043e\u0441\u0442\u0440\u0443\u0439\u043d\u044b\u0439 (\u043e\u0442 15 000 \u20bd\/\u043c\u00b2)<\/option><option value=\"facet\">\u0424\u0430\u0446\u0435\u0442\u043d\u044b\u0439 (\u043e\u0442 40 000 \u20bd\/\u043c\u00b2)<\/option><option value=\"painted\">\u0420\u0430\u0441\u043f\u0438\u0441\u043d\u043e\u0439 (\u043e\u0442 50 000 \u20bd\/\u043c\u00b2)<\/option><\/select>\n <\/div>\n<div class=\"form-group\">\n <label for=\"modalComment\">\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439<\/label><br \/>\n <textarea id=\"modalComment\" name=\"comment\" placeholder=\"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0438 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f: \u0433\u0434\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d \u0432\u0438\u0442\u0440\u0430\u0436, \u043a\u0430\u043a\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0435\u0442\u0435, \u0435\u0441\u0442\u044c \u043b\u0438 \u044d\u0441\u043a\u0438\u0437...\"><\/textarea>\n <\/div>\n<div class=\"checkbox-group\">\n <input type=\"checkbox\" id=\"consent2\" name=\"consent\" required><br \/>\n <label for=\"consent2\">\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445. \u0421 <a href=\"\u0421\u0421\u042b\u041b\u041a\u0410_\u041d\u0410_\u041f\u041e\u041b\u0418\u0422\u0418\u041a\u0423_\u041a\u041e\u041d\u0424\u0418\u0414\u0415\u041d\u0426\u0418\u0410\u041b\u042c\u041d\u041e\u0421\u0422\u0418\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d.<\/label>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-button\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430 --><\/p>\n<div class=\"modal\" id=\"callbackModal\">\n<div class=\"modal-content callback-modal\">\n <span class=\"close-modal\" onclick=\"closeCallbackModal()\">×<\/span><\/p>\n<h3>\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<\/h3>\n<form id=\"callbackForm\" onsubmit=\"submitCallbackForm(event)\">\n<div class=\"form-group\">\n <label for=\"callbackName\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label><br \/>\n <input type=\"text\" id=\"callbackName\" name=\"name\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0418\u0432\u0430\u043d\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"callbackPhone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label><br \/>\n <input type=\"tel\" id=\"callbackPhone\" name=\"phone\" placeholder=\"+7 (___) ___-__-__\" required><\/p>\n<div class=\"error-message\" id=\"callbackPhoneError\">\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 +7 (XXX) XXX-XX-XX<\/div>\n<\/p><\/div>\n<div class=\"checkbox-group\">\n <input type=\"checkbox\" id=\"consent3\" name=\"consent\" required><br \/>\n <label for=\"consent3\">\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445. \u0421 <a href=\"\u0421\u0421\u042b\u041b\u041a\u0410_\u041d\u0410_\u041f\u041e\u041b\u0418\u0422\u0418\u041a\u0423_\u041a\u041e\u041d\u0424\u0418\u0414\u0415\u041d\u0426\u0418\u0410\u041b\u042c\u041d\u041e\u0421\u0422\u0418\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d.<\/label>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-button\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0437\u0432\u043e\u043d\u043e\u043a<\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n \/\/ ========== \u041d\u0410\u0421\u0422\u0420\u041e\u0419\u041a\u0418 TELEGRAM \u0411\u041e\u0422\u0410 ==========\n \/\/ \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 \u0412\u0410\u0428 \u0422\u041e\u041a\u0415\u041d \u0411\u041e\u0422\u0410\n const TELEGRAM_BOT_TOKEN = '8128303956:AAGmRSeTIZ1y6pbgrjweMuSof63mFPJYWJo';\n \/\/ \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 CHAT ID \u0413\u0420\u0423\u041f\u041f\u042b (\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u043c\u0438\u043d\u0443\u0441\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: -1001234567890)\n const TELEGRAM_CHAT_ID = '-4974810588';\n \/\/ =============================================<\/p>\n<p> \/\/ ========== \u041d\u0410\u0421\u0422\u0420\u041e\u0419\u041a\u0418 \u042f\u041d\u0414\u0415\u041a\u0421.\u041c\u0415\u0422\u0420\u0418\u041a\u0418 ==========\n \/\/ \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 \u041d\u041e\u041c\u0415\u0420 \u0412\u0410\u0428\u0415\u0413\u041e \u0421\u0427\u0415\u0422\u0427\u0418\u041a\u0410 \u042f\u041d\u0414\u0415\u041a\u0421.\u041c\u0415\u0422\u0420\u0418\u041a\u0418\n const YANDEX_METRIKA_ID = '70434586'; \/\/ \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: 12345678\n \/\/ ==============================================<\/p>\n<p> \/* \n \ud83d\udcca \u0418\u041d\u0421\u0422\u0420\u0423\u041a\u0426\u0418\u042f \u041f\u041e \u041d\u0410\u0421\u0422\u0420\u041e\u0419\u041a\u0415 \u042f\u041d\u0414\u0415\u041a\u0421.\u041c\u0415\u0422\u0420\u0418\u041a\u0418:<\/p>\n<p> 1. \u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u043d\u043e\u043c\u0435\u0440 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0447\u0435\u0442\u0447\u0438\u043a\u0430:\n - \u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0432 \u042f\u043d\u0434\u0435\u043a\u0441.\u041c\u0435\u0442\u0440\u0438\u043a\u0443\n - \u041d\u043e\u043c\u0435\u0440 \u0441\u0447\u0435\u0442\u0447\u0438\u043a\u0430 \u0432\u0438\u0434\u0435\u043d \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0441\u0447\u0435\u0442\u0447\u0438\u043a\u043e\u0432 (8-\u0437\u043d\u0430\u0447\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e)<\/p>\n<p> 2. \u0412\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043d\u043e\u043c\u0435\u0440 \u0432 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e YANDEX_METRIKA_ID \u0432\u044b\u0448\u0435<\/p>\n<p> 3. \u0412 \u042f\u043d\u0434\u0435\u043a\u0441.\u041c\u0435\u0442\u0440\u0438\u043a\u0435 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0446\u0435\u043b\u0438:\n - \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435: \"\u0417\u0430\u044f\u0432\u043a\u0430 - \u0420\u0430\u0441\u0447\u0435\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438\"\n ID \u0446\u0435\u043b\u0438: price_form_submit<\/p>\n<p> - \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435: \"\u0417\u0430\u044f\u0432\u043a\u0430 - \u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c\"\n ID \u0446\u0435\u043b\u0438: contact_form_submit<\/p>\n<p> - \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435: \"\u0417\u0430\u044f\u0432\u043a\u0430 - \u041e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a\"\n ID \u0446\u0435\u043b\u0438: callback_form_submit<\/p>\n<p> 4. \u041a\u043e\u0434 \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 (\u043e\u0431\u044b\u0447\u043d\u043e \u0432 <head>)\n *\/<\/p>\n<p> \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0446\u0435\u043b\u0438 \u0432 \u042f\u043d\u0434\u0435\u043a\u0441.\u041c\u0435\u0442\u0440\u0438\u043a\u0443\n function sendYandexMetrikaGoal(goalName) {\n try {\n \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u0430 \u043b\u0438 \u042f\u043d\u0434\u0435\u043a\u0441.\u041c\u0435\u0442\u0440\u0438\u043a\u0430\n if (typeof ym !== 'undefined' && YANDEX_METRIKA_ID && YANDEX_METRIKA_ID !== '\u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415_\u041d\u041e\u041c\u0415\u0420_\u0421\u0427\u0415\u0422\u0427\u0418\u041a\u0410') {\n ym(YANDEX_METRIKA_ID, 'reachGoal', goalName);\n console.log('\u2705 \u042f\u043d\u0434\u0435\u043a\u0441.\u041c\u0435\u0442\u0440\u0438\u043a\u0430: \u0426\u0435\u043b\u044c \"' + goalName + '\" \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430');\n } else {\n console.warn('\u26a0\ufe0f \u042f\u043d\u0434\u0435\u043a\u0441.\u041c\u0435\u0442\u0440\u0438\u043a\u0430 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u0430 \u0438\u043b\u0438 \u043d\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0430');\n }\n } catch (error) {\n console.error('\u274c \u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0446\u0435\u043b\u0438 \u0432 \u042f\u043d\u0434\u0435\u043a\u0441.\u041c\u0435\u0442\u0440\u0438\u043a\u0443:', error);\n }\n }<\/p>\n<p> \/* \n \ud83d\udcf1 \u0418\u041d\u0421\u0422\u0420\u0423\u041a\u0426\u0418\u042f \u041f\u041e \u041d\u0410\u0421\u0422\u0420\u041e\u0419\u041a\u0415 TELEGRAM:<\/p>\n<p> 1. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0431\u043e\u0442\u0430 \u0447\u0435\u0440\u0435\u0437 @BotFather:\n - \u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \/newbot\n - \u041f\u0440\u0438\u0434\u0443\u043c\u0430\u0439\u0442\u0435 \u0438\u043c\u044f \u0438 username\n - \u0421\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0422\u041e\u041a\u0415\u041d<\/p>\n<p> 2. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0433\u0440\u0443\u043f\u043f\u0443 \u0438\u043b\u0438 \u043a\u0430\u043d\u0430\u043b \u0432 Telegram:\n - \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u0443\u044e \u0433\u0440\u0443\u043f\u043f\u0443\n - \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0442\u0443\u0434\u0430 \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u043e\u0442\u0430\n - \u0421\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u0431\u043e\u0442\u0430 \u0410\u0414\u041c\u0418\u041d\u0418\u0421\u0422\u0420\u0410\u0422\u041e\u0420\u041e\u041c \u0433\u0440\u0443\u043f\u043f\u044b<\/p>\n<p> 3. \u0423\u0437\u043d\u0430\u0439\u0442\u0435 Chat ID \u0433\u0440\u0443\u043f\u043f\u044b:\n \u0421\u043f\u043e\u0441\u043e\u0431 1 (\u043f\u0440\u043e\u0441\u0442\u043e\u0439):\n - \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432 \u0433\u0440\u0443\u043f\u043f\u0443 \u0431\u043e\u0442\u0430 @userinfobot\n - Chat ID \u0433\u0440\u0443\u043f\u043f\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u0441\u044f (\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u043c\u0438\u043d\u0443\u0441\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: -1001234567890)<\/p>\n<p> \u0421\u043f\u043e\u0441\u043e\u0431 2:\n - \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043b\u044e\u0431\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0432 \u0433\u0440\u0443\u043f\u043f\u0443\n - \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435: https:\/\/api.telegram.org\/bot\u0412\u0410\u0428_\u0422\u041e\u041a\u0415\u041d\/getUpdates\n - \u041d\u0430\u0439\u0434\u0438\u0442\u0435 \"chat\":{\"id\": -1001234567890 - \u044d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c Chat ID<\/p>\n<p> 4. \u0412\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0442\u043e\u043a\u0435\u043d \u0438 Chat ID \u0432 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0432\u044b\u0448\u0435\n *\/<\/p>\n<p> \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432 Telegram\n async function sendToTelegram(message) {\n const url = `https:\/\/api.telegram.org\/bot${TELEGRAM_BOT_TOKEN}\/sendMessage`;<\/p>\n<p> try {\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify({\n chat_id: TELEGRAM_CHAT_ID,\n text: message,\n parse_mode: 'HTML',\n disable_web_page_preview: true\n })\n });<\/p>\n<p> const data = await response.json();<\/p>\n<p> if (!data.ok) {\n console.error('Telegram API Error:', data);\n \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0434\u043b\u044f \u043e\u0442\u043b\u0430\u0434\u043a\u0438\n if (data.description) {\n console.error('\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043e\u0448\u0438\u0431\u043a\u0438:', data.description);\n }\n }<\/p>\n<p> return data.ok;\n } catch (error) {\n console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram:', error);\n return false;\n }\n }<\/p>\n<p> \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0431\u043e\u0442\u0430 (\u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f)\n async function testTelegramBot() {\n console.log('\ud83d\udd0d \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a Telegram \u0431\u043e\u0442\u0430...');\n console.log('Token:', TELEGRAM_BOT_TOKEN.substring(0, 10) + '...');\n console.log('Chat ID:', TELEGRAM_CHAT_ID);<\/p>\n<p> const testMessage = '\u2705 \u0422\u0435\u0441\u0442\u043e\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0441 \u0441\u0430\u0439\u0442\u0430 \u0418\u041d\u0414\u0418\u0413\u041e\\n\\n\u0411\u043e\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442!';\n const result = await sendToTelegram(testMessage);<\/p>\n<p> if (result) {\n console.log('\u2705 \u0411\u043e\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442! \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0433\u0440\u0443\u043f\u043f\u0443 \u0432 Telegram.');\n } else {\n console.error('\u274c \u041e\u0448\u0438\u0431\u043a\u0430! \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435:\\n1. \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0442\u043e\u043a\u0435\u043d\u0430 \u0431\u043e\u0442\u0430\\n2. \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u044c Chat ID \u0433\u0440\u0443\u043f\u043f\u044b (\u0434\u043e\u043b\u0436\u0435\u043d \u043d\u0430\u0447\u0438\u043d\u0430\u0442\u044c\u0441\u044f \u0441 \u043c\u0438\u043d\u0443\u0441\u0430)\\n3. \u0427\u0442\u043e \u0431\u043e\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d \u0432 \u0433\u0440\u0443\u043f\u043f\u0443 \u043a\u0430\u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440');\n }<\/p>\n<p> return result;\n }<\/p>\n<p> \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0433\u043e \u043d\u043e\u043c\u0435\u0440\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n function validateRussianPhone(phone) {\n \/\/ \u0423\u0434\u0430\u043b\u044f\u0435\u043c \u0432\u0441\u0435 \u0441\u0438\u043c\u0432\u043e\u043b\u044b \u043a\u0440\u043e\u043c\u0435 \u0446\u0438\u0444\u0440\n const cleaned = phone.replace(\/\\D\/g, '');<\/p>\n<p> \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0438\u0439 \u0444\u043e\u0440\u043c\u0430\u0442: 11 \u0446\u0438\u0444\u0440, \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 7 \u0438\u043b\u0438 8\n if (cleaned.length === 11 && (cleaned[0] === '7' || cleaned[0] === '8')) {\n return true;\n }<\/p>\n<p> \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0444\u043e\u0440\u043c\u0430\u0442 10 \u0446\u0438\u0444\u0440 (\u0431\u0435\u0437 \u043a\u043e\u0434\u0430 \u0441\u0442\u0440\u0430\u043d\u044b)\n if (cleaned.length === 10) {\n return true;\n }<\/p>\n<p> return false;\n }<\/p>\n<p> \/\/ \u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u043e\u043c\u0435\u0440\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u043f\u0440\u0438 \u0432\u0432\u043e\u0434\u0435\n function formatPhoneNumber(input) {\n let value = input.value.replace(\/\\D\/g, '');<\/p>\n<p> if (value.length > 0) {\n if (value[0] === '8') {\n value = '7' + value.substring(1);\n }<\/p>\n<p> let formatted = '+7';\n if (value.length > 1) {\n formatted += ' (' + value.substring(1, 4);\n }\n if (value.length >= 5) {\n formatted += ') ' + value.substring(4, 7);\n }\n if (value.length >= 8) {\n formatted += '-' + value.substring(7, 9);\n }\n if (value.length >= 10) {\n formatted += '-' + value.substring(9, 11);\n }<\/p>\n<p> input.value = formatted;\n }\n }<\/p>\n<p> \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u0435\u0439 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n document.querySelectorAll('input[type=\"tel\"]').forEach(input => {\n input.addEventListener('input', function() {\n formatPhoneNumber(this);\n });<\/p>\n<p> input.addEventListener('blur', function() {\n const errorId = this.id + 'Error';\n const errorElement = document.getElementById(errorId);<\/p>\n<p> if (this.value && !validateRussianPhone(this.value)) {\n this.classList.add('error');\n if (errorElement) {\n errorElement.style.display = 'block';\n }\n } else {\n this.classList.remove('error');\n if (errorElement) {\n errorElement.style.display = 'none';\n }\n }\n });\n });<\/p>\n<p> \/\/ \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e\n function toggleMenu() {\n const menu = document.getElementById('mainMenu');\n const burger = document.querySelector('.burger-menu');\n menu.classList.toggle('active');\n burger.classList.toggle('active');\n }<\/p>\n<p> \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u0435\u043d\u044e \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u0441\u0441\u044b\u043b\u043a\u0443\n document.addEventListener('DOMContentLoaded', function() {\n const menuLinks = document.querySelectorAll('.menu-container a');\n menuLinks.forEach(link => {\n link.addEventListener('click', function() {\n if (window.innerWidth <= 768) {\n toggleMenu();\n }\n });\n });\n });\n\n \/\/ \u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438\n function openModal() {\n document.getElementById('priceModal').classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438\n function closeModal() {\n document.getElementById('priceModal').classList.remove('active');\n document.body.style.overflow = 'auto';\n }\n\n \/\/ \u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430\n function openCallbackModal() {\n document.getElementById('callbackModal').classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430\n function closeCallbackModal() {\n document.getElementById('callbackModal').classList.remove('active');\n document.body.style.overflow = 'auto';\n }\n\n \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u0432\u043d\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430\n window.onclick = function(event) {\n const priceModal = document.getElementById('priceModal');\n const callbackModal = document.getElementById('callbackModal');\n \n if (event.target === priceModal) {\n closeModal();\n }\n if (event.target === callbackModal) {\n closeCallbackModal();\n }\n }\n\n \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0444\u043e\u0440\u043c\u044b \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438\n async function submitPriceForm(event) {\n event.preventDefault();\n \n const phone = document.getElementById('modalPhone').value;\n if (!validateRussianPhone(phone)) {\n document.getElementById('modalPhone').classList.add('error');\n document.getElementById('modalPhoneError').style.display = 'block';\n return;\n }\n \n const consent = document.getElementById('consent2').checked;\n if (!consent) {\n alert('\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445');\n return;\n }\n \n \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b\n const name = document.getElementById('modalName').value;\n const size = document.getElementById('modalSize').value;\n const technique = document.getElementById('modalTechnique').options[document.getElementById('modalTechnique').selectedIndex].text;\n const comment = document.getElementById('modalComment').value;\n \n \/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f Telegram\n const message = `\n\ud83c\udfa8 <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430: \u0420\u0430\u0441\u0447\u0435\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0432\u0438\u0442\u0440\u0430\u0436\u0430<\/b><\/p>\n<p>\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcde <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n\ud83d\udccf <b>\u0420\u0430\u0437\u043c\u0435\u0440:<\/b> ${size} \u043c\u00b2\n\ud83d\udd27 <b>\u0422\u0435\u0445\u043d\u0438\u043a\u0430:<\/b> ${technique}\n\ud83d\udcac <b>\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439:<\/b> ${comment || '\u041d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d'}<\/p>\n<p>\u23f0 <b>\u0414\u0430\u0442\u0430:<\/b> ${new Date().toLocaleString('ru-RU')}\n `.trim();<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n const sent = await sendToTelegram(message);<\/p>\n<p> if (sent) {\n \/\/ \u041e\u0422\u041f\u0420\u0410\u0412\u041b\u042f\u0415\u041c \u0426\u0415\u041b\u042c \u0412 \u042f\u041d\u0414\u0415\u041a\u0421.\u041c\u0415\u0422\u0420\u0418\u041a\u0423\n sendYandexMetrikaGoal('price_form_submit');<\/p>\n<p> alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.');\n closeModal();\n event.target.reset();\n } else {\n alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043d\u0430\u043c \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 +7 906 194 27 07');\n }\n }<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0444\u043e\u0440\u043c\u044b \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438\n async function submitForm(event) {\n event.preventDefault();<\/p>\n<p> const phone = document.getElementById('phone').value;\n if (!validateRussianPhone(phone)) {\n document.getElementById('phone').classList.add('error');\n document.getElementById('phoneError').style.display = 'block';\n return;\n }<\/p>\n<p> const consent = document.getElementById('consent1').checked;\n if (!consent) {\n alert('\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445');\n return;\n }<\/p>\n<p> \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b\n const name = document.getElementById('name').value;\n const message = document.getElementById('message').value;<\/p>\n<p> \/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f Telegram\n const telegramMessage = `\n\ud83d\udcac <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430: \u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c<\/b><\/p>\n<p>\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcde <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n\u2709\ufe0f <b>\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435:<\/b> ${message}<\/p>\n<p>\u23f0 <b>\u0414\u0430\u0442\u0430:<\/b> ${new Date().toLocaleString('ru-RU')}\n `.trim();<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n const sent = await sendToTelegram(telegramMessage);<\/p>\n<p> if (sent) {\n \/\/ \u041e\u0422\u041f\u0420\u0410\u0412\u041b\u042f\u0415\u041c \u0426\u0415\u041b\u042c \u0412 \u042f\u041d\u0414\u0415\u041a\u0421.\u041c\u0415\u0422\u0420\u0418\u041a\u0423\n sendYandexMetrikaGoal('contact_form_submit');<\/p>\n<p> alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.');\n event.target.reset();\n } else {\n alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043d\u0430\u043c \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 +7 906 194 27 07');\n }\n }<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0444\u043e\u0440\u043c\u044b \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0432\u043e\u043d\u043a\u0430\n async function submitCallbackForm(event) {\n event.preventDefault();<\/p>\n<p> const phone = document.getElementById('callbackPhone').value;\n if (!validateRussianPhone(phone)) {\n document.getElementById('callbackPhone').classList.add('error');\n document.getElementById('callbackPhoneError').style.display = 'block';\n return;\n }<\/p>\n<p> const consent = document.getElementById('consent3').checked;\n if (!consent) {\n alert('\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445');\n return;\n }<\/p>\n<p> \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b\n const name = document.getElementById('callbackName').value;<\/p>\n<p> \/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f Telegram\n const message = `\n\ud83d\udcde <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430: \u041e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<\/b><\/p>\n<p>\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcf1 <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}<\/p>\n<p>\u23f0 <b>\u0414\u0430\u0442\u0430:<\/b> ${new Date().toLocaleString('ru-RU')}\n `.trim();<\/p>\n<p> \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n const sent = await sendToTelegram(message);<\/p>\n<p> if (sent) {\n \/\/ \u041e\u0422\u041f\u0420\u0410\u0412\u041b\u042f\u0415\u041c \u0426\u0415\u041b\u042c \u0412 \u042f\u041d\u0414\u0415\u041a\u0421.\u041c\u0415\u0422\u0420\u0418\u041a\u0423\n sendYandexMetrikaGoal('callback_form_submit');<\/p>\n<p> alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041c\u044b \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0432\u0430\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.');\n closeCallbackModal();\n event.target.reset();\n } else {\n alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u043d\u0430\u043c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 +7 906 194 27 07');\n }\n }<\/p>\n<p> \/\/ \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043a \u0441\u0435\u043a\u0446\u0438\u044f\u043c\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });<\/p>\n<p> \/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };<\/p>\n<p> const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);<\/p>\n<p> \/\/ \u041d\u0430\u0431\u043b\u044e\u0434\u0430\u0435\u043c \u0437\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438 \u0423\u0422\u041f\n document.querySelectorAll('.usp-card').forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(30px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });<\/p>\n<p> \/\/ \u042d\u0444\u0444\u0435\u043a\u0442 \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441\u0430 \u0434\u043b\u044f \u043e\u0441\u043a\u043e\u043b\u043a\u043e\u0432\n window.addEventListener('scroll', () => {\n const scrolled = window.pageYOffset;\n const shards = document.querySelectorAll('.glass-shard');<\/p>\n<p> shards.forEach((shard, index) => {\n const speed = 0.5 + (index * 0.1);\n shard.style.transform = `translateY(${scrolled * speed}px) rotate(${scrolled * 0.1}deg)`;\n });\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0421\u0442\u0443\u0434\u0438\u044f \u0412\u0438\u0442\u0440\u0430\u0436\u0435\u0439 \u0418\u041d\u0414\u0418\u0413\u041e — \u042d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0432\u0438\u0442\u0440\u0430\u0436\u0438 \u043d\u0430 \u0437\u0430\u043a\u0430\u0437 \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u041e \u043d\u0430\u0441 \u041c\u0430\u0433\u0430\u0437\u0438\u043d \u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \ud83d\udcde +7(906)194-27-07 \u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a \u042d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0432\u0438\u0442\u0440\u0430\u0436\u0438 \u0440\u0443\u0447\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u041f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043c \u0432\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440 \u0432 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0430 \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u0438\u0442\u0440\u0430\u0436\u0430 \u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043d\u0430\u0441 \u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u0441\u043a\u0438\u0437\u044b \u043f\u043e\u0434 \u0432\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440. \u041a\u0430\u0436\u0434\u044b\u0439 \u0432\u0438\u0442\u0440\u0430\u0436 \u2014 \u044d\u0442\u043e \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u0432\u0441\u0435\u0445 \u0432\u0430\u0448\u0438\u0445 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0439. \u0411\u044b\u0441\u0442\u0440\u043e\u0435… <a href=\"https:\/\/indigovitrag.ru\/\" class=\"\" rel=\"bookmark\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 »<span class=\"screen-reader-text\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":70,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"on","neve_meta_disable_footer":"on","neve_meta_disable_title":"on","ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-2123","page","type-page","status-publish","hentry"],"brizy_media":[{"id":37,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2019\/03\/nv-shop-slide1.jpg","name":"nv-shop-slide1.jpg","meta":{"brizy_attachment_uid":"wp-bd6a04f42dee7183adc3f5cff981e9a8","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa"]}},{"id":405,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/42.jpg","name":"42.jpg","meta":{"brizy_attachment_uid":"wp-198947771afb4512c30aa7d40f5de3e1.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1537,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/12\u0430-2.jpg","name":"12\u0430-2.jpg","meta":{"brizy_attachment_uid":"wp-0b3da40b5493198d12aed674f0202ab3.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1540,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/8-6.jpg","name":"8-6.jpg","meta":{"brizy_attachment_uid":"wp-3ab074c236512a8d8db0c58634e74ae8.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1582,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/cropped-cropped-\u0414\u0438\u0437\u0430\u0439\u043d-\u0431\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2-1-1.png","name":"cropped-cropped-\u0414\u0438\u0437\u0430\u0439\u043d-\u0431\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2-1-1.png","meta":{"brizy_attachment_uid":"wp-45660a97d8ef4ce557c52402e6ae8646.png","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1622,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/iacf6-3.jpg","name":"iacf6-3.jpg","meta":{"brizy_attachment_uid":"wp-ef3e531d624e540bdfbfb68e645a4f6f.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1623,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/cropped-iacf6-3.jpg","name":"cropped-iacf6-3.jpg","meta":{"brizy_attachment_uid":"wp-6482117f78154be7a04ab93da3c157f1.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1627,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/1-1.png","name":"1-1.png","meta":{"brizy_attachment_uid":"wp-400da8ffe20844071ceb79dcc3033271.png","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1629,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/3-1.png","name":"3-1.png","meta":{"brizy_attachment_uid":"wp-8cddc72d62e86bc33ca5e77ccfb9053e.png","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1638,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/\u0414\u0438\u0437\u0430\u0439\u043d-\u0431\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-1.png","name":"\u0414\u0438\u0437\u0430\u0439\u043d-\u0431\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-1.png","meta":{"brizy_attachment_uid":"wp-000b840ee11ae0e9589ac80ab634c6ac.png","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1657,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/1-21.jpg","name":"1-21.jpg","meta":{"brizy_attachment_uid":"wp-5d3057fa14698858adf5a2fbe90375e7.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":1681,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2019\/03\/guilherme-stecanella-9qquJNwMOos-unsplash-1.jpg","name":"guilherme-stecanella-9qquJNwMOos-unsplash-1.jpg","meta":{"brizy_attachment_uid":"6e1a689e747e245526f8612192fe38aa","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa"]}},{"id":1683,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2019\/03\/roland-denes-QT94VAhgzsE-unsplash-1.jpg","name":"roland-denes-QT94VAhgzsE-unsplash-1.jpg","meta":{"brizy_attachment_uid":"6e1a689e747e245526f8612192fe38aa","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa"]}},{"id":1684,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2019\/07\/aldair-vargas-3JPxEsnwNrM-unsplash.jpg","name":"aldair-vargas-3JPxEsnwNrM-unsplash.jpg","meta":{"brizy_attachment_uid":"wp-3eb1558fa8bb75e865451f09ead315e3","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c"]}},{"id":1685,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2019\/07\/daniel-monteiro-u8yJtV_9M9U-unsplash.jpg","name":"daniel-monteiro-u8yJtV_9M9U-unsplash.jpg","meta":{"brizy_attachment_uid":"wp-83e0efbc43cb53b5d493b682c03a4e3b","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c"]}},{"id":1686,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2019\/03\/alex-perez-NLUkAA-nDdE-unsplash.jpg","name":"alex-perez-NLUkAA-nDdE-unsplash.jpg","meta":{"brizy_attachment_uid":"6e1a689e747e245526f8612192fe38aa","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa","6e1a689e747e245526f8612192fe38aa"]}},{"id":1694,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2019\/07\/joshua-rawson-harris-bMMOBVp6KQU-unsplash.jpg","name":"joshua-rawson-harris-bMMOBVp6KQU-unsplash.jpg","meta":{"brizy_attachment_uid":"wp-aeb0547868e54cdef46a313d2f7dac84","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","c281b021d9215cdd47ad0f25666c8a22","6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","c281b021d9215cdd47ad0f25666c8a22","6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","c281b021d9215cdd47ad0f25666c8a22","6e1a689e747e245526f8612192fe38aa","64287471bf24a1582f0c8d6c5934011c","c281b021d9215cdd47ad0f25666c8a22"]}},{"id":2455,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/3-11.jpg","name":"3-11.jpg","meta":{"brizy_attachment_uid":"wp-cfdc7e0769ce0f9d8ed61f942cc30080.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":2494,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/\u0444\u043b\u043e\u0440\u0430\u0440\u0438\u0443\u043c-\u043f\u0438\u0440\u0430\u043c\u0438\u0434\u0430-8.jpg","name":"\u0444\u043b\u043e\u0440\u0430\u0440\u0438\u0443\u043c-\u043f\u0438\u0440\u0430\u043c\u0438\u0434\u0430-8.jpg","meta":{"brizy_attachment_uid":"wp-973114c8d3a77bd8522d88c999a12f07.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":2575,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2020\/12\/\u0420\u0430\u0431\u043e\u0447\u0438\u0439-\u043f\u043e\u043b\u0434\u0435\u043d\u044c.jpg","name":"\u0420\u0430\u0431\u043e\u0447\u0438\u0439-\u043f\u043e\u043b\u0434\u0435\u043d\u044c.jpg","meta":{"brizy_attachment_uid":"wp-c13b37e7bfa61a2b1d5200481fd17882.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":2616,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/brizy\/2123\/assets\/images\/f3b854ccfb5958fd3f62503a736da0c174bc8959.png","name":"f3b854ccfb5958fd3f62503a736da0c174bc8959.png","meta":{"brizy_attachment_uid":"f3b854ccfb5958fd3f62503a736da0c174bc8959.png","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":2617,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/brizy\/2123\/assets\/images\/d7c450e1624266a47f254b066bb4f2f8be58cde4.png","name":"d7c450e1624266a47f254b066bb4f2f8be58cde4.png","meta":{"brizy_attachment_uid":"d7c450e1624266a47f254b066bb4f2f8be58cde4.png","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":2618,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/brizy\/2123\/assets\/images\/2e1f6eb38a8d859a8031764dfb20dec535ee5348.png","name":"2e1f6eb38a8d859a8031764dfb20dec535ee5348.png","meta":{"brizy_attachment_uid":"2e1f6eb38a8d859a8031764dfb20dec535ee5348.png","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":2619,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/brizy\/2123\/assets\/images\/f32fe47ca30e7fb34fd31aabb2c3de5690983dac.png","name":"f32fe47ca30e7fb34fd31aabb2c3de5690983dac.png","meta":{"brizy_attachment_uid":"f32fe47ca30e7fb34fd31aabb2c3de5690983dac.png","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":2779,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/2025\/11\/4849721b22dd5c314f7b3439b7ea3212.jpg","name":"4849721b22dd5c314f7b3439b7ea3212.jpg","meta":{"brizy_attachment_uid":"wp-3d75a99d6e7dd54e4ea0916e2dc535a2.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":2808,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/brizy\/2123\/assets\/images\/d03-Img-Stairway-scaled.jpg","name":"d03-Img-Stairway.jpg","meta":{"brizy_attachment_uid":"d03-Img-Stairway.jpg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":2978,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/brizy\/2123\/assets\/images\/ce8dc90b00523f7f083591e3ff26d8ddb2efdad7.jpeg","name":"ce8dc90b00523f7f083591e3ff26d8ddb2efdad7.jpeg","meta":{"brizy_attachment_uid":"ce8dc90b00523f7f083591e3ff26d8ddb2efdad7.jpeg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}},{"id":3038,"url":"https:\/\/indigovitrag.ru\/wp-content\/uploads\/brizy\/2123\/assets\/images\/dd81059582abb5710fa8ca1da32a825a4f4bc587.jpeg","name":"dd81059582abb5710fa8ca1da32a825a4f4bc587.jpeg","meta":{"brizy_attachment_uid":"dd81059582abb5710fa8ca1da32a825a4f4bc587.jpeg","brizy_post_uid":["6e1a689e747e245526f8612192fe38aa"]}}],"_links":{"self":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2123"}],"version-history":[{"count":30,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages\/2123\/revisions"}],"predecessor-version":[{"id":3302,"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=\/wp\/v2\/pages\/2123\/revisions\/3302"}],"wp:attachment":[{"href":"https:\/\/indigovitrag.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}