{"id":204,"date":"2026-08-17T19:20:46","date_gmt":"2026-08-17T19:20:46","guid":{"rendered":"https:\/\/xn--j1abiihn7e.xn--90ais\/?page_id=204"},"modified":"2026-09-18T06:44:38","modified_gmt":"2026-09-18T06:44:38","slug":"%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%b0%d1%8f","status":"publish","type":"page","link":"https:\/\/xn--j1abiihn7e.xn--90ais\/","title":{"rendered":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u0430 *\/\n.hero-slider-wrapper {\n    position: relative;\n    width: 100%;\n    min-height: 80vh;\n    overflow: hidden;\n    background-color: #0f172a;\n}\n\n.hero-slider {\n    width: 100%;\n    height: 100%;\n}\n\n\/* \u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0441\u043b\u0430\u0439\u0434\u043e\u0432 *\/\n.hero-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    min-height: 80vh;\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;\n    z-index: 1;\n    padding: 60px 20px;\n    box-sizing: border-box;\n}\n\n\/* \u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0434 *\/\n.hero-slide.active {\n    opacity: 1;\n    visibility: visible;\n    z-index: 2;\n}\n\n\/* \u0421\u0435\u0442\u043a\u0430 \u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 *\/\n.slide-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.slide-content {\n    max-width: 680px;\n    color: #ffffff;\n    \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u0440\u0438 \u0441\u043c\u0435\u043d\u0435 \u0441\u043b\u0430\u0439\u0434\u0430 *\/\n    transform: translateY(20px);\n    transition: transform 0.6s ease-in-out;\n}\n\n.hero-slide.active .slide-content {\n    transform: translateY(0);\n}\n\n\/* \u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n.slide-badge {\n    display: inline-block;\n    background-color: rgba(59, 130, 246, 0.2);\n    border: 1px solid #3b82f6;\n    color: #60a5fa;\n    padding: 6px 16px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 20px;\n}\n\n.slide-title {\n    font-size: clamp(30px, 4.5vw, 50px) !important;\n    line-height: 1.2 !important;\n    font-weight: 800 !important;\n    color: #ffffff !important;\n    margin: 0 0 20px 0 !important;\n}\n\n.slide-subtitle {\n    font-size: clamp(16px, 1.8vw, 19px) !important;\n    line-height: 1.6 !important;\n    color: #e2e8f0 !important;\n    margin: 0 0 35px 0 !important;\n}\n\n\/* \u041a\u043d\u043e\u043f\u043a\u0438 *\/\n.slide-buttons {\n    display: flex;\n    gap: 15px;\n    flex-wrap: wrap;\n}\n\n.slide-buttons a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 28px;\n    border-radius: 6px;\n    font-weight: 600;\n    text-decoration: none;\n    transition: all 0.2s ease-in-out;\n    font-size: 16px;\n}\n\n.btn-slider-primary {\n    background-color: #2563eb;\n    color: #ffffff !important;\n}\n\n.btn-slider-primary:hover {\n    background-color: #1d4ed8;\n    transform: translateY(-2px);\n}\n\n.btn-slider-secondary {\n    background-color: transparent;\n    color: #ffffff !important;\n    border: 2px solid rgba(255, 255, 255, 0.4);\n}\n\n.btn-slider-secondary:hover {\n    border-color: #ffffff;\n    background-color: rgba(255, 255, 255, 0.1);\n    transform: translateY(-2px);\n}\n\n\/* \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f: \u0421\u0442\u0440\u0435\u043b\u043a\u0438 *\/\n.slider-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: rgba(15, 23, 42, 0.4);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #ffffff;\n    font-size: 24px;\n    padding: 12px 18px;\n    cursor: pointer;\n    border-radius: 6px;\n    z-index: 10;\n    transition: background-color 0.2s, color 0.2s;\n}\n\n.slider-arrow:hover {\n    background-color: #2563eb;\n    color: #ffffff;\n}\n\n.prev-arrow { left: 20px; }\n.next-arrow { right: 20px; }\n\n\/* \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f: \u0422\u043e\u0447\u043a\u0438 *\/\n.slider-dots {\n    position: absolute;\n    bottom: 25px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 10px;\n    z-index: 10;\n}\n\n.slider-dot {\n    width: 12px;\n    height: 12px;\n    background-color: rgba(255, 255, 255, 0.4);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.slider-dot.active {\n    background-color: #2563eb;\n    width: 28px;\n    border-radius: 10px;\n}\n\n\/* \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f *\/\n@media (max-width: 768px) {\n    .hero-slider-wrapper, .hero-slide {\n        min-height: 65vh;\n    }\n    .hero-slide {\n        text-align: center;\n        padding: 40px 15px;\n    }\n    .slide-buttons {\n        justify-content: center;\n        flex-direction: column;\n    }\n    .slide-buttons a {\n        width: 100%;\n    }\n    .slider-arrow {\n        display: none; \/* \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445, \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0442\u043e\u0447\u043a\u0438 *\/\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    const slides = document.querySelectorAll('.hero-slide');\n    const dots = document.querySelectorAll('.slider-dot');\n    const prevArrow = document.querySelector('.prev-arrow');\n    const nextArrow = document.querySelector('.next-arrow');\n    \n    let currentSlide = 0;\n    const slideInterval = 5000; \/\/ \u0412\u0440\u0435\u043c\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0441\u043b\u0430\u0439\u0434\u0430 (5 \u0441\u0435\u043a\u0443\u043d\u0434)\n    let autoSlide;\n\n    function showSlide(index) {\n        \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0441\u043e \u0432\u0441\u0435\u0445 \u0441\u043b\u0430\u0439\u0434\u043e\u0432 \u0438 \u0442\u043e\u0447\u0435\u043a\n        slides.forEach(slide => slide.classList.remove('active'));\n        dots.forEach(dot => dot.classList.remove('active'));\n        \n        \/\/ \u041a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u043c \u0438\u043d\u0434\u0435\u043a\u0441, \u0435\u0441\u043b\u0438 \u0432\u044b\u0448\u043b\u0438 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u044b\n        if (index >= slides.length) currentSlide = 0;\n        else if (index < 0) currentSlide = slides.length - 1;\n        else currentSlide = index;\n\n        \/\/ \u0412\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0434 \u0438 \u0442\u043e\u0447\u043a\u0443\n        slides[currentSlide].classList.add('active');\n        dots[currentSlide].classList.add('active');\n    }\n\n    function nextSlide() {\n        showSlide(currentSlide + 1);\n    }\n\n    function prevSlide() {\n        showSlide(currentSlide - 1);\n    }\n\n    \/\/ \u0421\u0431\u0440\u043e\u0441 \u0438 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u043a \u0430\u0432\u0442\u043e\u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c\n    function resetTimer() {\n        clearInterval(autoSlide);\n        autoSlide = setInterval(nextSlide, slideInterval);\n    }\n\n    \/\/ \u041a\u043b\u0438\u043a \u043d\u0430 \u0441\u0442\u0440\u0435\u043b\u043a\u0438\n    nextArrow.addEventListener('click', () => {\n        nextSlide();\n        resetTimer();\n    });\n\n    prevArrow.addEventListener('click', () => {\n        prevSlide();\n        resetTimer();\n    });\n\n    \/\/ \u041a\u043b\u0438\u043a \u043d\u0430 \u0442\u043e\u0447\u043a\u0438\n    dots.forEach(dot => {\n        dot.addEventListener('click', (e) => {\n            const index = parseInt(e.target.getAttribute('data-index'));\n            showSlide(index);\n            resetTimer();\n        });\n    });\n\n    \/\/ \u0417\u0430\u043f\u0443\u0441\u043a \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f\n    autoSlide = setInterval(nextSlide, slideInterval);\n});\n<\/script>\n\n<div class=\"hero-slider-wrapper\">\n    <div class=\"hero-slider\">\n        <!-- \u0421\u041b\u0410\u0419\u0414 1: \u0413\u043b\u0430\u0432\u043d\u044b\u0439 (\u041f\u0440\u043e\u0434\u0430\u0436\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436) -->\n        <div class=\"hero-slide active\" style=\"background-image: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.4) 100%), url('https:\/\/xn--j1abiihn7e.xn--90ais\/wp-content\/uploads\/2026\/09\/234.jpg');\">\n            <div class=\"slide-container\">\n                <div class=\"slide-content\">\n                    <span class=\"slide-badge\">\u26a1 \u041a\u043b\u0438\u043c\u0430\u0442 \u0432 \u0412\u0438\u0442\u0435\u0431\u0441\u043a\u0435 \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438<\/span>\n                    <h1 class=\"slide-title\">\u041f\u0440\u043e\u0434\u0430\u0436\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u043e\u0432 \u0441 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0435\u0439<\/h1>\n                    <p class=\"slide-subtitle\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u043b\u0435\u0440. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0437\u0430 3 \u0447\u0430\u0441\u0430 \u0431\u0435\u0437 \u043f\u044b\u043b\u0438 \u0438 \u0433\u0440\u044f\u0437\u043d\u044b\u0445 \u0441\u0442\u0435\u043d. \u0412\u044b\u0435\u0437\u0434 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u0430 \u043d\u0430 \u0437\u0430\u043c\u0435\u0440 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e!<\/p>\n                    <div class=\"slide-buttons\">\n                        <a href=\"#callback\" class=\"btn-slider-primary\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c<\/a>\n                        <a href=\"#services\" class=\"btn-slider-secondary\">\u041d\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u0421\u041b\u0410\u0419\u0414 2: \u041d\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438 (\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434) -->\n        <div class=\"hero-slide\" style=\"background-image: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.4) 100%), url('https:\/\/xn--j1abiihn7e.xn--90ais\/wp-content\/uploads\/2026\/09\/123.jpg');\">\n            <div class=\"slide-container\">\n                <div class=\"slide-content\">\n                    <span class=\"slide-badge\">\ud83d\udee0\ufe0f \u041f\u043e\u043b\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0440\u0430\u0431\u043e\u0442<\/span>\n                    <h2 class=\"slide-title\">\u041e\u0442 \u043f\u043e\u0434\u0431\u043e\u0440\u0430 \u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0434\u043e \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438<\/h2>\n                    <p class=\"slide-subtitle\">\u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0432\u0435\u0441\u044c \u0441\u043f\u0435\u043a\u0442\u0440 \u043a\u043b\u0438\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0443\u0441\u043b\u0443\u0433: \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u043e\u043d\u0442\u0430\u0436, \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438, \u0441\u0435\u0437\u043e\u043d\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438 \u0437\u0430\u043f\u0440\u0430\u0432\u043a\u0443 \u0444\u0440\u0435\u043e\u043d\u043e\u043c.<\/p>\n                    <div class=\"slide-buttons\">\n                        <a href=\"#services\" class=\"btn-slider-primary\">\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0443\u0441\u043b\u0443\u0433\u0438<\/a>\n                        <a href=\"#maintenance\" class=\"btn-slider-secondary\">\u041e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u0421\u041b\u0410\u0419\u0414 3: \u0412\u0438\u0434\u044b \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u043e\u0432 \u0438 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 -->\n        <div class=\"hero-slide\" style=\"background-image: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.4) 100%), url('https:\/\/xn--j1abiihn7e.xn--90ais\/wp-content\/uploads\/2026\/09\/345.jpg');\">\n            <div class=\"slide-container\">\n                <div class=\"slide-content\">\n                    <span class=\"slide-badge\">\ud83c\udfe2 \u041f\u043e\u0434 \u043b\u044e\u0431\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438<\/span>\n                    <h2 class=\"slide-title\">\u0420\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043a\u0432\u0430\u0440\u0442\u0438\u0440, \u0434\u043e\u043c\u043e\u0432 \u0438 \u043e\u0444\u0438\u0441\u043e\u0432<\/h2>\n                    <p class=\"slide-subtitle\">\u0412 \u043d\u0430\u043b\u0438\u0447\u0438\u0438 \u043d\u0430\u0441\u0442\u0435\u043d\u043d\u044b\u0435 \u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043c\u0443\u043b\u044c\u0442\u0438\u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043c\u043d\u0430\u0442 \u0438 \u043c\u043e\u0449\u043d\u044b\u0435 \u043a\u0430\u0441\u0441\u0435\u0442\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b \u0434\u043b\u044f \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0439.<\/p>\n                    <div class=\"slide-buttons\">\n                        <a href=\"#catalog\" class=\"btn-slider-primary\">\u041f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440<\/a>\n                        <a href=\"#callback\" class=\"btn-slider-secondary\">\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044e<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u0421\u0442\u0440\u0435\u043b\u043a\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 -->\n    <button class=\"slider-arrow prev-arrow\" aria-label=\"\u041d\u0430\u0437\u0430\u0434\">\u276e<\/button>\n    <button class=\"slider-arrow next-arrow\" aria-label=\"\u0412\u043f\u0435\u0440\u0435\u0434\">\u276f<\/button>\n\n    <!-- \u0422\u043e\u0447\u043a\u0438 (\u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u044b) -->\n    <div class=\"slider-dots\">\n        <span class=\"slider-dot active\" data-index=\"0\"><\/span>\n        <span class=\"slider-dot\" data-index=\"1\"><\/span>\n        <span class=\"slider-dot\" data-index=\"2\"><\/span>\n    <\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ================= CSS \u041a\u0410\u0422\u0410\u041b\u041e\u0413\u0410 \u0414\u041b\u042f \u041f\u041a (4 \u041a\u041e\u041b\u041e\u041d\u041a\u0418) ================= *\/\n.climat-catalog-section {\n    padding: 60px 20px;\n    background-color: #ffffff;\n    width: 100% !important;\n    display: block !important;\n}\n\n.cl-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.cl-section-header { \n    margin-bottom: 35px; \n}\n\n.cl-section-header h2 {\n    font-size: 26px !important;\n    font-weight: 800 !important;\n    color: #0f172a !important;\n    text-transform: uppercase;\n    margin: 0 0 10px 0 !important;\n    letter-spacing: 0.5px;\n}\n\n.cl-underline { \n    width: 45px; \n    height: 4px; \n    background-color: #2563eb; \n    border-radius: 2px; \n}\n\n\/* \u0421\u0435\u0442\u043a\u0430 \u043d\u0430 \u041f\u041a \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e *\/\n.cl-categories-grid {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 20px !important;\n    width: 100% !important;\n}\n\n\/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043d\u0430 \u041f\u041a (\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430) *\/\n.cl-cat-card {\n    background-color: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    padding: 25px 15px;\n    text-align: center;\n    text-decoration: none !important;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-between;\n    transition: all 0.2s ease;\n    box-sizing: border-box !important;\n}\n\n.cl-cat-card:hover {\n    border-color: #2563eb;\n    box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.08);\n    transform: translateY(-3px);\n}\n\n.cl-img-box {\n    width: 100%;\n    height: 110px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 15px;\n}\n\n.cl-img-box img {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n}\n\n.cl-cat-card h3 {\n    font-size: 14.5px !important;\n    font-weight: 700 !important;\n    color: #2563eb !important; \/* \u041d\u0430 climat.by \u0441\u0441\u044b\u043b\u043a\u0438 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0441\u0438\u043d\u0438\u0435 *\/\n    margin: 0 !important;\n    line-height: 1.4 !important;\n}\n\n\/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c \u0414\u041b\u042f \u041f\u041b\u0410\u041d\u0428\u0415\u0422\u041e\u0412 *\/\n@media (max-width: 1024px) { \n    .cl-categories-grid { \n        grid-template-columns: repeat(3, 1fr) !important; \n    } \n}\n\n@media (max-width: 768px) { \n    .cl-categories-grid { \n        grid-template-columns: repeat(2, 1fr) !important; \n    } \n}\n\n\n\/* ================= \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u0412\u0415\u0420\u0421\u0418\u042f (\u041e\u0414\u0418\u041d \u0412 \u041e\u0414\u0418\u041d \u041a\u0410\u041a \u041d\u0410 \u0424\u041e\u0422\u041e) ================= *\/\n@media (max-width: 480px) {\n    .climat-catalog-section {\n        padding: 30px 15px;\n    }\n\n    .cl-section-header h2 {\n        font-size: 20px !important;\n    }\n\n    \/* \u041f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u0441\u0435\u0442\u043a\u0443 \u0432 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0442\u0440\u043e\u043a *\/\n    .cl-categories-grid {\n        grid-template-columns: 1fr !important;\n        gap: 0 !important; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b, \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043b\u0438\u043d\u0438\u044f\u043c\u0438 *\/\n        border-top: 1px solid #e2e8f0; \/* \u0412\u0435\u0440\u0445\u043d\u044f\u044f \u0440\u0430\u0437\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f *\/\n    }\n\n    \/* \u041f\u0435\u0440\u0435\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443 \u0438\u0437 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0432 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u043e\u043b\u043e\u0441\u0443 *\/\n    .cl-cat-card {\n        flex-direction: row !important; \/* \u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0441\u043b\u0435\u0432\u0430, \u0442\u0435\u043a\u0441\u0442 \u0441\u043f\u0440\u0430\u0432\u0430 *\/\n        justify-content: flex-start !important;\n        align-items: center !important;\n        text-align: left !important;\n        padding: 15px 10px !important;\n        border: none !important; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0431\u0449\u0438\u0435 \u0440\u0430\u043c\u043a\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a *\/\n        border-bottom: 1px solid #e2e8f0 !important; \/* \u041b\u0438\u043d\u0438\u044f-\u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c \u043c\u0435\u0436\u0434\u0443 \u043f\u0443\u043d\u043a\u0442\u0430\u043c\u0438 *\/\n        border-radius: 0 !important;\n    }\n\n    .cl-cat-card:hover {\n        transform: none !important; \/* \u041d\u0430 \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u0430\u0445 \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043f\u043e\u0434\u043f\u0440\u044b\u0433\u0438\u0432\u0430\u043d\u0438\u0435 *\/\n        box-shadow: none !important;\n        background-color: #f8fafc; \/* \u041b\u0435\u0433\u043a\u0430\u044f \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0430 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043f\u0430\u043b\u044c\u0446\u0435\u043c *\/\n    }\n\n    \/* \u0424\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c \u0431\u043b\u043e\u043a \u043f\u043e\u0434 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u0441\u043b\u0435\u0432\u0430 *\/\n    .cl-img-box {\n        width: 75px !important; \/* \u0416\u0435\u0441\u0442\u043a\u0430\u044f \u0448\u0438\u0440\u0438\u043d\u0430 \u043f\u043e\u0434 \u043c\u0438\u043d\u0438\u0430\u0442\u044e\u0440\u0443 *\/\n        height: 55px !important; \/* \u0416\u0435\u0441\u0442\u043a\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 *\/\n        margin-bottom: 0 !important; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0438\u0436\u043d\u0438\u0439 \u043e\u0442\u0441\u0442\u0443\u043f \u041f\u041a-\u0432\u0435\u0440\u0441\u0438\u0438 *\/\n        margin-right: 20px !important; \/* \u041e\u0442\u0441\u0442\u0443\u043f \u0441\u043f\u0440\u0430\u0432\u0430 \u0434\u043e \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n        flex-shrink: 0 !important; \/* \u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u0436\u0438\u043c\u0430\u0442\u044c\u0441\u044f *\/\n    }\n\n    .cl-img-box img {\n        object-fit: contain;\n    }\n\n    \/* \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0441\u043f\u0440\u0430\u0432\u0430 *\/\n    .cl-cat-card h3 {\n        font-size: 14.5px !important;\n        font-weight: 600 !important;\n        color: #1e293b !important; \/* \u041d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c climat.by \u0442\u0435\u043a\u0441\u0442 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0442\u0435\u043c\u043d\u044b\u0439 *\/\n    }\n    \n    .cl-cat-card:hover h3 {\n        color: #2563eb !important;\n    }\n}\n\n<\/style>\n\n<section class=\"climat-catalog-section\">\n    <div class=\"cl-container\">\n        \n        <div class=\"cl-section-header\">\n            <h2>\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u043e\u0432 Hisense<\/h2>\n            <div class=\"cl-underline\"><\/div>\n        <\/div>\n\n        <!-- \u0421\u0435\u0442\u043a\u0430 \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0430 \u0432\u0441\u044e \u0448\u0438\u0440\u0438\u043d\u0443 (10 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a) -->\n        <div class=\"cl-categories-grid\">\n            \n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat1.webp\" alt=\"\u041d\u0430\u0441\u0442\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b\"><\/div>\n                <h3>\u041d\u0430\u0441\u0442\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b<\/h3>\n            <\/a>\n\n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat2.webp\" alt=\"\u041c\u0443\u043b\u044c\u0442\u0438 \u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b\"><\/div>\n                <h3>\u041c\u0443\u043b\u044c\u0442\u0438 \u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/h3>\n            <\/a>\n\n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat3.webp\" alt=\"\u041f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b\"><\/div>\n                <h3>\u041f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b<\/h3>\n            <\/a>\n\n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat4.webp\" alt=\"\u041a\u0430\u0441\u0441\u0435\u0442\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b\"><\/div>\n                <h3>\u041a\u0430\u0441\u0441\u0435\u0442\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b<\/h3>\n            <\/a>\n\n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat5.webp\" alt=\"\u041d\u0430\u043f\u043e\u043b\u044c\u043d\u043e-\u043f\u043e\u0442\u043e\u043b\u043e\u0447\u043d\u044b\u0435\"><\/div>\n                <h3>\u041d\u0430\u043f\u043e\u043b\u044c\u043d\u043e-\u043f\u043e\u0442\u043e\u043b\u043e\u0447\u043d\u044b\u0435<\/h3>\n            <\/a>\n\n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat6.webp\" alt=\"\u041a\u0430\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b\"><\/div>\n                <h3>\u041a\u0430\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b<\/h3>\n            <\/a>\n\n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat7.webp\" alt=\"\u041a\u043e\u043b\u043e\u043d\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b\"><\/div>\n                <h3>\u041a\u043e\u043b\u043e\u043d\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b<\/h3>\n            <\/a>\n\n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat8.webp\" alt=\"\u041c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b\"><\/div>\n                <h3>\u041c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b<\/h3>\n            <\/a>\n\n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"https:\/\/unsplash.com\" alt=\"\u041f\u0443\u043b\u044c\u0442\u044b \u0438 \u0430\u043a\u0441\u0435\u0441\u0441\u0443\u0430\u0440\u044b\"><\/div>\n                <h3>\u041f\u0443\u043b\u044c\u0442\u044b \u0438 \u0430\u043a\u0441\u0435\u0441\u0441\u0443\u0430\u0440\u044b<\/h3>\n            <\/a>\n\n            <a href=\"#callback\" class=\"cl-cat-card\">\n                <div class=\"cl-img-box\"><img decoding=\"async\" src=\"https:\/\/unsplash.com\" alt=\"\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u0430\"><\/div>\n                <h3>\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u0430<\/h3>\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n<style>\n\/* \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f *\/\n.ac-types-section {\n    padding: 40px 20px; \n    background-color: #ffffff; \n}\n\n.ac-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* \u0428\u0430\u043f\u043a\u0430 *\/\n.ac-header {\n    text-align: center;\n    max-width: 700px; \n    margin: 0 auto 25px auto; \n}\n\n.ac-subtitle {\n    display: inline-block;\n    color: #2563eb;\n    font-size: 14px; \n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 6px; \n}\n\n.ac-title {\n    font-size: clamp(20px, 3.5vw, 32px) !important; \n    color: #0f172a !important;\n    font-weight: 800 !important;\n    margin: 0 0 10px 0 !important;\n}\n\n.ac-underline {\n    width: 60px; \n    height: 4px; \n    background-color: #2563eb;\n    margin: 0 auto 12px auto; \n    border-radius: 2px;\n}\n\n.ac-description {\n    font-size: 16px !important; \n    color: #64748b !important;\n    line-height: 1.5 !important;\n}\n\n\/* \u0421\u0435\u0442\u043a\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a (3 \u043a\u043e\u043b\u043e\u043d\u043a\u0438) *\/\n.ac-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));\n    gap: 20px; \n}\n\n\/* \u0421\u0442\u0438\u043b\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a *\/\n.ac-card {\n    background-color: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 16px; \n    padding: 25px 24px; \n    position: relative;\n    display: flex;\n    flex-direction: column;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.ac-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.04), 0 8px 8px -5px rgba(0, 0, 0, 0.02);\n    border-color: #cbd5e1;\n}\n\n\/* \u0412\u0435\u0440\u0445\u043d\u0438\u0435 \u044f\u0440\u043b\u044b\u043a\u0438 (\u0431\u0430\u0434\u0436\u0438) *\/\n.ac-badge {\n    position: absolute;\n    top: 15px; \n    right: 20px;\n    font-size: 12px; \n    font-weight: 700;\n    padding: 3px 10px;\n    border-radius: 50px;\n    background-color: #e0f2fe;\n    color: #0369a1;\n}\n\n.ac-badge.badge-premium {\n    background-color: #f0fdf4;\n    color: #166534;\n}\n\n.ac-badge.badge-business {\n    background-color: #f5f3ff;\n    color: #5b21b6;\n}\n\n\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0438 \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u043d\u043e\u0432\u044b\u0445 \u0438\u043a\u043e\u043d\u043e\u043a *\/\n.ac-card-title {\n    font-size: 22px !important; \n    color: #0f172a !important;\n    font-weight: 700 !important;\n    margin: 0 0 12px 0 !important;\n    padding-right: 80px; \n    display: flex;\n    align-items: center;\n    gap: 10px; \n}\n\n\/* \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f PNG \u0438\u043a\u043e\u043d\u043a\u0438 *\/\n.ac-card-icon {\n    width: 54px; \n    height: 54px; \n    object-fit: contain;\n    flex-shrink: 0; \n}\n\n\/* \u0411\u043b\u043e\u043a \u0441 \u0442\u0435\u0433\u0430\u043c\u0438 *\/\n.ac-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px; \n    margin-bottom: 12px; \n}\n\n.ac-tags span {\n    font-size: 13px; \n    font-weight: 600;\n    padding: 4px 10px; \n    border-radius: 6px;\n}\n\n.tag-home {\n    background-color: #eff6ff;\n    color: #1e40af;\n}\n\n.tag-office {\n    background-color: #fff7ed;\n    color: #9a3412;\n}\n\n\/* \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 *\/\n.ac-card-text {\n    font-size: 15px !important; \n    line-height: 1.5 !important;\n    color: #475569 !important;\n    margin: 0 0 16px 0 !important; \n}\n\n\/* \u0421\u043f\u0438\u0441\u043e\u043a \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a *\/\n.ac-features {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 0 20px 0 !important; \n    border-top: 1px dashed #e2e8f0;\n    padding-top: 14px !important; \n    flex-grow: 1; \n}\n\n.ac-features li {\n    font-size: 14px !important; \n    color: #334155 !important;\n    margin-bottom: 6px !important; \n    position: relative;\n    padding-left: 18px !important;\n}\n\n.ac-features li::before {\n    content: \"\u2022\";\n    color: #2563eb;\n    font-weight: bold;\n    font-size: 18px;\n    position: absolute;\n    left: 4px;\n    top: -2px;\n}\n\n\/* \u041a\u043d\u043e\u043f\u043a\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n.btn-ac-card {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #f1f5f9;\n    color: #334155 !important;\n    font-weight: 600;\n    padding: 10px 20px; \n    border-radius: 8px;\n    text-decoration: none;\n    font-size: 15px; \n    transition: all 0.2s ease;\n    text-align: center;\n}\n\n.ac-card:hover .btn-ac-card {\n    background-color: #2563eb;\n    color: #ffffff !important;\n}\n\n\/* \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f *\/\n@media (max-width: 768px) {\n    .ac-types-section {\n        padding: 30px 15px; \n    }\n    .ac-header {\n        margin-bottom: 20px;\n    }\n    .ac-card {\n        padding: 5px 5px; \n    }\n    .ac-card-title {\n        font-size: 20px !important;\n        padding-right: 0;\n    }\n    .ac-badge {\n        position: static;\n        display: inline-block;\n        margin-bottom: 10px;\n        width: max-content;\n    }\n}\n<\/style>\n\n<section class=\"types-section\" id=\"catalog\">\n    <div class=\"ac-container\">\n        \n        <!-- \u0428\u0430\u043f\u043a\u0430 \u0441\u0435\u043a\u0446\u0438\u0438 -->\n        <div class=\"ac-header\">\n            <span class=\"ac-subtitle\">\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0440\u0435\u0448\u0435\u043d\u0438\u0439<\/span>\n            <h2 class=\"ac-title\">\u0412\u0438\u0434\u044b \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u043e\u0432 \u043f\u043e\u0434 \u043b\u044e\u0431\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438<\/h2>\n            <div class=\"ac-underline\"><\/div>\n            <p class=\"ac-description\">\u041f\u043e\u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u043a\u043b\u0438\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043f\u043b\u043e\u0449\u0430\u0434\u0438, \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043c\u043e\u043d\u0442\u0430\u0436\u0430 \u0432 \u0412\u0438\u0442\u0435\u0431\u0441\u043a\u0435 \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438.<\/p>\n        <\/div>\n\n        <!-- \u0421\u0435\u0442\u043a\u0430 \u0442\u0438\u043f\u043e\u0432 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f -->\n        <div class=\"ac-grid\">\n            \n            <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 1: \u041d\u0430\u0441\u0442\u0435\u043d\u043d\u044b\u0435 \u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b -->\n            <div class=\"ac-card\">\n                <div class=\"ac-badge\">\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e<\/div>\n                <h3 class=\"ac-card-title\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat1.webp\" alt=\"\u041d\u0430\u0441\u0442\u0435\u043d\u043d\u044b\u0435\" class=\"ac-card-icon\">\n                    \u041d\u0430\u0441\u0442\u0435\u043d\u043d\u044b\u0435 \u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b\n                <\/h3>\n                \n                <!-- \u0422\u0435\u0433\u0438 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f -->\n                <div class=\"ac-tags\">\n                    <span class=\"tag-home\">\ud83c\udfe0 \u0414\u043b\u044f \u043a\u0432\u0430\u0440\u0442\u0438\u0440<\/span>\n                    <span class=\"tag-home\">\ud83c\udfe1 \u0414\u043b\u044f \u0434\u0430\u0447 \u0438 \u0434\u043e\u043c\u043e\u0432<\/span>\n                    <span class=\"tag-office\">\ud83c\udfe2 \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043e\u0444\u0438\u0441\u044b<\/span>\n                <\/div>\n\n                <p class=\"ac-card-text\">\u0421\u0430\u043c\u044b\u0439 \u0432\u043e\u0441\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0442\u0438\u043f \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u043e\u0432. \u0421\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0442\u0438\u0445\u043e\u0433\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u043d\u0430 \u0441\u0442\u0435\u043d\u0435 \u0438 \u043c\u043e\u0449\u043d\u043e\u0433\u043e \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u0437\u0430 \u043e\u043a\u043d\u043e\u043c.<\/p>\n                \n                <ul class=\"ac-features\">\n                    <li><strong>\u041f\u043b\u043e\u0449\u0430\u0434\u044c:<\/strong> \u043e\u0442 15 \u0434\u043e 80 \u043a\u0432.\u043c.<\/li>\n                    <li><strong>\u041f\u043b\u044e\u0441\u044b:<\/strong> \u041d\u0438\u0437\u043a\u0430\u044f \u0446\u0435\u043d\u0430, \u0442\u0438\u0445\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430, \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u043c\u043e\u043d\u0442\u0430\u0436 (\u0437\u0430 2 \u0447\u0430\u0441\u0430).<\/li>\n                    <li><strong>\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c:<\/strong> 1 \u0431\u043b\u043e\u043a \u043e\u0445\u043b\u0430\u0436\u0434\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e 1 \u043a\u043e\u043c\u043d\u0430\u0442\u0443.<\/li>\n                <\/ul>\n\n                <a href=\"#callback\" class=\"btn-ac-card\">\u041f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u043c\u043e\u0434\u0435\u043b\u044c<\/a>\n            <\/div>\n\n            <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 2: \u041c\u0443\u043b\u044c\u0442\u0438\u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b -->\n            <div class=\"ac-card\">\n                <div class=\"ac-badge badge-premium\">\u042d\u0441\u0442\u0435\u0442\u0438\u0447\u043d\u043e<\/div>\n                <h3 class=\"ac-card-title\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat2.webp\" alt=\"\u041c\u0443\u043b\u044c\u0442\u0438\u0441\u043f\u043b\u0438\u0442\" class=\"ac-card-icon\">\n                    \u041c\u0443\u043b\u044c\u0442\u0438\u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b\n                <\/h3>\n                \n                <div class=\"ac-tags\">\n                    <span class=\"tag-home\">\ud83c\udfe0 \u041c\u043d\u043e\u0433\u043e\u043a\u043e\u043c\u043d\u0430\u0442\u043d\u044b\u0435 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u044b<\/span>\n                    <span class=\"tag-home\">\ud83c\udfe1 \u041a\u043e\u0442\u0442\u0435\u0434\u0436\u0438<\/span>\n                <\/div>\n\n                <p class=\"ac-card-text\">\u0420\u0435\u0448\u0435\u043d\u0438\u0435, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u043e\u0445\u043b\u0430\u0434\u0438\u0442\u044c \u0432\u0441\u044e \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0443 \u0438\u043b\u0438 \u0434\u043e\u043c, \u043d\u043e \u043d\u0430 \u0444\u0430\u0441\u0430\u0434\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u043e \u0438\u043b\u0438 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0437\u0430\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0431\u043b\u043e\u043a.<\/p>\n                \n                <ul class=\"ac-features\">\n                    <li><strong>\u041f\u043b\u043e\u0449\u0430\u0434\u044c:<\/strong> \u043e\u0442 40 to 150 \u043a\u0432.\u043c.<\/li>\n                    <li><strong>\u041f\u043b\u044e\u0441\u044b:<\/strong> \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u0432\u0438\u0434 \u0444\u0430\u0441\u0430\u0434\u0430, \u0434\u043e 5 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u0431\u043b\u043e\u043a\u043e\u0432.<\/li>\n                    <li><strong>\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c:<\/strong> \u0421\u043b\u043e\u0436\u043d\u044b\u0439 \u043c\u043e\u043d\u0442\u0430\u0436, \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u0430\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0442\u0440\u0430\u0441\u0441\u044b.<\/li>\n                <\/ul>\n\n                <a href=\"#callback\" class=\"btn-ac-card\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c<\/a>\n            <\/div>\n\n            <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 3: \u041a\u0430\u0441\u0441\u0435\u0442\u043d\u044b\u0435 \u0438 \u043a\u0430\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u044b -->\n            <div class=\"ac-card\">\n                <div class=\"ac-badge badge-business\">\u0411\u0438\u0437\u043d\u0435\u0441<\/div>\n                <h3 class=\"ac-card-title\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/cat4.webp\" alt=\"\u041a\u0430\u0441\u0441\u0435\u0442\u043d\u044b\u0435\" class=\"ac-card-icon\">\n                    \u041a\u0430\u0441\u0441\u0435\u0442\u043d\u044b\u0435 \u0438 \u043a\u0430\u043d\u0430\u043b\u044c\u043d\u044b\u0435\n                <\/h3>\n                \n                <div class=\"ac-tags\">\n                    <span class=\"tag-office\">\ud83c\udfe2 \u041e\u0444\u0438\u0441\u044b \u0438 \u043e\u043f\u0435\u043d\u0441\u043f\u0435\u0439\u0441\u044b<\/span>\n                    <span class=\"tag-office\">\ud83d\udecd\ufe0f \u041c\u0430\u0433\u0430\u0437\u0438\u043d\u044b \u0438 \u043a\u0430\u0444\u0435<\/span>\n                <\/div>\n\n                <p class=\"ac-card-text\">\u041f\u043e\u043b\u0443\u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0437\u0430 \u043f\u043e\u0434\u0432\u0435\u0441\u043d\u044b\u043c \u0438\u043b\u0438 \u043d\u0430\u0442\u044f\u0436\u043d\u044b\u043c \u043f\u043e\u0442\u043e\u043b\u043a\u043e\u043c. \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432.<\/p>\n                \n                <ul class=\"ac-features\">\n                    <li><strong>\u041f\u043b\u043e\u0449\u0430\u0434\u044c:<\/strong> \u043e\u0442 50 \u0434\u043e 200+ \u043a\u0432.\u043c.<\/li>\n                    <li><strong>\u041f\u043b\u044e\u0441\u044b:<\/strong> \u041d\u0435\u0437\u0430\u043c\u0435\u0442\u043d\u044b \u0432 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0435, \u043f\u043e\u0434\u0430\u0447\u0430 \u0432\u043e\u0437\u0434\u0443\u0445\u0430 \u043d\u0430 4 \u0441\u0442\u043e\u0440\u043e\u043d\u044b.<\/li>\n                    <li><strong>\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c:<\/strong> \u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0437\u0430\u043f\u0430\u0441 \u0432\u044b\u0441\u043e\u0442\u044b \u043f\u043e\u0442\u043e\u043b\u043a\u0430 \u043e\u0442 20-30 \u0441\u043c.<\/li>\n                <\/ul>\n\n                <a href=\"#callback\" class=\"btn-ac-card\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0437\u0430\u043c\u0435\u0440<\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0441\u0435\u043a\u0446\u0438\u0438 *\/\n.form-section-block {\n    padding: 60px 20px;\n    background-color: #f1f5f9; \/* \u041f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u0444\u043e\u043d\u043e\u0432\u044b\u0439 \u0446\u0432\u0435\u0442 \u0432\u0441\u0435\u0439 \u0441\u0435\u043a\u0446\u0438\u0438 *\/\n}\n\n.form-block-container {\n    width: 100%;\n    max-width: 760px; \/* \u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u043c \u0448\u0438\u0440\u0438\u043d\u0443, \u0447\u0442\u043e\u0431\u044b \u0444\u043e\u0440\u043c\u0430 \u043d\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u0437\u0430\u043b\u0430\u0441\u044c \u043d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d *\/\n    margin: 0 auto;\n}\n\n\/* \u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0441\u0430\u043c\u043e\u0439 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438-\u0431\u043b\u043e\u043a\u0430 *\/\n.custom-form-card {\n    background-color: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 20px; \/* \u041a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u0441\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044b\u0435 \u0443\u0433\u043b\u044b *\/\n    padding: 50px 45px;\n    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.05), 0 10px 10px -5px rgba(15, 23, 42, 0.02);\n}\n\n\/* \u0428\u0430\u043f\u043a\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n.custom-form-header {\n    text-align: center;\n    margin-bottom: 35px;\n}\n\n.form-icon-badge {\n    font-size: 30px;\n    background-color: #eff6ff;\n    width: 60px;\n    height: 60px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    margin-bottom: 15px;\n    border: 1px solid #dbeafe;\n}\n\n.form-card-title {\n    font-size: 26px !important;\n    color: #0f172a !important;\n    font-weight: 800 !important;\n    margin: 0 0 10px 0 !important;\n}\n\n.form-card-subtitle {\n    font-size: 15px !important;\n    color: #64748b !important;\n    margin: 0 !important;\n    line-height: 1.5;\n}\n\n\/* \u0421\u0435\u0442\u043a\u0430 \u043f\u043e\u043b\u0435\u0439 (\u0434\u0432\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0432 \u0440\u044f\u0434) *\/\n.form-row-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n}\n\n\/* \u0413\u0440\u0443\u043f\u043f\u0430 \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430 *\/\n.custom-group {\n    margin-bottom: 22px;\n}\n\n.custom-group label {\n    display: block;\n    font-size: 14px;\n    font-weight: 600;\n    color: #334155;\n    margin-bottom: 8px;\n}\n\n.required-star {\n    color: #ef4444;\n}\n\n\/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430 \u0441 \u0438\u043a\u043e\u043d\u043a\u043e\u0439 *\/\n.field-icon-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.field-icon {\n    position: absolute;\n    left: 16px;\n    font-size: 16px;\n    color: #94a3b8;\n    pointer-events: none;\n}\n\n\/* \u0421\u0442\u0438\u043b\u0438 \u0441\u0430\u043c\u0438\u0445 \u0438\u043d\u043f\u0443\u0442\u043e\u0432 \u0438 \u0441\u0435\u043b\u0435\u043a\u0442\u0430 *\/\n.field-icon-wrapper input,\n.field-icon-wrapper select {\n    width: 100%;\n    padding: 13px 16px 13px 46px; \/* \u041e\u0442\u0441\u0442\u0443\u043f \u0441\u043b\u0435\u0432\u0430 \u043f\u043e\u0434 \u0438\u043a\u043e\u043d\u043a\u0443 *\/\n    font-size: 15px;\n    color: #0f172a;\n    background-color: #f8fafc;\n    border: 1px solid #cbd5e1;\n    border-radius: 10px;\n    outline: none;\n    box-sizing: border-box;\n    transition: all 0.2s ease-in-out;\n}\n\n\/* \u042d\u0444\u0444\u0435\u043a\u0442 \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u043f\u043e\u043b\u0435 *\/\n.field-icon-wrapper input:focus,\n.field-icon-wrapper select:focus {\n    border-color: #2563eb;\n    background-color: #ffffff;\n    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);\n}\n\n\/* \u0421\u0443\u0444\u0444\u0438\u043a\u0441 \u043c\u00b2 \u0434\u043b\u044f \u043f\u043e\u043b\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u0438 *\/\n.field-area-suffix {\n    position: absolute;\n    right: 16px;\n    font-size: 14px;\n    font-weight: 600;\n    color: #64748b;\n    pointer-events: none;\n}\n\n\/* \u041e\u0441\u043e\u0431\u044b\u0439 \u043e\u0442\u0441\u0442\u0443\u043f \u0441\u043f\u0440\u0430\u0432\u0430 \u0434\u043b\u044f \u043f\u043e\u043b\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u0438, \u0447\u0442\u043e\u0431\u044b \u0442\u0435\u043a\u0441\u0442 \u043d\u0435 \u043d\u0430\u0435\u0437\u0436\u0430\u043b \u043d\u0430 \u043c\u00b2 *\/\n#f-area {\n    padding-right: 45px;\n}\n\n\/* \u041a\u043d\u043e\u043f\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 *\/\n.form-submit-wrapper {\n    margin-top: 10px;\n}\n\n.btn-custom-submit {\n    width: 100%;\n    background-color: #2563eb;\n    color: #ffffff;\n    border: none;\n    padding: 16px 24px;\n    font-size: 16px;\n    font-weight: 700;\n    border-radius: 10px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.2);\n    transition: all 0.2s ease;\n}\n\n.btn-custom-submit:hover {\n    background-color: #1d4ed8;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.3);\n}\n\n.btn-arrow {\n    font-size: 18px;\n    transition: transform 0.2s;\n}\n\n.btn-custom-submit:hover .btn-arrow {\n    transform: translateX(4px);\n}\n\n\/* \u0422\u0435\u043a\u0441\u0442 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u043e\u0441\u0442\u0438 *\/\n.custom-form-privacy {\n    font-size: 12px !important;\n    color: #94a3b8 !important;\n    text-align: center;\n    margin: 20px 0 0 0 !important;\n    line-height: 1.4;\n}\n\n\/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c: \u041f\u0435\u0440\u0435\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u0435\u0439 \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n@media (max-width: 640px) {\n    .form-section-block {\n        padding: 40px 10px;\n    }\n    .custom-form-card {\n        padding: 35px 20px;\n        border-radius: 16px;\n    }\n    .form-row-grid {\n        grid-template-columns: 1fr; \/* \u041d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c \u043f\u043e\u043b\u044f \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u0433\u043e \u0434\u0440\u0443\u0433 \u043f\u043e\u0434 \u0434\u0440\u0443\u0433\u043e\u043c *\/\n        gap: 0;\n    }\n    .form-card-title {\n        font-size: 21px !important;\n    }\n\/* \u041f\u043e\u043b\u043d\u043e\u0435 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 4-\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430 (\u0412\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a) *\/\n.field-icon-wrapper select {\n    padding-left: 15px !important; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043e\u0442\u0441\u0442\u0443\u043f \u0441\u043b\u0435\u0432\u0430, \u0447\u0442\u043e\u0431\u044b \u043e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0442\u044c \u043c\u0435\u0441\u0442\u043e \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n    padding-right: 40px !important; \/* \u0414\u0435\u043b\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f \u0441\u043f\u0440\u0430\u0432\u0430 \u043f\u043e\u0434 \u0441\u0442\u0440\u0435\u043b\u043e\u0447\u043a\u0443 \u0442\u0435\u043c\u044b *\/\n    width: 100% !important;\n    text-indent: 0.01px !important; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u0441\u043a\u0440\u044b\u0442\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u0441\u0434\u0432\u0438\u0433\u0438 \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n    line-height: normal !important;\n    appearance: select !important; \/* \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n    -webkit-appearance: select !important;\n}\n\n\/* \u0415\u0441\u043b\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 :has, \u0434\u0435\u043b\u0430\u0435\u043c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u043d\u043e\u0441 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432 \u043f\u0440\u0430\u0432\u044b\u0439 \u043a\u0440\u0430\u0439 *\/\n.field-icon-wrapper select + .field-icon,\n.field-icon-wrapper .field-icon {\n    transition: all 0.2s;\n}\n\n}\n\n\n\/* \u0424\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430 \u0441 \u0438\u043a\u043e\u043d\u043a\u043e\u0439 *\/\n.field-icon-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n}\n\n#f-space {\n    width: 100% !important;\n    height: auto !important;\n    min-height: 48px !important;\n    \n    \/* \u041e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c 46px \u0441\u043b\u0435\u0432\u0430, \u0447\u0442\u043e\u0431\u044b \u0442\u0435\u043a\u0441\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u043b\u0441\u044f \u041f\u041e\u0421\u041b\u0415 \u0438\u043a\u043e\u043d\u043a\u0438 \ud83c\udfe2 *\/\n    padding: 13px 35px 13px 46px !important; \n    \n    line-height: 1.5 !important;\n    text-indent: 0px !important;\n    box-sizing: border-box !important;\n    background-color: #f8fafc !important;\n    border: 1px solid #cbd5e1 !important;\n    border-radius: 10px !important;\n    color: #0f172a !important;\n    outline: none !important;\n    \n    \/* \u041f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u0431\u0440\u043e\u0441 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439 Blocksy *\/\n    --theme-form-field-padding: 13px 35px 13px 46px !important;\n    --form-field-padding-left: 46px !important;\n}\n\n\/* \u041f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u0441\u0442\u0440\u043e\u0433\u043e \u043f\u043e\u0432\u0435\u0440\u0445 \u043b\u0435\u0432\u043e\u0433\u043e \u043e\u0442\u0441\u0442\u0443\u043f\u0430 \u0441\u0435\u043b\u0435\u043a\u0442\u0430 *\/\n.field-icon-wrapper .field-icon {\n    position: absolute;\n    left: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 16px;\n    z-index: 3; \/* \u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0448\u0435 \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u0441\u043b\u043e\u044f *\/\n    pointer-events: none; \/* \u041a\u043b\u0438\u043a \u0441\u043a\u0432\u043e\u0437\u044c \u0438\u043a\u043e\u043d\u043a\u0443 \u043e\u0442\u043a\u0440\u043e\u0435\u0442 \u043c\u0435\u043d\u044e \u0432\u044b\u0431\u043e\u0440\u0430 *\/\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const calcAreaInput = document.getElementById('room-area'); \/\/ \u041f\u043e\u043b\u0435 \u0438\u0437 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430\n    const ctaBtn = document.getElementById('calc-cta-btn');     \/\/ \u041a\u043d\u043e\u043f\u043a\u0430 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435\n    const formAreaInput = document.getElementById('cta-area');  \/\/ \u041f\u043e\u043b\u0435 \u0432 \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0439 \u0444\u043e\u0440\u043c\u0435\n\n    if (calcAreaInput && ctaBtn && formAreaInput) {\n        ctaBtn.addEventListener('click', function() {\n            \/\/ \u041f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043b\u043e\u0449\u0430\u0434\u0438 \u0438\u0437 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430 \u0432 \u0444\u043e\u0440\u043c\u0443 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438\n            formAreaInput.value = calcAreaInput.value;\n        });\n    }\n});\n<\/script>\n\n<section class=\"form-section-block\">\n    <div class=\"form-block-container\">\n        \n        <!-- \u041e\u0431\u0435\u0440\u0442\u043a\u0430 \u0432\u0441\u0435\u0439 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0444\u043e\u0440\u043c\u044b -->\n        <div class=\"custom-form-card\">\n            \n            <!-- \u0428\u0430\u043f\u043a\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 -->\n            <div class=\"custom-form-header\">\n                <div class=\"form-icon-badge\">\u270d\ufe0f<\/div>\n                <h2 class=\"form-card-title\">\u0420\u0430\u0441\u0447\u0435\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0438 \u0432\u044b\u0435\u0437\u0434 \u043d\u0430 \u0437\u0430\u043c\u0435\u0440<\/h2>\n                <p class=\"form-card-subtitle\">\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 5 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u043f\u043e\u043b\u0435\u0439, \u0438 \u043c\u044b \u043f\u043e\u0434\u0431\u0435\u0440\u0435\u043c \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440 \u043f\u043e\u0434 \u0432\u0430\u0448 \u0431\u044e\u0434\u0436\u0435\u0442<\/p>\n            <\/div>\n\n            <!-- \u0421\u0430\u043c\u0430 \u0444\u043e\u0440\u043c\u0430 -->\n            <form action=\"\/thanks\/\" method=\"POST\" class=\"custom-inside-form\">\n                \n                <!-- \u0414\u0432\u0443\u0445\u043a\u043e\u043b\u043e\u043d\u043e\u0447\u043d\u044b\u0439 \u0440\u044f\u0434 \u0434\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 -->\n                <div class=\"form-row-grid\">\n                    <!-- 1. \u0418\u043c\u044f -->\n                    <div class=\"custom-group\">\n                        <label for=\"f-name\">1. \u0412\u0430\u0448\u0435 \u0438\u043c\u044f <span class=\"required-star\">*<\/span><\/label>\n                        <div class=\"field-icon-wrapper\">\n                            <span class=\"field-icon\">\ud83d\udc64<\/span>\n                            <input type=\"text\" id=\"f-name\" name=\"user_name\" placeholder=\"\u0418\u043c\u044f\" required=\"\">\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- 2. \u0422\u0435\u043b\u0435\u0444\u043e\u043d -->\n                    <div class=\"custom-group\">\n                        <label for=\"f-phone\">2. \u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 <span class=\"required-star\">*<\/span><\/label>\n                        <div class=\"field-icon-wrapper\">\n                            <span class=\"field-icon\">\ud83d\udcde<\/span>\n                            <input type=\"tel\" id=\"f-phone\" name=\"user_phone\" placeholder=\"+375 (__) ___-__-__\" required=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. \u0410\u0434\u0440\u0435\u0441 -->\n                <div class=\"custom-group\">\n                    <label for=\"f-address\">3. \u0410\u0434\u0440\u0435\u0441 \/ \u041d\u0430\u0441\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043f\u0443\u043d\u043a\u0442 <span class=\"required-star\">*<\/span><\/label>\n                    <div class=\"field-icon-wrapper\">\n                        <span class=\"field-icon\">\ud83d\udccd<\/span>\n                        <input type=\"text\" id=\"f-address\" name=\"user_address\" placeholder=\"\u0433. \u0412\u0438\u0442\u0435\u0431\u0441\u043a, \u0443\u043b. \u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u0435\u0439 \u0438\u043b\u0438 \u041f\u043e\u043b\u043e\u0446\u043a, \u041e\u0440\u0448\u0430, \u041b\u0435\u043f\u0435\u043b\u044c \u0438 \u0434\u0440.\" required=\"\">\n                    <\/div>\n                <\/div>\n\n                <!-- \u0414\u0432\u0443\u0445\u043a\u043e\u043b\u043e\u043d\u043e\u0447\u043d\u044b\u0439 \u0440\u044f\u0434 \u0434\u043b\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f -->\n                <div class=\"form-row-grid\">\n                    <!-- 4. \u041a\u0443\u0434\u0430 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0442\u044c -->\n<div class=\"custom-group\">\n    <label for=\"f-space\">4. \u041a\u0443\u0434\u0430 \u043d\u0443\u0436\u0435\u043d \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440?<\/label>\n    <div class=\"field-icon-wrapper\">\n        <span class=\"field-icon\">\ud83c\udfe2<\/span>\n        <select id=\"f-space\" name=\"user_space\">\n            <option value=\"apartment\">\u0412 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0443<\/option>\n            <option value=\"house\">\u0412 \u0447\u0430\u0441\u0442\u043d\u044b\u0439 \u0434\u043e\u043c \/ \u041a\u043e\u0442\u0442\u0435\u0434\u0436<\/option>\n            <option value=\"office\">\u0412 \u043e\u0444\u0438\u0441 \/ \u041c\u0430\u0433\u0430\u0437\u0438\u043d<\/option>\n        <\/select>\n    <\/div>\n<\/div>\n\n\n                    <!-- 5. \u041f\u043b\u043e\u0449\u0430\u0434\u044c \u043a\u043e\u043c\u043d\u0430\u0442\u044b -->\n                    <div class=\"custom-group\">\n                        <label for=\"f-area\">5. \u041f\u043b\u043e\u0449\u0430\u0434\u044c \u043a\u043e\u043c\u043d\u0430\u0442\u044b<\/label>\n                        <div class=\"field-icon-wrapper\">\n                            <span class=\"field-icon\">\ud83d\udcd0<\/span>\n                            <input type=\"number\" id=\"f-area\" name=\"user_area\" min=\"5\" max=\"200\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, 20\">\n                            <span class=\"field-area-suffix\">\u043c\u00b2<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u041a\u043d\u043e\u043f\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 -->\n                <div class=\"form-submit-wrapper\">\n                    <button type=\"submit\" class=\"btn-custom-submit\">\n                        <span>\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0442\u043e\u0447\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0435\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438<\/span>\n                        <span class=\"btn-arrow\">\u2192<\/span>\n                    <\/button>\n                <\/div>\n                \n                <!-- \u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 -->\n                <p class=\"custom-form-privacy\">\n                    \ud83d\udd12 \u0412\u0430\u0448\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438. \u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \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                <\/p>\n            <\/form>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u26a1 \u041a\u043b\u0438\u043c\u0430\u0442 \u0432 \u0412\u0438\u0442\u0435\u0431\u0441\u043a\u0435 \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u041f\u0440\u043e\u0434\u0430\u0436\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440\u043e\u0432 \u0441 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0435\u0439 \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u043b\u0435\u0440. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0437\u0430 3 \u0447\u0430\u0441\u0430 \u0431\u0435\u0437 \u043f\u044b\u043b\u0438 \u0438 \u0433\u0440\u044f\u0437\u043d\u044b\u0445 \u0441\u0442\u0435\u043d. \u0412\u044b\u0435\u0437\u0434 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u0430 \u043d\u0430 \u0437\u0430\u043c\u0435\u0440 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e! \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u041d\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438 \ud83d\udee0\ufe0f \u041f\u043e\u043b\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0440\u0430\u0431\u043e\u0442 \u041e\u0442 \u043f\u043e\u0434\u0431\u043e\u0440\u0430 \u0441\u043f\u043b\u0438\u0442-\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0434\u043e \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438 \u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0432\u0435\u0441\u044c \u0441\u043f\u0435\u043a\u0442\u0440 \u043a\u043b\u0438\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0443\u0441\u043b\u0443\u0433: \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u043e\u043d\u0442\u0430\u0436, \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438, \u0441\u0435\u0437\u043e\u043d\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438 \u0437\u0430\u043f\u0440\u0430\u0432\u043a\u0443 \u0444\u0440\u0435\u043e\u043d\u043e\u043c. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-204","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_structure_type":"default","disable_featured_image":"yes","has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":8},"content_style_source":"custom","vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/xn--j1abiihn7e.xn--90ais\/index.php?rest_route=\/wp\/v2\/pages\/204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--j1abiihn7e.xn--90ais\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--j1abiihn7e.xn--90ais\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--j1abiihn7e.xn--90ais\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--j1abiihn7e.xn--90ais\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=204"}],"version-history":[{"count":38,"href":"https:\/\/xn--j1abiihn7e.xn--90ais\/index.php?rest_route=\/wp\/v2\/pages\/204\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/xn--j1abiihn7e.xn--90ais\/index.php?rest_route=\/wp\/v2\/pages\/204\/revisions\/388"}],"wp:attachment":[{"href":"https:\/\/xn--j1abiihn7e.xn--90ais\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}