{"id":76,"date":"2025-12-21T18:28:00","date_gmt":"2025-12-21T16:28:00","guid":{"rendered":"https:\/\/promgidrosila.com.ua\/?page_id=76"},"modified":"2026-07-21T21:33:55","modified_gmt":"2026-07-21T18:33:55","slug":"%d0%b3%d0%be%d0%bb%d0%be%d0%b2%d0%bd%d0%b0","status":"publish","type":"page","link":"https:\/\/promgidrosila.com.ua\/","title":{"rendered":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430"},"content":{"rendered":"\n<section class=\"gsbp-af2b951 alignfull\" data-type=\"section-component\">\n<div class=\"gsbp-dbaabae\" data-type=\"content-area-component\">\n<style data-wp-block-html=\"css\">\n\/* \u042d\u0444\u0444\u0435\u043a\u0442 \u0431\u043b\u0438\u043a\u0430 \u0434\u043b\u044f \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438 *\/\n.btn-main {\n    position: relative;\n    overflow: hidden;\n}\n\n.btn-main::after {\n    content: '';\n    position: absolute;\n    top: -50%; left: -60%;\n    width: 30%; height: 200%;\n    background: linear-gradient(\n        90deg, \n        rgba(255,255,255,0) 0%, \n        rgba(255,255,255,0.25) 50%, \n        rgba(255,255,255,0) 100%\n    );\n    transform: rotate(30deg);\n\/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0441\u0441\u044b\u043b\u043a\u0438 \u043b\u043e\u043a\u0430\u0446\u0438\u0438 *\/\n.hero-location-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255, 255, 255, 0.4);\n    font-family: var(--font-heading, 'Oswald', sans-serif);\n    font-size: 13px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    text-decoration: none !important;\n    margin-bottom: 12px;\n    transition: all 0.3s ease;\n}\n\n\/* \u0418\u043a\u043e\u043d\u043a\u0430 \u043b\u043e\u043a\u0430\u0446\u0438\u0438 *\/\n.hero-location-link svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}\n\n\/* \u042d\u0444\u0444\u0435\u043a\u0442 \u0445\u043e\u0432\u0435\u0440\u0430: \u0442\u0435\u043a\u0441\u0442 \u0431\u0435\u043b\u0435\u0435\u0442, \u043d\u0435\u043e\u043d\u043e\u0432\u044b\u0439 \u043e\u0442\u0441\u0432\u0435\u0442 \u0438 \u043c\u0438\u043a\u0440\u043e-\u043f\u0440\u044b\u0436\u043e\u043a \u0438\u043a\u043e\u043d\u043a\u0438 *\/\n.hero-location-link:hover {\n    color: #ffffff;\n    text-shadow: 0 0 10px var(--accent-glow, rgba(255, 46, 0, 0.8));\n}\n\n.hero-location-link:hover svg {\n    color: var(--accent-color, #FF2E00);\n    transform: translateY(-2px);\n    filter: drop-shadow(0 0 5px var(--accent-color, #FF2E00));\n}\n    transition: none;\n}\n\n\/* \u041f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \u0431\u043b\u0438\u043a \u043f\u0440\u043e\u0431\u0435\u0433\u0430\u0435\u0442 \u0441\u043b\u0435\u0432\u0430 \u043d\u0430\u043f\u0440\u0430\u0432\u043e *\/\n.btn-main:hover::after {\n    left: 140%;\n    transition: all 0.6s ease-in-out;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const slides = document.querySelectorAll('.hero-bg-item');\n    if (slides.length <= 1) return; \/\/ \u0415\u0441\u043b\u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043e\u0434\u043d\u0430 \u2014 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u0435\u043c\n\n    let currentSlide = 0;\n    const slideInterval = 5000; \/\/ \u0412\u0440\u0435\u043c\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u043e\u0434\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 (5 \u0441\u0435\u043a\u0443\u043d\u0434)\n\n    function nextSlide() {\n        \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043a\u043b\u0430\u0441\u0441 active \u0443 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438\n        slides[currentSlide].classList.remove('active');\n        \n        \/\/ \u0421\u0447\u0438\u0442\u0430\u0435\u043c \u0438\u043d\u0434\u0435\u043a\u0441 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439\n        currentSlide = (currentSlide + 1) % slides.length;\n        \n        \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441 active \u043d\u043e\u0432\u043e\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0435\n        slides[currentSlide].classList.add('active');\n    }\n\n    \/\/ \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0441\u043c\u0435\u043d\u044b \u0441\u043b\u0430\u0439\u0434\u043e\u0432\n    setInterval(nextSlide, slideInterval);\n});\n<\/script>\n\n<section class=\"hero-section\">\n    \n    <!-- \u0411\u043b\u043e\u043a \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u0438 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430 -->\n    <div class=\"hero-backgrounds\">\n        <div class=\"hero-bg-item active\" style=\"background-image: url('http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-06_21-24-10.jpg');\"><\/div>\n        <div class=\"hero-bg-item\" style=\"background-image: url('http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-08-06_08-33-28.jpg');\"><\/div>\n        <div class=\"hero-bg-item\" style=\"background-image: url('http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-04_09-49-45.jpg');\"><\/div>\n        <div class=\"hero-gradient\"><\/div>\n    <\/div>\n\n    <!-- \u041a\u043e\u043d\u0442\u0435\u043d\u0442\u044b\u0439 \u0431\u043b\u043e\u043a -->\n    <div class=\"hero-container\">\n        <div class=\"hero-content\">\n            \n            <!-- \u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0433\u0435\u043e\u043b\u043e\u043a\u0430\u0446\u0438\u044e \u0441 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0438\u043a\u043e\u043d\u043a\u043e\u0439 -->\n            <a href=\"https:\/\/maps.google.com\/?q=\u041f\u0420\u041e\u041c\u0413\u0406\u0414\u0420\u041e\u0421\u0418\u041b\u0410+\u041a\u0438\u0457\u0432\" target=\"_blank\" class=\"hero-location-link\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"min-width: 16px; max-width: 16px; height: 16px;\">\n                    <path d=\"M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9C9.5 7.62 10.62 6.5 12 6.5C13.38 6.5 14.5 7.62 14.5 9C14.5 10.38 13.38 11.5 12 11.5Z\" fill=\"currentColor\"><\/path>\n                <\/svg>\n                \u0422\u041e\u0412 \u00ab\u041f\u0420\u041e\u041c\u0413\u0406\u0414\u0420\u041e\u0421\u0418\u041b\u0410\u00bb \u2014 \u041a\u0418\u0407\u0412\n            <\/a>\n            \n            <h1 class=\"hero-title\">\u0420\u0435\u043c\u043e\u043d\u0442 <br>\u0430\u0432\u0442\u043e\u0446\u0438\u0441\u0442\u0435\u0440\u043d \u0442\u0430 <span class=\"red-text\">\u0456\u043d\u0448\u043e\u0457 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438<\/span><\/h1>\n            \n            <p class=\"hero-subtitle\">\u0412\u0438\u0440\u043e\u0431\u043d\u0438\u0447\u043e-\u0441\u0435\u0440\u0432\u0456\u0441\u043d\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u044f. \u0421\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0437\u043e\u0432\u0430\u043d\u0435 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0435\u0445\u043d\u0456\u043a\u0438, \u0440\u0435\u043c\u043e\u043d\u0442 \u0430\u0432\u0442\u043e\u0446\u0438\u0441\u0442\u0435\u0440\u043d \u0442\u0430 \u0432\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0420\u0412\u0414. \u041f\u0440\u0430\u0446\u044e\u0454\u043c\u043e \u0437 \u041f\u0414\u0412. \u041e\u0444\u0456\u0446\u0456\u0439\u043d\u0430 \u0433\u0430\u0440\u0430\u043d\u0442\u0456\u044f \u044f\u043a\u043e\u0441\u0442\u0456.<\/p>\n            \n            <div class=\"hero-btns\">\n                <a href=\"#services\" class=\"btn-main\">\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u043f\u043e\u0441\u043b\u0443\u0433<\/a>\n                <a href=\"tel:+380686821501\" class=\"btn-outline\">\u0417\u0430\u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443\u0432\u0430\u0442\u0438<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n<\/section>\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ \u041d\u0430\u0445\u043e\u0434\u0438\u043c \u0432\u0441\u0435 \u0444\u043e\u043d\u043e\u0432\u044b\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u0430\n    const slides = document.querySelectorAll('.hero-bg-item');\n    let currentSlide = 0;\n    const slideInterval = 5000; \/\/ \u0418\u043d\u0442\u0435\u0440\u0432\u0430\u043b \u0441\u043c\u0435\u043d\u044b \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a (5 \u0441\u0435\u043a\u0443\u043d\u0434)\n\n    function nextSlide() {\n        \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0435\u0441\u0442\u044c \u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0441\u043b\u0430\u0439\u0434\u044b\n        if (slides.length === 0) return;\n\n        \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043a\u043b\u0430\u0441\u0441 active \u0443 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u043b\u0430\u0439\u0434\u0430\n        slides[currentSlide].classList.remove('active');\n        \n        \/\/ \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c\u0443 \u0438\u043d\u0434\u0435\u043a\u0441\u0443 (\u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u043d\u043e\u0432\u0430 0)\n        currentSlide = (currentSlide + 1) % slides.length;\n        \n        \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441 active \u043d\u043e\u0432\u043e\u043c\u0443 \u0441\u043b\u0430\u0439\u0434\u0443\n        slides[currentSlide].classList.add('active');\n    }\n\n    \/\/ \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0441\u043c\u0435\u043d\u0443 \u043a\u0430\u0436\u0434\u044b\u0435 5 \u0441\u0435\u043a\u0443\u043d\u0434\n    if (slides.length > 1) {\n        setInterval(nextSlide, slideInterval);\n    }\n});\n<\/script>\n\n\n\n<script data-wp-block-html=\"js\">\n\/\/ \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0441\u0442\u0440\u0435\u043b\u043e\u043a \u0434\u043b\u044f \u0423\u0421\u041b\u0423\u0413\nfunction scrollCarousel(button, direction) {\n    const wrapper = button.closest('.carousel-wrapper');\n    const carousel = wrapper.querySelector('.products-grid');\n    const cardWidth = carousel.querySelector('.product-card').offsetWidth + 30;\n    \n    \/\/ \u041a\u0440\u0443\u0442\u0438\u043c \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0443\u0441\u043b\u0443\u0433\n    carousel.scrollBy({\n        left: cardWidth * direction,\n        behavior: 'smooth'\n    });\n\n    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043a\u0440\u0430\u044f \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u043a\u043b\u0438\u043a\u0430 \u0441 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u043d\u0430 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e\n    setTimeout(() => {\n        checkServicesEdgesDirect(carousel, wrapper);\n    }, 350);\n}\n\n\/\/ \u041f\u0440\u044f\u043c\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u0441\u0442\u0440\u0435\u043b\u043e\u043a \u0434\u043b\u044f \u0443\u0441\u043b\u0443\u0433\nfunction checkServicesEdgesDirect(carousel, wrapper) {\n    if (!carousel || !wrapper) return;\n    \n    const arrowPrev = wrapper.querySelector('.carousel-arrow.prev');\n    const arrowNext = wrapper.querySelector('.carousel-arrow.next');\n    \n    const scrollLeft = Math.ceil(carousel.scrollLeft);\n    const maxScroll = carousel.scrollWidth - carousel.clientWidth;\n\n    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043b\u0435\u0432\u044b\u0439 \u043a\u0440\u0430\u0439\n    if (scrollLeft <= 10) {\n        if (arrowPrev) {\n            arrowPrev.style.setProperty('opacity', '0', 'important');\n            arrowPrev.style.setProperty('visibility', 'hidden', 'important');\n            arrowPrev.style.setProperty('pointer-events', 'none', 'important');\n        }\n    } else {\n        if (arrowPrev) {\n            arrowPrev.style.setProperty('opacity', '1', 'important');\n            arrowPrev.style.setProperty('visibility', 'visible', 'important');\n            arrowPrev.style.setProperty('pointer-events', 'auto', 'important');\n        }\n    }\n\n    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043f\u0440\u0430\u0432\u044b\u0439 \u043a\u0440\u0430\u0439\n    if (scrollLeft >= maxScroll - 10) {\n        if (arrowNext) {\n            arrowNext.style.setProperty('opacity', '0', 'important');\n            arrowNext.style.setProperty('visibility', 'hidden', 'important');\n            arrowNext.style.setProperty('pointer-events', 'none', 'important');\n        }\n    } else {\n        if (arrowNext) {\n            arrowNext.style.setProperty('opacity', '1', 'important');\n            arrowNext.style.setProperty('visibility', 'visible', 'important');\n            arrowNext.style.setProperty('pointer-events', 'auto', 'important');\n        }\n    }\n}\n\n\/\/ \u0410\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u044b\u0439 \u0444\u043e\u043d\u043e\u0432\u044b\u0439 \u0442\u0430\u0439\u043c\u0435\u0440 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e \u0434\u043b\u044f \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u0443\u0441\u043b\u0443\u0433\nsetInterval(() => {\n    const carousel = document.getElementById('services-carousel');\n    if (carousel) {\n        const wrapper = carousel.closest('.carousel-wrapper');\n        checkServicesEdgesDirect(carousel, wrapper);\n    }\n}, 400);\n<\/script>\n\n<section style=\"padding: 80px 0; position: relative; z-index: 5;\">\n    <div class=\"hero-container\">\n        \n        <div style=\"margin-bottom: 50px; border-left: 4px solid var(--accent-color); padding-left: 20px; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px;\">\n            <div>\n                <h2 style=\"font-family: var(--font-heading); font-size: 36px; text-transform: uppercase; color: #fff; margin: 0 0 10px; letter-spacing: 1px;\">\n                    \u041d\u0430\u0448\u0456 \u043a\u043b\u044e\u0447\u043e\u0432\u0456 <span class=\"red-text\">\u043d\u0430\u043f\u0440\u044f\u043c\u043a\u0438<\/span>\n                <\/h2>\n                <p style=\"font-family: var(--font-body); font-size: 16px; color: rgba(255,255,255,0.6); margin: 0;\">\n                    \u041f\u043e\u0432\u043d\u0438\u0439 \u0441\u043f\u0435\u043a\u0442\u0440 \u043f\u043e\u0441\u043b\u0443\u0433 \u0437 \u0440\u0435\u043c\u043e\u043d\u0442\u0443 \u0433\u0456\u0434\u0440\u0430\u0432\u043b\u0456\u043a\u0438, \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0431\u0435\u043d\u0437\u043e\u0432\u043e\u0437\u0456\u0432 \u0442\u0430 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438.\n                <\/p>\n            <\/div>\n            <a href=\"\/services\/\" style=\"font-family: var(--font-heading); color: var(--accent-color); text-transform: uppercase; text-decoration: none; font-weight: 600; letter-spacing: 1px; font-size: 15px; border-bottom: 2px solid var(--accent-color); padding-bottom: 4px; transition: opacity 0.3s;\" onmouseover=\"this.style.opacity='0.8'\" onmouseout=\"this.style.opacity='1'\">\n                \u0423\u0441\u0456 \u043f\u043e\u0441\u043b\u0443\u0433\u0438 &rarr;\n            <\/a>\n        <\/div>\n\n        <div class=\"carousel-wrapper\">\n            \n            <button class=\"carousel-arrow prev\" onclick=\"scrollCarousel(this, -1)\">&larr;<\/button>\n            <button class=\"carousel-arrow next\" onclick=\"scrollCarousel(this, 1)\">&rarr;<\/button>\n\n            <div class=\"products-grid\" id=\"services-carousel\">\n\n                <div class=\"product-card\">\n                    <div class=\"product-badge\">\u041f\u0430\u043b\u0438\u0432\u043e\u0432\u043e\u0437\u0438<\/div>\n                    <div class=\"product-image\">\n                        <img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-08-06_08-33-28.jpg\" alt=\"\u0420\u0435\u043c\u043e\u043d\u0442 \u0430\u0432\u0442\u043e\u0446\u0438\u0441\u0442\u0435\u0440\u043d\">\n                    <\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u041e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u0440\u0435\u043c\u043e\u043d\u0442 \u0430\u0432\u0442\u043e\u0446\u0438\u0441\u0442\u0435\u0440\u043d<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.5; margin: 0 0 20px;\">\n                            \u0422\u0435\u0445\u043d\u0456\u0447\u043d\u0435 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u0430\u043b\u0438\u0432\u043e\u0432\u043e\u0437\u0456\u0432, \u0433\u0430\u0437\u043e\u0432\u043e\u0437\u0456\u0432, \u0445\u0456\u043c\u0456\u0447\u043d\u0438\u0445 \u0442\u0430 \u0445\u0430\u0440\u0447\u043e\u0432\u0438\u0445 \u0446\u0438\u0441\u0442\u0435\u0440\u043d. \u0420\u0435\u043c\u043e\u043d\u0442 \u0437\u043b\u0438\u0432\u043d\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c, \u0432\u0456\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0433\u0435\u0440\u043c\u0435\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u0456 \u0442\u0430 \u0437\u0432\u0430\u0440\u044e\u0432\u0430\u043b\u044c\u043d\u0456 \u0440\u043e\u0431\u043e\u0442\u0438 \u0430\u0440\u0433\u043e\u043d\u043e\u043c.\n                        <\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #fff; margin-bottom: 20px;\">\u041f\u0440\u0430\u0446\u044e\u0454\u043c\u043e \u0437 \u041f\u0414\u0412<\/div>\n                        <a href=\"\/remont-avtotsystern\/\" class=\"product-btn\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435<\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"product-card\">\n                    <div class=\"product-badge\">\u0421\u0435\u0440\u0432\u0456\u0441<\/div>\n                    <div class=\"product-image\">\n                        <img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-06_21-24-10.jpg\" alt=\"\u0420\u0435\u043c\u043e\u043d\u0442 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438\">\n                    <\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0420\u0435\u043c\u043e\u043d\u0442 \u0433\u0456\u0434\u0440\u0430\u0432\u043b\u0456\u043a\u0438 \u0442\u0430 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.5; margin: 0 0 20px;\">\n                            \u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u0435 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0435\u043a\u0441\u043a\u0430\u0432\u0430\u0442\u043e\u0440\u0456\u0432, \u043c\u0430\u043d\u0456\u043f\u0443\u043b\u044f\u0442\u043e\u0440\u0456\u0432, \u043d\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0432\u0430\u0447\u0456\u0432. \u0414\u0435\u0444\u0435\u043a\u0442\u043e\u0432\u043a\u0430, \u0440\u0435\u043c\u043e\u043d\u0442 \u0433\u0456\u0434\u0440\u043e\u0446\u0438\u043b\u0456\u043d\u0434\u0440\u0456\u0432, \u043d\u0430\u0441\u043e\u0441\u0456\u0432 \u0442\u0430 \u0440\u043e\u0437\u043f\u043e\u0434\u0456\u043b\u044c\u043d\u0438\u043a\u0456\u0432.\n                        <\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #fff; margin-bottom: 20px;\">\u0413\u0430\u0440\u0430\u043d\u0442\u0456\u044f \u043d\u0430 \u0440\u043e\u0431\u043e\u0442\u0438<\/div>\n                        <a href=\"\/remont-gidravliky\/\" class=\"product-btn\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-card\">\n                    <div class=\"product-badge\" style=\"background-color: #FF2E00;\">\u0412\u0438\u0457\u0437\u0434 24\/7<\/div>\n                    <div class=\"product-image\">\n                        <img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-04_09-49-45.jpg\" alt=\"\u0412\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0420\u0412\u0414\">\n                    <\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0412\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0420\u0412\u0414 \u0437 \u043e\u043f\u0435\u0440\u0430\u0446\u0456\u0439\u043d\u0438\u043c \u0432\u0438\u0457\u0437\u0434\u043e\u043c<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.5; margin: 0 0 20px;\">\n                            \u0412\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0442\u0430 \u0440\u0435\u043c\u043e\u043d\u0442 \u0440\u0443\u043a\u0430\u0432\u0456\u0432 \u0432\u0438\u0441\u043e\u043a\u043e\u0433\u043e \u0442\u0438\u0441\u043a\u0443 \u0437\u0430 15 \u0445\u0432\u0438\u043b\u0438\u043d \u0443 \u043c\u0430\u0439\u0441\u0442\u0435\u0440\u043d\u0456 \u0430\u0431\u043e \u0437 \u0442\u0435\u0440\u043c\u0456\u043d\u043e\u0432\u0438\u043c \u0432\u0438\u0457\u0437\u0434\u043e\u043c \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u043e\u0457 \u0431\u0440\u0438\u0433\u0430\u0434\u0438 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043e\u0431'\u0454\u043a\u0442 \u0434\u043e \u0437\u043b\u0430\u043c\u0430\u043d\u043e\u0457 \u0442\u0435\u0445\u043d\u0456\u043a\u0438.\n                        <\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #fff; margin-bottom: 20px;\">\u041c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0439 \u0441\u0435\u0440\u0432\u0456\u0441<\/div>\n                        <a href=\"\/vygotovlennya-rvd\/\" class=\"product-btn\">\u0412\u0438\u043a\u043b\u0438\u043a\u0430\u0442\u0438 \u043c\u0430\u0439\u0441\u0442\u0440\u0430<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-card\">\n                    <div class=\"product-badge\">\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0438<\/div>\n                    <div class=\"product-image\">\n                        <img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-08-06_08-33-28.jpg\" alt=\"\u0420\u0435\u043c\u043e\u043d\u0442 \u0434\u043e\u043d\u043d\u0438\u0445 \u043a\u043b\u0430\u043f\u0430\u043d\u0456\u0432 \u0431\u0435\u043d\u0437\u043e\u0432\u043e\u0437\u0456\u0432\">\n                    <\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0420\u0435\u043c\u043e\u043d\u0442 \u0434\u043e\u043d\u043d\u0438\u0445 \u043a\u043b\u0430\u043f\u0430\u043d\u0456\u0432 \u0442\u0430 \u043e\u0431\u043b\u0430\u0434\u043d\u0430\u043d\u043d\u044f<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.5; margin: 0 0 20px;\">\n                            \u0414\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430, \u0432\u0456\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0442\u0430 \u0437\u0430\u043c\u0456\u043d\u0430 \u0434\u043e\u043d\u043d\u0438\u0445 \u043a\u043b\u0430\u043f\u0430\u043d\u0456\u0432, \u0437\u043b\u0438\u0432\u043d\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c, \u043f\u043d\u0435\u0432\u043c\u043e\u0440\u043e\u0437\u043f\u043e\u0434\u0456\u043b\u044c\u043d\u0438\u043a\u0456\u0432 \u0442\u0430 \u0441\u0443\u043f\u0443\u0442\u043d\u044c\u043e\u0433\u043e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0447\u043d\u043e\u0433\u043e \u043e\u0431\u043b\u0430\u0434\u043d\u0430\u043d\u043d\u044f \u0431\u0435\u043d\u0437\u043e\u0432\u043e\u0437\u0456\u0432.\n                        <\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #fff; margin-bottom: 20px;\">\u0428\u0432\u0438\u0434\u043a\u0430 \u0434\u0435\u0444\u0435\u043a\u0442\u043e\u0432\u043a\u0430<\/div>\n                        <a href=\"\/remont-obladnannya-benzovoziv\/\" class=\"product-btn\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-card\">\n                    <div class=\"product-badge\" style=\"background-color: #0088cc;\">\u0415\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u0456\u043a\u0430<\/div>\n                    <div class=\"product-image\">\n                        <img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-06_21-24-10.jpg\" alt=\"\u0420\u0435\u043c\u043e\u043d\u0442 \u043e\u043f\u0442\u0438\u0447\u043d\u0438\u0445 \u0434\u0430\u0442\u0447\u0438\u043a\u0456\u0432\">\n                    <\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0414\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430 \u0442\u0430 \u0440\u0435\u043c\u043e\u043d\u0442 \u043e\u043f\u0442\u0438\u0447\u043d\u0438\u0445 \u0434\u0430\u0442\u0447\u0438\u043a\u0456\u0432<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.5; margin: 0 0 20px;\">\n                            \u041f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0430, \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u043a\u0430\u043f\u0456\u0442\u0430\u043b\u044c\u043d\u0438\u0439 \u0440\u0435\u043c\u043e\u043d\u0442 \u0441\u0438\u0441\u0442\u0435\u043c \u043e\u043f\u0442\u0438\u0447\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e (\u0434\u0430\u0442\u0447\u0438\u043a\u0456\u0432 \u043f\u0435\u0440\u0435\u043b\u0438\u0432\u0443) \u043f\u0430\u043b\u0438\u0432\u043e\u0432\u043e\u0437\u0456\u0432 \u0454\u0432\u0440\u043e\u043f\u0435\u0439\u0441\u044c\u043a\u043e\u0433\u043e \u0442\u0430 \u0430\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u044c\u043a\u043e\u0433\u043e \u0442\u0438\u043f\u0456\u0432.\n                        <\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #fff; margin-bottom: 20px;\">\u0421\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0437\u043e\u0432\u0430\u043d\u0438\u0439 \u0441\u0442\u0435\u043d\u0434<\/div>\n                        <a href=\"\/remont-optychnyh-datchykiv\/\" class=\"product-btn\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-card\">\n                    <div class=\"product-badge\">\u0413\u0456\u0434\u0440\u043e\u0431\u043e\u0440\u0442\u0438<\/div>\n                    <div class=\"product-image\">\n                        <img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-06_21-24-10.jpg\" alt=\"\u0420\u0435\u043c\u043e\u043d\u0442 \u0433\u0456\u0434\u0440\u043e\u0431\u043e\u0440\u0442\u0456\u0432\">\n                    <\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0420\u0435\u043c\u043e\u043d\u0442 \u0433\u0456\u0434\u0440\u043e\u0431\u043e\u0440\u0442\u0456\u0432 \u0442\u0430 \u0456\u043d\u0448\u043e\u0457 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.5; margin: 0 0 20px;\">\n                            \u041e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u0440\u0435\u043c\u043e\u043d\u0442 \u0433\u0456\u0434\u0440\u043e\u0431\u043e\u0440\u0442\u0456\u0432 \u0443\u0441\u0456\u0445 \u043c\u0430\u0440\u043e\u043a (\u0437\u0430\u043c\u0456\u043d\u0430 \u0448\u043b\u0430\u043d\u0433\u043e\u0432, \u0440\u0435\u043c\u043e\u043d\u0442 \u0446\u0438\u043b\u0456\u043d\u0434\u0440\u0456\u0432, \u0435\u043b\u0435\u043a\u0442\u0440\u0438\u043a\u0430, \u0437\u0430\u043c\u043a\u0438). \u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u0438\u0439 \u0441\u0435\u0440\u0432\u0456\u0441 \u043c\u0430\u043d\u0456\u043f\u0443\u043b\u044f\u0442\u043e\u0440\u0456\u0432 \u0442\u0430 \u043d\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0432\u0430\u0447\u0456\u0432.\n                        <\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #fff; margin-bottom: 20px;\">\u041e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u0456\u0434 \u043a\u043b\u044e\u0447<\/div>\n                        <a href=\"\/remont-gidrobortiv\/\" class=\"product-btn\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435<\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section style=\"padding: 40px 0; position: relative; z-index: 5;\">\n    <div class=\"hero-container\">\n        <!-- \u0421\u0442\u0435\u043a\u043b\u044f\u043d\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c \u0432\u043e \u0432\u0441\u044e \u0448\u0438\u0440\u0438\u043d\u0443 -->\n        <div style=\"background: rgba(255, 255, 255, 0.02); backdrop-filter: var(--blur-medium); -webkit-backdrop-filter: var(--blur-medium); border: 1px solid rgba(255,255,255,0.05); border-radius: 12px; padding: 40px 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; text-align: center;\">\n            \n            <!-- \u0426\u0438\u0444\u0440\u0430 1 -->\n            <div>\n                <div style=\"font-family: var(--font-heading); font-size: 48px; font-weight: 700; color: var(--accent-color); text-shadow: 0 0 15px var(--accent-glow); margin-bottom: 5px;\">&gt; 10 \u0440\u043e\u043a\u0456\u0432<\/div>\n                <div style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;\">\u0414\u043e\u0441\u0432\u0456\u0434\u0443 \u0443 \u0433\u0456\u0434\u0440\u0430\u0432\u043b\u0456\u0446\u0456<\/div>\n            <\/div>\n\n            <!-- \u0426\u0438\u0444\u0440\u0430 2 -->\n            <div>\n                <div style=\"font-family: var(--font-heading); font-size: 48px; font-weight: 700; color: #fff; margin-bottom: 5px;\">15 \u0445\u0432<\/div>\n                <div style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;\">\u0412\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0420\u0412\u0414<\/div>\n            <\/div>\n\n            <!-- \u0426\u0438\u0444\u0440\u0430 3 -->\n            <div>\n                <div style=\"font-family: var(--font-heading); font-size: 48px; font-weight: 700; color: var(--accent-color); text-shadow: 0 0 15px var(--accent-glow); margin-bottom: 5px;\">100%<\/div>\n                <div style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;\">\u0413\u0430\u0440\u0430\u043d\u0442\u0456\u044f \u043d\u0430 \u0440\u0435\u043c\u043e\u043d\u0442<\/div>\n            <\/div>\n\n            <!-- \u0426\u0438\u0444\u0440\u0430 4 -->\n            <div>\n                <div style=\"font-family: var(--font-heading); font-size: 48px; font-weight: 700; color: #fff; margin-bottom: 5px;\">\u041f\u0414\u0412<\/div>\n                <div style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;\">\u041e\u0444\u0456\u0446\u0456\u0439\u043d\u0438\u0439 \u0434\u043e\u0433\u043e\u0432\u0456\u0440 \u0422\u041e\u0412<\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<script data-wp-block-html=\"js\">\n\/\/ \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0441\u0442\u0440\u0435\u043b\u043e\u043a\nfunction scrollCarousel(button, direction) {\n    const wrapper = button.closest('.carousel-wrapper');\n    const carousel = wrapper.querySelector('.products-grid');\n    const cardWidth = carousel.querySelector('.product-card').offsetWidth + 30;\n    \n    \/\/ \u041a\u0440\u0443\u0442\u0438\u043c \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c\n    carousel.scrollBy({\n        left: cardWidth * direction,\n        behavior: 'smooth'\n    });\n\n    \/\/ \u0421\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u043a\u043b\u0438\u043a\u0430 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043a\u0440\u0430\u0435\u0432 \u0441 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u043e\u0439 (\u043f\u043e\u043a\u0430 \u0438\u0434\u0435\u0442 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f)\n    setTimeout(() => {\n        checkEdgesDirect(carousel, wrapper);\n    }, 350);\n}\n\n\/\/ \u041f\u0440\u044f\u043c\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u0431\u0435\u0437 CSS \u043a\u043b\u0430\u0441\u0441\u043e\u0432\nfunction checkEdgesDirect(carousel, wrapper) {\n    if (!carousel || !wrapper) return;\n    \n    const arrowPrev = wrapper.querySelector('.carousel-arrow.prev');\n    const arrowNext = wrapper.querySelector('.carousel-arrow.next');\n    \n    const scrollLeft = Math.ceil(carousel.scrollLeft);\n    const maxScroll = carousel.scrollWidth - carousel.clientWidth;\n\n    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043b\u0435\u0432\u044b\u0439 \u043a\u0440\u0430\u0439\n    if (scrollLeft <= 10) {\n        if (arrowPrev) {\n            arrowPrev.style.setProperty('opacity', '0', 'important');\n            arrowPrev.style.setProperty('visibility', 'hidden', 'important');\n            arrowPrev.style.setProperty('pointer-events', 'none', 'important');\n        }\n    } else {\n        if (arrowPrev) {\n            arrowPrev.style.setProperty('opacity', '1', 'important');\n            arrowPrev.style.setProperty('visibility', 'visible', 'important');\n            arrowPrev.style.setProperty('pointer-events', 'auto', 'important');\n        }\n    }\n\n    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043f\u0440\u0430\u0432\u044b\u0439 \u043a\u0440\u0430\u0439\n    if (scrollLeft >= maxScroll - 10) {\n        if (arrowNext) {\n            arrowNext.style.setProperty('opacity', '0', 'important');\n            arrowNext.style.setProperty('visibility', 'hidden', 'important');\n            arrowNext.style.setProperty('pointer-events', 'none', 'important');\n        }\n    } else {\n        if (arrowNext) {\n            arrowNext.style.setProperty('opacity', '1', 'important');\n            arrowNext.style.setProperty('visibility', 'visible', 'important');\n            arrowNext.style.setProperty('pointer-events', 'auto', 'important');\n        }\n    }\n}\n\n\/\/ \u0424\u043e\u043d\u043e\u0432\u044b\u0439 \u0442\u0430\u0439\u043c\u0435\u0440: \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u043a\u0430\u0436\u0434\u044b\u0435 400\u043c\u0441 \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e \u043e\u0442 \u0441\u043a\u0440\u043e\u043b\u043b\u0430\nsetInterval(() => {\n    const carousel = document.getElementById('goods-carousel');\n    if (carousel) {\n        const wrapper = carousel.closest('.carousel-wrapper');\n        checkEdgesDirect(carousel, wrapper);\n    }\n}, 400);\n<\/script>\n\n<section style=\"padding: 60px 0 80px; position: relative; z-index: 5;\">\n    <div class=\"hero-container\">\n        \n        <div style=\"margin-bottom: 50px; border-left: 4px solid #fff; padding-left: 20px; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px;\">\n            <div>\n                <h2 style=\"font-family: var(--font-heading); font-size: 36px; text-transform: uppercase; color: #fff; margin: 0 0 10px; letter-spacing: 1px;\">\n                    \u0413\u0456\u0434\u0440\u0430\u0432\u043b\u0456\u0447\u043d\u0456 <span class=\"red-text\">\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0438<\/span>\n                <\/h2>\n                <p style=\"font-family: var(--font-body); font-size: 16px; color: rgba(255,255,255,0.6); margin: 0;\">\n                    \u041d\u0430\u0434\u0456\u0439\u043d\u0456 \u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0438 \u0442\u0430 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0447\u0456 \u0434\u043b\u044f \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438 \u0437 \u043f\u0440\u044f\u043c\u0438\u043c\u0438 \u043f\u043e\u0441\u0442\u0430\u0447\u0430\u043d\u043d\u044f\u043c\u0438.\n                <\/p>\n            <\/div>\n            <a href=\"\/shop\/\" style=\"font-family: var(--font-heading); color: var(--accent-color); text-transform: uppercase; text-decoration: none; font-weight: 600; letter-spacing: 1px; font-size: 15px; border-bottom: 2px solid var(--accent-color); padding-bottom: 4px;\">\n                \u0423\u0441\u0456 \u0442\u043e\u0432\u0430\u0440\u0438 &rarr;\n            <\/a>\n        <\/div>\n\n        <div class=\"carousel-wrapper\">\n            \n            <button class=\"carousel-arrow prev\" onclick=\"scrollCarousel(this, -1)\">&larr;<\/button>\n            <button class=\"carousel-arrow next\" onclick=\"scrollCarousel(this, 1)\">&rarr;<\/button>\n\n            <div class=\"products-grid\" id=\"goods-carousel\">\n                \n                <div class=\"product-card\">\n                    <div class=\"product-badge\">Top<\/div>\n                    <div class=\"product-image\"><img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-06_21-24-10.jpg\" alt=\"\u0411\u0420\u0421\"><\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0428\u0432\u0438\u0434\u043a\u043e\u0440\u043e\u0437'\u0454\u043c\u043d\u0456 \u0437'\u0454\u0434\u043d\u0430\u043d\u043d\u044f (\u0411\u0420\u0421)<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.5); margin: 0 0 25px;\">\u041c\u0443\u0444\u0442\u0438 \u0442\u0430 \u043d\u0456\u043f\u0435\u043b\u0456 \u0454\u0432\u0440\u043e\u043f\u0435\u0439\u0441\u044c\u043a\u043e\u0433\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0443.<\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; color:#fff; margin-bottom:20px;\">\u0412 \u043d\u0430\u044f\u0432\u043d\u043e\u0441\u0442\u0456<\/div>\n                        <a href=\"#\" class=\"product-btn\" style=\"text-align: center; text-decoration: none;\">\u0414\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044c \u0446\u0456\u043d\u0443<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-card\">\n                    <div class=\"product-badge\" style=\"background-color: #0088cc;\">New<\/div>\n                    <div class=\"product-image\"><img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-08-06_08-33-28.jpg\" alt=\"\u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u0438\"><\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0413\u0456\u0434\u0440\u0430\u0432\u043b\u0456\u0447\u043d\u0456 \u0440\u043e\u0437\u043f\u043e\u0434\u0456\u043b\u044c\u043d\u0438\u043a\u0438<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.5); margin: 0 0 25px;\">\u0421\u0435\u043a\u0446\u0456\u0439\u043d\u0456 \u0442\u0430 \u043c\u043e\u043d\u043e\u0431\u043b\u043e\u0447\u043d\u0456 \u0440\u043e\u0437\u043f\u043e\u0434\u0456\u043b\u044c\u043d\u0438\u043a\u0438.<\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; color:#fff; margin-bottom:20px;\">\u041f\u0456\u0434\u0431\u0456\u0440 \u0437\u0430 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u043c<\/div>\n                        <a href=\"#\" class=\"product-btn\" style=\"text-align: center; text-decoration: none;\">\u0414\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044c \u0446\u0456\u043d\u0443<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-card\">\n                    <div class=\"product-badge\" style=\"background-color: #00b359;\">\u0421\u043a\u043b\u0430\u0434<\/div>\n                    <div class=\"product-image\"><img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-04_09-49-45.jpg\" alt=\"\u0423\u043f\u043b\u043e\u0442\u043d\u0435\u043d\u0438\u044f\"><\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0438 \u0443\u0449\u0456\u043b\u044c\u043d\u0435\u043d\u044c (\u0420\u0435\u043c\u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0438)<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.5); margin: 0 0 25px;\">\u041c\u0430\u043d\u0436\u0435\u0442\u0438 \u0442\u0430 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u044e\u0447\u0456 \u043a\u0456\u043b\u044c\u0446\u044f \u0437 \u043f\u043e\u043b\u0456\u0443\u0440\u0435\u0442\u0430\u043d\u0443.<\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; color:#fff; margin-bottom:20px;\">\u0412\u0435\u043b\u0438\u043a\u0438\u0439 \u0430\u0441\u043e\u0440\u0442\u0438\u043c\u0435\u043d\u0442<\/div>\n                        <a href=\"#\" class=\"product-btn\" style=\"text-align: center; text-decoration: none;\">\u0414\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044c \u0446\u0456\u043d\u0443<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-card\">\n                    <div class=\"product-image\"><img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-06_21-24-10.jpg\" alt=\"\u0413\u0438\u0434\u0440\u043e\u043d\u0430\u0441\u043e\u0441\u044b\"><\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0413\u0456\u0434\u0440\u043e\u043d\u0430\u0441\u043e\u0441\u0438 \u0442\u0430 \u0413\u0456\u0434\u0440\u043e\u043c\u043e\u0442\u043e\u0440\u0438<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.5); margin: 0 0 25px;\">\u0428\u0435\u0441\u0442\u0435\u0440\u0435\u043d\u043d\u0456, \u0430\u043a\u0441\u0456\u0430\u043b\u044c\u043d\u043e-\u043f\u043e\u0440\u0448\u043d\u0435\u0432\u0456 \u0432\u0443\u0437\u043b\u0438 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438.<\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; color:#fff; margin-bottom:20px;\">\u041f\u0440\u044f\u043c\u0438\u0439 \u0456\u043c\u043f\u043e\u0440\u0442<\/div>\n                        <a href=\"#\" class=\"product-btn\" style=\"text-align: center; text-decoration: none;\">\u0414\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044c \u0446\u0456\u043d\u0443<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-card\">\n                    <div class=\"product-image\"><img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-08-06_08-33-28.jpg\" alt=\"\u0413\u0438\u0434\u0440\u043e\u0446\u0438\u043b\u0438\u043d\u0434\u0440\u044b\"><\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0413\u0456\u0434\u0440\u043e\u0446\u0438\u043b\u0456\u043d\u0434\u0440\u0438 \u043f\u0456\u0434\u0439\u043e\u043c\u043d\u0456<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.5); margin: 0 0 25px;\">\u0412\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0437\u0430 \u043a\u0440\u0435\u0441\u043b\u0435\u043d\u043d\u044f\u043c\u0438 \u0442\u0430 \u043f\u0440\u043e\u0434\u0430\u0436 \u0433\u043e\u0442\u043e\u0432\u0438\u0445 \u0432\u0443\u0437\u043b\u0456\u0432.<\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; color:#fff; margin-bottom:20px;\">\u0413\u0430\u0440\u0430\u043d\u0442\u0456\u044f 12 \u043c\u0456\u0441.<\/div>\n                        <a href=\"#\" class=\"product-btn\" style=\"text-align: center; text-decoration: none;\">\u0414\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044c \u0446\u0456\u043d\u0443<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"product-card\">\n                    <div class=\"product-image\"><img decoding=\"async\" src=\"http:\/\/promgidrosila.com.ua\/wp-content\/uploads\/2026\/01\/photo_2025-11-04_09-49-45.jpg\" alt=\"\u041c\u0430\u043d\u043e\u043c\u0435\u0442\u0440\u044b\"><\/div>\n                    <div class=\"product-info\">\n                        <h3 class=\"product-title\">\u0424\u0456\u043b\u044c\u0442\u0440\u0438 \u0442\u0430 \u041c\u0430\u043d\u043e\u043c\u0435\u0442\u0440\u0438<\/h3>\n                        <p style=\"font-family: var(--font-body); font-size: 14px; color: rgba(255,255,255,0.5); margin: 0 0 25px;\">\u0415\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0444\u0456\u043b\u044c\u0442\u0440\u0430\u0446\u0456\u0457 \u0442\u0430 \u0432\u0438\u043c\u0456\u0440\u044e\u0432\u0430\u043b\u044c\u043d\u0456 \u043f\u0440\u0438\u043b\u0430\u0434\u0438 \u0441\u0438\u0441\u0442\u0435\u043c.<\/p>\n                        <div class=\"product-price\" style=\"font-size: 16px; color:#fff; margin-bottom:20px;\">\u0404\u0432\u0440\u043e\u043f\u0430<\/div>\n                        <a href=\"#\" class=\"product-btn\" style=\"text-align: center; text-decoration: none;\">\u0414\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044c \u0446\u0456\u043d\u0443<\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<script data-wp-block-html=\"js\">\nfunction sendLeadToTelegram(event) {\n    event.preventDefault();\n\n    const form = event.target.closest('form') || document.getElementById('tg-contact-form');\n    if (!form) return;\n\n    const nameInput = form.querySelector('#tg-name') || form.querySelector('input[name=\"name\"]');\n    const phoneInput = form.querySelector('#tg-phone') || form.querySelector('input[name=\"phone\"]');\n    const serviceInput = form.querySelector('#tg-service') || form.querySelector('select[name=\"service\"]');\n    const detailsInput = form.querySelector('#tg-details') || form.querySelector('textarea[name=\"details\"]');\n    \n    const submitBtn = form.querySelector('#tg-submit-btn') || form.querySelector('button[type=\"submit\"]');\n    const statusMsg = form.querySelector('#tg-status-msg') || document.getElementById('tg-status-msg');\n\n    if (nameInput) nameInput.style.borderColor = 'rgba(255, 255, 255, 0.08)';\n    if (phoneInput) phoneInput.style.borderColor = 'rgba(255, 255, 255, 0.08)';\n    if (statusMsg) statusMsg.style.display = 'none';\n\n    const nameValue = nameInput ? nameInput.value.trim() : '';\n    const phoneValue = phoneInput ? phoneInput.value.trim() : '';\n    const cleanPhone = phoneValue.replace(\/\\D\/g, '');\n\n    \/\/ \u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n    if (nameValue.length < 2) {\n        if (nameInput) nameInput.style.borderColor = '#FF2E00';\n        if (statusMsg) {\n            statusMsg.style.display = 'block';\n            statusMsg.style.color = '#FF2E00';\n            statusMsg.innerText = '\u26a0\ufe0f \u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u0432\u0435\u0434\u0456\u0442\u044c \u0432\u0430\u0448\u0435 \u0456\u043c\\'\u044f (\u043c\u0456\u043d\u0456\u043c\u0443\u043c 2 \u0441\u0438\u043c\u0432\u043e\u043b\u0438).';\n        }\n        if (nameInput) nameInput.focus();\n        return;\n    }\n\n    if (cleanPhone.length < 9) {\n        if (phoneInput) phoneInput.style.borderColor = '#FF2E00';\n        if (statusMsg) {\n            statusMsg.style.display = 'block';\n            statusMsg.style.color = '#FF2E00';\n            statusMsg.innerText = '\u26a0\ufe0f \u0412\u0432\u0435\u0434\u0456\u0442\u044c \u043a\u043e\u0440\u0435\u043a\u0442\u043d\u0438\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 (\u043c\u0456\u043d\u0456\u043c\u0443\u043c 9 \u0446\u0438\u0444\u0440).';\n        }\n        if (phoneInput) phoneInput.focus();\n        return;\n    }\n\n    if (submitBtn) {\n        submitBtn.disabled = true;\n        submitBtn.innerText = '\u0412\u0456\u0434\u043f\u0440\u0430\u0432\u043a\u0430...';\n    }\n\n    const formData = new FormData();\n    formData.append('name', nameValue);\n    formData.append('phone', phoneValue);\n    formData.append('service', serviceInput ? serviceInput.value : '');\n    formData.append('details', detailsInput ? detailsInput.value.trim() : '');\n\n    fetch('\/send-lead.php', {\n        method: 'POST',\n        body: formData\n    })\n    .then(res => res.json())\n    .then(data => {\n        if (data.success) {\n            if (statusMsg) {\n                statusMsg.style.display = 'block';\n                statusMsg.style.color = '#00b359';\n                statusMsg.innerText = '\u2705 \u0414\u044f\u043a\u0443\u0454\u043c\u043e! \u0417\u0430\u044f\u0432\u043a\u0443 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u0432\u0456\u0434\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e.';\n            }\n            form.reset();\n        } else {\n            throw new Error(data.message || 'Error');\n        }\n    })\n    .catch(err => {\n        if (statusMsg) {\n            statusMsg.style.display = 'block';\n            statusMsg.style.color = '#FF2E00';\n            statusMsg.innerText = '\u274c \u041f\u043e\u043c\u0438\u043b\u043a\u0430 \u0432\u0456\u0434\u043f\u0440\u0430\u0432\u043a\u0438. \u041f\u0435\u0440\u0435\u0432\u0456\u0440\u0442\u0435 \u0434\u0430\u043d\u0456 \u0430\u0431\u043e \u0437\u0430\u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443\u0439\u0442\u0435 \u043d\u0430\u043c.';\n        }\n    })\n    .finally(() => {\n        if (submitBtn) {\n            submitBtn.disabled = false;\n            submitBtn.innerText = '\u0412\u0456\u0434\u043f\u0440\u0430\u0432\u0438\u0442\u0438 \u0437\u0430\u043f\u0438\u0442';\n        }\n    });\n}\n<\/script>\n\n<section id=\"callback\" style=\"padding: 80px 0; position: relative; z-index: 5;\">\n    \n    <!-- \u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u043c \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u043f\u043e\u043b\u0435\u0439 -->\n    <style>\n        \/* \u041a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u0435 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0438 \u0444\u043e\u043a\u0443\u0441 \u0443\u0448\u0435\u043b, \u0438\u043b\u0438 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0432\u0432\u043e\u0434\u0430 *\/\n        #tg-contact-form input:required:valid,\n        #tg-contact-form select:valid {\n            border-color: #00b359 !important;\n            box-shadow: 0 0 10px rgba(0, 179, 89, 0.2);\n        }\n        \n        \/* \u042d\u0444\u0444\u0435\u043a\u0442 \u043f\u0440\u0438 \u0444\u043e\u043a\u0443\u0441\u0435 \u043d\u0430 \u0443\u0436\u0435 \u0432\u0430\u043b\u0438\u0434\u043d\u043e\u043c \u043f\u043e\u043b\u0435 (\u043c\u044f\u0433\u043a\u043e\u0435 \u0437\u0435\u043b\u0435\u043d\u043e\u0435 \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u0435) *\/\n        #tg-contact-form input:required:valid:focus,\n        #tg-contact-form select:valid:focus,\n        #tg-contact-form textarea:focus {\n            border-color: #00b359 !important;\n            box-shadow: 0 0 15px rgba(0, 179, 89, 0.4) !important;\n        }\n\n        \/* \u041e\u0441\u043e\u0431\u043e\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u0435 \u0434\u043b\u044f textarea: \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d\u043e \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435, \u043f\u043e\u0434\u0441\u0432\u0435\u0447\u0438\u0432\u0430\u0435\u043c \u0437\u0435\u043b\u0435\u043d\u044b\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0433\u0434\u0430 \u0442\u0430\u043c \u0435\u0441\u0442\u044c \u0442\u0435\u043a\u0441\u0442 *\/\n        #tg-contact-form textarea:not(:placeholder-shown) {\n            border-color: #00b359 !important;\n            box-shadow: 0 0 10px rgba(0, 179, 89, 0.2);\n        }\n    <\/style>\n\n    <div class=\"hero-container\" style=\"max-width: 650px !important;\">\n        \n        <!-- \u0421\u0442\u0435\u043a\u043b\u044f\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0444\u043e\u0440\u043c\u044b -->\n        <div style=\"background: rgba(255, 255, 255, 0.02); backdrop-filter: var(--blur-heavy); -webkit-backdrop-filter: var(--blur-heavy); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 40px 30px; box-shadow: 0 20px 40px rgba(0,0,0,0.5); position: relative; overflow: hidden;\">\n            \n            <!-- \u041b\u0435\u0432\u0430\u044f \u043d\u0435\u043e\u043d\u043e\u0432\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0430\u043a\u0446\u0435\u043d\u0442\u0430 -->\n            <div style=\"position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: var(--accent-color); box-shadow: 0 0 10px var(--accent-glow);\"><\/div>\n            \n            <div style=\"text-align: center; margin-bottom: 35px;\">\n                <h2 style=\"font-family: var(--font-heading); font-size: 32px; text-transform: uppercase; color: #fff; margin: 0 0 10px; letter-spacing: 1px;\">\n                    \u041f\u043e\u0442\u0440\u0456\u0431\u0435\u043d <span class=\"red-text\">\u0440\u0435\u043c\u043e\u043d\u0442<\/span> \u0430\u0431\u043e <span class=\"red-text\">\u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430<\/span>?\n                <\/h2>\n                <p style=\"font-family: var(--font-body); font-size: 15px; color: rgba(255,255,255,0.6); margin: 0; line-height: 1.4;\">\n                    \u0417\u0430\u043b\u0438\u0448\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443. \u041d\u0430\u0448 \u0456\u043d\u0436\u0435\u043d\u0435\u0440 \u0437\u0432'\u044f\u0436\u0435\u0442\u044c\u0441\u044f \u0437 \u0432\u0430\u043c\u0438 \u043f\u0440\u043e\u0442\u044f\u0433\u043e\u043c 5 \u0445\u0432\u0438\u043b\u0438\u043d, \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u0454 \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u0430\u0431\u043e \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u0432\u0438\u0457\u0437\u0434 \u043c\u0430\u0439\u0441\u0442\u0440\u0430.\n                <\/p>\n            <\/div>\n\n            <!-- \u0421\u0430\u043c\u0430 \u0444\u043e\u0440\u043c\u0430 -->\n            <form id=\"tg-contact-form\" onsubmit=\"sendLeadToTelegram(event)\">\n                \n                <!-- \u041f\u043e\u043b\u0435: \u0418\u043c\u044f -->\n                <div style=\"margin-bottom: 20px;\">\n                    <label style=\"display: block; font-family: var(--font-heading); color: rgba(255,255,255,0.7); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\">\u0412\u0430\u0448\u0435 \u0456\u043c'\u044f<\/label>\n                    <input type=\"text\" id=\"tg-name\" required=\"\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: \u0422\u041e\u0412 \u00ab\u0411\u0443\u0434\u0411\u0443\u043c\u00bb \u0430\u0431\u043e \u0421\u0435\u0440\u0433\u0456\u0439\" style=\"width: 100%; padding: 14px 16px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; color: #fff; font-family: var(--font-body); font-size: 15px; outline: none; transition: all 0.3s ease;\" onfocus=\"if(!this.validity.valid) this.style.borderColor='#FF2E00'\" onblur=\"if(!this.validity.valid) this.style.borderColor='rgba(255,255,255,0.1)'\">\n                <\/div>\n\n                <!-- \u041f\u043e\u043b\u0435: \u0422\u0435\u043b\u0435\u0444\u043e\u043d -->\n                <div style=\"margin-bottom: 20px;\">\n                    <label style=\"display: block; font-family: var(--font-heading); color: rgba(255,255,255,0.7); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\">\u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443<\/label>\n                    <input type=\"tel\" id=\"tg-phone\" required=\"\" placeholder=\"+38 (068) 000-00-00\" style=\"width: 100%; padding: 14px 16px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; color: #fff; font-family: var(--font-body); font-size: 15px; outline: none; transition: all 0.3s ease;\" onfocus=\"if(!this.validity.valid) this.style.borderColor='#FF2E00'\" onblur=\"if(!this.validity.valid) this.style.borderColor='rgba(255,255,255,0.1)'\">\n                <\/div>\n\n                <!-- \u041f\u043e\u043b\u0435: \u0412\u044b\u0431\u043e\u0440 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f -->\n                <div style=\"margin-bottom: 20px;\">\n                    <label style=\"display: block; font-family: var(--font-heading); color: rgba(255,255,255,0.7); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\">\u0429\u043e \u0432\u0430\u0441 \u0446\u0456\u043a\u0430\u0432\u0438\u0442\u044c?<\/label>\n                    <select id=\"tg-service\" required=\"\" style=\"width: 100%; height: 50px; padding: 0 16px; background: rgba(15,20,32,0.98); border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; color: #fff; font-family: var(--font-body); font-size: 15px; outline: none; transition: all 0.3s ease; cursor: pointer; display: block; box-sizing: border-box; line-height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none;\">\n                        <option value=\"\u0420\u0435\u043c\u043e\u043d\u0442 \u0433\u0456\u0434\u0440\u0430\u0432\u043b\u0456\u043a\u0438 \/ \u0421\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438\">\u0420\u0435\u043c\u043e\u043d\u0442 \u0433\u0456\u0434\u0440\u0430\u0432\u043b\u0456\u043a\u0438 \/ \u0421\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438<\/option>\n                        <option value=\"\u0420\u0435\u043c\u043e\u043d\u0442 \u0410\u0432\u0442\u043e\u0446\u0438\u0441\u0442\u0435\u0440\u043d\u0438\">\u0420\u0435\u043c\u043e\u043d\u0442 \u0410\u0432\u0442\u043e\u0446\u0438\u0441\u0442\u0435\u0440\u043d\u0438<\/option>\n                        <option value=\"\u0412\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0420\u0412\u0414 (\u0432 \u043c\u0430\u0439\u0441\u0442\u0435\u0440\u043d\u0456)\">\u0412\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0420\u0412\u0414 (\u0432 \u043c\u0430\u0439\u0441\u0442\u0435\u0440\u043d\u0456)<\/option>\n                        <option value=\"\u0422\u0435\u0440\u043c\u0456\u043d\u043e\u0432\u0438\u0439 \u0432\u0438\u0457\u0437\u0434 \u043c\u0430\u0439\u0441\u0442\u0440\u0430 \u043f\u043e \u0420\u0412\u0414\">\u0422\u0435\u0440\u043c\u0456\u043d\u043e\u0432\u0438\u0439 \u0432\u0438\u0457\u0437\u0434 \u043c\u0430\u0439\u0441\u0442\u0440\u0430 \u043f\u043e \u0420\u0412\u0414<\/option>\n                        <option value=\"\u041f\u0456\u0434\u0431\u0456\u0440 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0447\u0438\u0445 \/ \u0417\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\">\u041f\u0456\u0434\u0431\u0456\u0440 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0443\u044e\u0447\u0438\u0445 \/ \u0417\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d<\/option>\n                        <option value=\"\u0406\u043d\u0448\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044f\">\u0406\u043d\u0448\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044f<\/option>\n                    <\/select>\n                <\/div>\n\n                <!-- \u041f\u043e\u043b\u0435: \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 -->\n                <div style=\"margin-bottom: 25px;\">\n                    <label style=\"display: block; font-family: var(--font-heading); color: rgba(255,255,255,0.7); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\">\u041f\u043e\u0434\u0440\u043e\u0431\u0438\u0446\u0456 \u0437\u0430\u043c\u043e\u0432\u043b\u0435\u043d\u043d\u044f (\u043d\u0435\u043e\u0431\u043e\u0432'\u044f\u0437\u043a\u043e\u0432\u043e)<\/label>\n                    <textarea id=\"tg-details\" rows=\"3\" placeholder=\"\u041e\u043f\u0438\u0448\u0456\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443, \u043c\u0430\u0440\u043a\u0443 \u0442\u0435\u0445\u043d\u0456\u043a\u0438 \u0430\u0431\u043e \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u0456 \u0434\u0435\u0442\u0430\u043b\u0456...\" style=\"width: 100%; padding: 14px 16px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; color: #fff; font-family: var(--font-body); font-size: 15px; outline: none; transition: all 0.3s ease; resize: vertical;\" onfocus=\"this.style.borderColor='#00b359'\" onblur=\"this.style.borderColor='rgba(255,255,255,0.1)'\"><\/textarea>\n                <\/div>\n\n                <!-- \u041a\u043d\u043e\u043f\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 -->\n                <button type=\"submit\" id=\"tg-submit-btn\" class=\"btn-main\" style=\"width: 100%; padding: 16px; border: none; font-size: 16px; cursor: pointer;\">\n                    \u0412\u0456\u0434\u043f\u0440\u0430\u0432\u0438\u0442\u0438 \u0437\u0430\u043f\u0438\u0442\n                <\/button>\n                \n                <!-- \u0421\u0442\u0430\u0442\u0443\u0441 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 -->\n                <div id=\"tg-status-msg\" style=\"margin-top: 15px; font-family: var(--font-body); font-size: 14px; text-align: center; display: none;\"><\/div>\n            <\/form>\n\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u041d\u0430\u0448\u0456 \u043a\u043b\u044e\u0447\u043e\u0432\u0456 \u043d\u0430\u043f\u0440\u044f\u043c\u043a\u0438 \u041f\u043e\u0432\u043d\u0438\u0439 \u0441\u043f\u0435\u043a\u0442\u0440 \u043f\u043e\u0441\u043b\u0443\u0433 \u0437 \u0440\u0435\u043c\u043e\u043d\u0442\u0443 \u0433\u0456\u0434\u0440\u0430\u0432\u043b\u0456\u043a\u0438, \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0431\u0435\u043d\u0437\u043e\u0432\u043e\u0437\u0456\u0432 \u0442\u0430 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438. \u0423\u0441\u0456 \u043f\u043e\u0441\u043b\u0443\u0433\u0438 &rarr; &larr; &rarr; \u041f\u0430\u043b\u0438\u0432\u043e\u0432\u043e\u0437\u0438 \u041e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u0440\u0435\u043c\u043e\u043d\u0442 \u0430\u0432\u0442\u043e\u0446\u0438\u0441\u0442\u0435\u0440\u043d \u0422\u0435\u0445\u043d\u0456\u0447\u043d\u0435 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u0430\u043b\u0438\u0432\u043e\u0432\u043e\u0437\u0456\u0432, \u0433\u0430\u0437\u043e\u0432\u043e\u0437\u0456\u0432, \u0445\u0456\u043c\u0456\u0447\u043d\u0438\u0445 \u0442\u0430 \u0445\u0430\u0440\u0447\u043e\u0432\u0438\u0445 \u0446\u0438\u0441\u0442\u0435\u0440\u043d. \u0420\u0435\u043c\u043e\u043d\u0442 \u0437\u043b\u0438\u0432\u043d\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c, \u0432\u0456\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0433\u0435\u0440\u043c\u0435\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u0456 \u0442\u0430 \u0437\u0432\u0430\u0440\u044e\u0432\u0430\u043b\u044c\u043d\u0456 \u0440\u043e\u0431\u043e\u0442\u0438 \u0430\u0440\u0433\u043e\u043d\u043e\u043c. \u041f\u0440\u0430\u0446\u044e\u0454\u043c\u043e \u0437 \u041f\u0414\u0412 \u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435 \u0421\u0435\u0440\u0432\u0456\u0441 \u0420\u0435\u043c\u043e\u043d\u0442 \u0433\u0456\u0434\u0440\u0430\u0432\u043b\u0456\u043a\u0438 \u0442\u0430 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0456\u043a\u0438 \u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u0435 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0435\u043a\u0441\u043a\u0430\u0432\u0430\u0442\u043e\u0440\u0456\u0432, \u043c\u0430\u043d\u0456\u043f\u0443\u043b\u044f\u0442\u043e\u0440\u0456\u0432, \u043d\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0432\u0430\u0447\u0456\u0432. \u0414\u0435\u0444\u0435\u043a\u0442\u043e\u0432\u043a\u0430, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":".gsbp-af2b951{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:0;margin-bottom:0;position:relative}.gsbp-dbaabae{max-width:var(--theme-normal-container-max-width, 100%);width:var(--theme-container-width, calc(100% - 40px))}","footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"blocksy_meta":{"disable_header":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"has_hero_section":"disabled"},"_links":{"self":[{"href":"https:\/\/promgidrosila.com.ua\/index.php?rest_route=\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promgidrosila.com.ua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/promgidrosila.com.ua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/promgidrosila.com.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promgidrosila.com.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=76"}],"version-history":[{"count":37,"href":"https:\/\/promgidrosila.com.ua\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/promgidrosila.com.ua\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/361"}],"wp:attachment":[{"href":"https:\/\/promgidrosila.com.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}