{"id":27465,"date":"2025-06-16T23:34:52","date_gmt":"2025-06-16T21:34:52","guid":{"rendered":"https:\/\/techmachagro.com.ua\/usloviya-oplaty-i-dostavki\/"},"modified":"2025-08-29T15:31:14","modified_gmt":"2025-08-29T13:31:14","slug":"payment-and-delivery-ru","status":"publish","type":"page","link":"https:\/\/techmachagro.com.ua\/ru\/payment-and-delivery-ru\/","title":{"rendered":"\u0423\u0421\u041b\u041e\u0412\u0418\u042f \u041e\u041f\u041b\u0410\u0422\u042b \u0418 \u0414\u041e\u0421\u0422\u0410\u0412\u041a\u0418"},"content":{"rendered":"\n\n\n\n \n \n \u0423\u0441\u043b\u043e\u0432\u0438\u044f \u043e\u043f\u043b\u0430\u0442\u044b \u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u2013 \u0422\u0415\u0425\u041c\u0410\u0428 \u0410\u0413\u0420\u041e<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-red: #d73027;\n --primary-dark: #1a1a1a;\n --secondary-gray: #f5f5f5;\n --text-dark: #2c2c2c;\n --text-light: #666;\n --white: #ffffff;\n --border-light: #e0e0e0;\n --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.1);\n --shadow-hover: 0 12px 48px rgba(0, 0, 0, 0.15);\n --gradient-dark: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n line-height: 1.6;\n color: var(--text-dark);\n background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);\n overflow-x: hidden;\n }\n\n \/* Detect touch devices *\/\n @media (hover: none) and (pointer: coarse) {\n * {\n animation: none !important;\n transition: none !important;\n }\n \n .content-card:hover,\n .feature-item:hover,\n .delivery-card:hover,\n .process-step:hover,\n .contact-item:hover {\n transform: none !important;\n box-shadow: none !important;\n }\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .main-content {\n margin-top: 40px;\n position: relative;\n z-index: 10;\n }\n\n \/* Card System *\/\n .content-card {\n background: var(--white);\n border-radius: 20px;\n box-shadow: var(--shadow-soft);\n margin-bottom: 40px;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n border: 1px solid var(--border-light);\n }\n\n .content-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);\n }\n\n .card-header {\n background: var(--gradient-dark);\n padding: 40px;\n position: relative;\n overflow: hidden;\n }\n\n .card-header h2 {\n color: var(--white);\n font-size: 2.2rem;\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 20px;\n position: relative;\n z-index: 2;\n }\n\n .card-icon {\n width: 40px;\n height: 40px;\n stroke: var(--white);\n stroke-width: 2;\n filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));\n }\n\n .card-content {\n padding: 50px 40px;\n }\n\n \/* Typography *\/\n .section-title {\n font-size: 1.8rem;\n font-weight: 600;\n color: var(--primary-red);\n margin-bottom: 30px;\n position: relative;\n padding-bottom: 15px;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background: var(--primary-red);\n border-radius: 2px;\n }\n\n .section-subtitle {\n font-size: 1.1rem;\n color: var(--text-light);\n margin-bottom: 40px;\n line-height: 1.7;\n }\n\n \/* Features Grid - 2x2 layout *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin: 40px 0;\n }\n\n .feature-item {\n background: #fafafa;\n padding: 30px;\n border-radius: 15px;\n border-left: 4px solid var(--primary-red);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .feature-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n background: #f8f8f8;\n }\n\n .feature-item .icon {\n width: 24px;\n height: 24px;\n stroke: var(--primary-red);\n stroke-width: 2;\n margin-bottom: 15px;\n }\n\n .feature-item h4 {\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 10px;\n }\n\n .feature-item p {\n color: var(--text-light);\n font-size: 0.95rem;\n }\n\n \/* Delivery Times - 3 in row on tablet+ *\/\n .delivery-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin: 40px 0;\n }\n\n .delivery-card {\n background: var(--white);\n padding: 35px 25px;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .delivery-card:hover {\n border-color: var(--primary-red);\n transform: translateY(-8px);\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n }\n\n .delivery-card .region {\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 15px;\n }\n\n .delivery-card .time {\n font-size: 2rem;\n font-weight: 800;\n color: var(--primary-red);\n margin-bottom: 10px;\n }\n\n .delivery-card .label {\n font-size: 0.9rem;\n color: var(--text-light);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n \/* Process Steps - 2x2 with correct arrows *\/\n .process-container {\n position: relative;\n margin: 50px 0;\n }\n\n .process-steps {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 40px 60px;\n position: relative;\n }\n\n .process-step {\n background: var(--white);\n padding: 40px 30px;\n border-radius: 20px;\n position: relative;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n transition: all 0.4s ease;\n border: 1px solid var(--border-light);\n }\n\n .process-step:hover {\n transform: translateY(-10px);\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);\n }\n\n .step-number {\n position: absolute;\n top: -20px;\n left: 30px;\n width: 60px;\n height: 60px;\n background: var(--primary-red);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--white);\n box-shadow: 0 6px 20px rgba(215, 48, 39, 0.3);\n }\n\n .step-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--text-dark);\n margin: 20px 0 15px;\n }\n\n .step-content {\n color: var(--text-light);\n line-height: 1.6;\n }\n\n .step-content ul {\n list-style: none;\n padding: 0;\n }\n\n .step-content li {\n padding: 8px 0;\n position: relative;\n padding-left: 25px;\n }\n\n .step-content li::before {\n content: '\u2192';\n position: absolute;\n left: 0;\n color: var(--primary-red);\n font-weight: bold;\n }\n\n \/* Process Arrows - correct flow: 1\u21922, 2\u21933, 3\u21924 *\/\n .process-arrow {\n position: absolute;\n color: var(--primary-red);\n font-size: 2rem;\n font-weight: bold;\n z-index: 5;\n }\n\n .arrow-1-to-2 {\n top: 15%;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .arrow-2-to-3 {\n top: 50%;\n right: 25%;\n transform: translateY(-50%) rotate(90deg);\n }\n\n .arrow-3-to-4 {\n bottom: 15%;\n left: 50%;\n transform: translateX(-50%);\n }\n\n \/* Credit Section *\/\n .credit-highlight {\n background: #fafafa;\n border: 2px solid #e0e0e0;\n border-radius: 20px;\n padding: 40px;\n margin: 40px 0;\n position: relative;\n overflow: hidden;\n }\n\n .credit-highlight::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--primary-red);\n }\n\n .credit-conditions {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 25px;\n }\n\n .condition-item {\n background: var(--white);\n padding: 20px;\n border-radius: 10px;\n border-left: 3px solid var(--primary-red);\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n }\n\n .condition-label {\n font-size: 0.9rem;\n color: var(--text-light);\n margin-bottom: 5px;\n }\n\n .condition-value {\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--text-dark);\n }\n\n \/* Credit Table *\/\n .credit-table-container {\n overflow-x: auto;\n margin: 40px 0;\n border-radius: 15px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n background: var(--white);\n }\n\n .credit-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .credit-table th {\n background: var(--primary-red);\n color: var(--white);\n padding: 20px 15px;\n text-align: left;\n font-weight: 600;\n font-size: 0.95rem;\n white-space: nowrap;\n }\n\n .credit-table th:first-child {\n border-radius: 15px 0 0 0;\n }\n\n .credit-table th:last-child {\n border-radius: 0 15px 0 0;\n }\n\n .credit-table td {\n padding: 18px 15px;\n border-bottom: 1px solid var(--border-light);\n font-size: 0.9rem;\n white-space: nowrap;\n }\n\n .credit-table tr:last-child td {\n border-bottom: none;\n }\n\n .credit-table tr:hover {\n background-color: #fafafa;\n }\n\n .credit-table .highlight-term {\n font-weight: 700;\n color: var(--primary-red);\n }\n\n \/* Credit List for Mobile *\/\n .credit-mobile-list {\n display: none;\n }\n\n .credit-mobile-item {\n background: var(--white);\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 20px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n border-left: 4px solid var(--primary-red);\n }\n\n .mobile-term {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--primary-red);\n margin-bottom: 15px;\n }\n\n .mobile-detail {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n padding-bottom: 8px;\n border-bottom: 1px solid #f0f0f0;\n }\n\n .mobile-detail:last-child {\n border-bottom: none;\n margin-bottom: 0;\n }\n\n .mobile-label {\n font-weight: 600;\n color: var(--text-dark);\n }\n\n .mobile-value {\n color: var(--text-light);\n text-align: right;\n }\n\n \/* CTA Buttons *\/\n .cta-section {\n text-align: center;\n margin: 50px 0;\n padding: 40px;\n background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%);\n border-radius: 20px;\n border: 1px solid var(--border-light);\n }\n\n .cta-button {\n display: inline-block;\n background: var(--primary-red);\n color: var(--white);\n padding: 18px 40px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n margin: 10px 15px;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(215, 48, 39, 0.4);\n color: var(--white);\n text-decoration: none;\n background: #b71c1c;\n }\n\n \/* Contact Section *\/\n .contact-section {\n background: var(--gradient-dark);\n color: var(--white);\n margin-top: 60px;\n border-radius: 20px 20px 0 0;\n position: relative;\n overflow: hidden;\n }\n\n .contact-content {\n position: relative;\n z-index: 2;\n padding: 60px 40px;\n }\n\n .contact-title {\n color: var(--primary-red);\n font-size: 2.2rem;\n margin-bottom: 20px;\n text-align: center;\n font-weight: 700;\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 40px;\n margin-top: 40px;\n }\n\n .contact-item {\n background: rgba(255, 255, 255, 0.1);\n padding: 30px;\n border-radius: 15px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n }\n\n .contact-item:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-5px);\n box-shadow: 0 8px 30px rgba(0,0,0,0.2);\n }\n\n .contact-label {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .contact-value {\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--white);\n }\n\n .contact-value a {\n color: var(--white);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .contact-value a:hover {\n color: var(--primary-red);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .delivery-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .credit-table th:nth-child(5),\n .credit-table td:nth-child(5) {\n display: none;\n }\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .delivery-grid {\n grid-template-columns: 1fr;\n }\n \n .process-steps {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n \n .process-arrow,\n .arrow-1-to-2,\n .arrow-2-to-3,\n .arrow-3-to-4 {\n display: none;\n }\n \n .credit-conditions {\n grid-template-columns: 1fr;\n }\n \n .contact-grid {\n grid-template-columns: 1fr;\n }\n \n .credit-table-container {\n display: none;\n }\n \n .credit-mobile-list {\n display: block;\n }\n \n .card-header h2 {\n font-size: 1.8rem;\n }\n \n .section-title {\n font-size: 1.5rem;\n }\n \n .hero-title {\n font-size: 2rem;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 0 15px;\n }\n \n .card-header,\n .card-content,\n .contact-content {\n padding: 30px 20px;\n }\n \n .card-header h2 {\n font-size: 1.6rem;\n }\n \n .section-title {\n font-size: 1.3rem;\n }\n }\n\n \/* Loading Animation *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .content-card {\n animation: fadeInUp 0.6s ease forwards;\n }\n\n .content-card:nth-child(1) { animation-delay: 0.1s; }\n .content-card:nth-child(2) { animation-delay: 0.2s; }\n .content-card:nth-child(3) { animation-delay: 0.3s; }\n .content-card:nth-child(4) { animation-delay: 0.4s; }\n <\/style>\n<\/head>\n<body>\n <!-- Main Content -->\n <div class=\"container\">\n <div class=\"main-content\">\n \n <!-- Delivery Section -->\n <div class=\"content-card\">\n <div class=\"card-header\">\n <h2>\n <!-- Truck SVG Icon -->\n <svg class=\"card-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2\"\/>\n <path d=\"M15 18H9\"\/>\n <path d=\"M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14\"\/>\n <circle cx=\"17\" cy=\"18\" r=\"2\"\/>\n <circle cx=\"7\" cy=\"18\" r=\"2\"\/>\n <\/svg>\n \u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430\n <\/h2>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"section-title\">\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442 \u043f\u043e \u0432\u0441\u0435\u0439 \u0423\u043a\u0440\u0430\u0438\u043d\u0435<\/h3>\n <p class=\"section-subtitle\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u0422\u0415\u0425\u041c\u0410\u0428 \u0410\u0413\u0420\u041e \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u0441\u0435\u043b\u044c\u0441\u043a\u043e\u0445\u043e\u0437\u044f\u0439\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c\u0438 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u043c\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043f\u043e \u0432\u0441\u0435\u0439 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u0423\u043a\u0440\u0430\u0438\u043d\u044b \u0441 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0435\u0439 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u043d\u043e\u0441\u0442\u0438 \u0433\u0440\u0443\u0437\u0430.<\/p>\n \n <div class=\"credit-highlight\" style=\"background: #fafafa; border-color: #e0e0e0;\">\n <h4 style=\"color: var(--primary-red); margin-bottom: 25px; font-size: 1.3rem;\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438<\/h4>\n <div class=\"features-grid\">\n <div class=\"feature-item\" style=\"border-color: var(--primary-red);\">\n <!-- Check SVG Icon -->\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"stroke: var(--primary-red);\">\n <path d=\"M9 12l2 2 4-4\"\/>\n <path d=\"M21 12c0 4.97-4.03 9-9 9s-9-4.03-9-9 4.03-9 9-9 9 4.03 9 9z\"\/>\n <\/svg>\n <h4>\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0434\u043e \u0445\u043e\u0437\u044f\u0439\u0441\u0442\u0432\u0430<\/h4>\n <p>\u041d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0434\u043e \u0432\u0430\u0448\u0435\u0433\u043e \u0445\u043e\u0437\u044f\u0439\u0441\u0442\u0432\u0430 \u0438\u043b\u0438 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0433\u043e \u0430\u0434\u0440\u0435\u0441\u0430<\/p>\n <\/div>\n <div class=\"feature-item\" style=\"border-color: var(--primary-red);\">\n <!-- Package SVG Icon -->\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"stroke: var(--primary-red);\">\n <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8z\"\/>\n <path d=\"M3.29 7 12 12l8.71-5\"\/>\n <path d=\"M12 22V12\"\/>\n <\/svg>\n <h4>\u0413\u0440\u0443\u0437\u043e\u0432\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u044b<\/h4>\n <p>\u041f\u043e\u0433\u0440\u0443\u0437\u043a\u0430 \u0438 \u0440\u0430\u0437\u0433\u0440\u0443\u0437\u043a\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u0432 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438<\/p>\n <\/div>\n <div class=\"feature-item\" style=\"border-color: var(--primary-red);\">\n <!-- Play SVG Icon -->\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"stroke: var(--primary-red);\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <h4>\u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/h4>\n <p>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430 \u043c\u0435\u0441\u0442\u0435<\/p>\n <\/div>\n <div class=\"feature-item\" style=\"border-color: var(--primary-red);\">\n <!-- Help Circle SVG Icon -->\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"stroke: var(--primary-red);\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/>\n <path d=\"M12 17h.01\"\/>\n <\/svg>\n <h4>\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438<\/h4>\n <p>\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438 \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044e<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <h4 style=\"font-size: 1.4rem; color: var(--text-dark); margin: 40px 0 25px;\">\u0421\u0440\u043e\u043a\u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438<\/h4>\n <div class=\"delivery-grid\">\n <div class=\"delivery-card\">\n <div class=\"region\">\u041a\u0438\u0435\u0432\u0441\u043a\u0430\u044f \u043e\u0431\u043b\u0430\u0441\u0442\u044c<\/div>\n <div class=\"time\">1-2<\/div>\n <div class=\"label\">\u0434\u043d\u044f<\/div>\n <\/div>\n <div class=\"delivery-card\">\n <div class=\"region\">\u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0435 \u043e\u0431\u043b\u0430\u0441\u0442\u0438<\/div>\n <div class=\"time\">2-4<\/div>\n <div class=\"label\">\u0434\u043d\u044f<\/div>\n <\/div>\n <div class=\"delivery-card\">\n <div class=\"region\">\u041e\u0442\u0434\u0430\u043b\u0435\u043d\u043d\u044b\u0435 \u0440\u0435\u0433\u0438\u043e\u043d\u044b<\/div>\n <div class=\"time\">3-7<\/div>\n <div class=\"label\">\u0434\u043d\u0435\u0439<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Payment Section -->\n <div class=\"content-card\">\n <div class=\"card-header\">\n <h2>\n <!-- Credit Card SVG Icon -->\n <svg class=\"card-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n <path d=\"M1 10h22\"\/>\n <\/svg>\n \u041e\u043f\u043b\u0430\u0442\u0430\n <\/h2>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"section-title\">\u041e\u043f\u043b\u0430\u0442\u0430 \u043f\u043e \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0443<\/h3>\n <p class=\"section-subtitle\">\u041e\u043f\u043b\u0430\u0442\u0430 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0431\u0435\u0437\u043d\u0430\u043b\u0438\u0447\u043d\u044b\u043c \u0440\u0430\u0441\u0447\u0435\u0442\u043e\u043c \u043d\u0430 \u0440\u0430\u0441\u0447\u0435\u0442\u043d\u044b\u0439 \u0441\u0447\u0435\u0442 \u043f\u043e\u0441\u043b\u0435 \u043e\u043a\u043e\u043d\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u0441\u0435\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0437\u0430\u043a\u0430\u0437\u0430 \u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0430.<\/p>\n\n <h4 style=\"font-size: 1.4rem; color: var(--text-dark); margin-bottom: 30px;\">\u041f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0430 \u043e\u043f\u043b\u0430\u0442\u044b<\/h4>\n <div class=\"process-container\">\n <div class=\"process-steps\">\n <div class=\"process-step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-title\">\u0421\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0435<\/div>\n <div class=\"step-content\">\n <ul>\n <li>\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/li>\n <li>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u0438 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043e\u043f\u0446\u0438\u0439<\/li>\n <li>\u0420\u0430\u0441\u0447\u0435\u0442 \u043e\u043a\u043e\u043d\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u0441\u043a\u0438\u0434\u043e\u043a<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-title\">\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0430<\/div>\n <div class=\"step-content\">\n <ul>\n <li>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0430 \u043a\u0443\u043f\u043b\u0438-\u043f\u0440\u043e\u0434\u0430\u0436\u0438<\/li>\n <li>\u0424\u0438\u043a\u0441\u0430\u0446\u0438\u044f \u0432\u0441\u0435\u0445 \u0443\u0441\u043b\u043e\u0432\u0438\u0439 \u0438 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/li>\n <li>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0440\u043e\u043a\u043e\u0432 \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-title\">\u041e\u043f\u043b\u0430\u0442\u0430<\/div>\n <div class=\"step-content\">\n <ul>\n <li>\u0412\u044b\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0447\u0435\u0442\u0430 \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0430<\/li>\n <li>\u041e\u043f\u043b\u0430\u0442\u0430 100% \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u043d\u0430 \u0440\u0430\u0441\u0447\u0435\u0442\u043d\u044b\u0439 \u0441\u0447\u0435\u0442<\/li>\n <li>\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u044f \u0441\u0440\u0435\u0434\u0441\u0442\u0432<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">4<\/div>\n <div class=\"step-title\">\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435<\/div>\n <div class=\"step-content\">\n <ul>\n <li>\u0418\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u0438<\/li>\n <li>\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/li>\n <li>\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0433\u043e\u0442\u043e\u0432\u043e\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Process arrows: 1\u21922, 2\u21933, 3\u21924 -->\n <div class=\"process-arrow arrow-1-to-2\">\u2192<\/div>\n <div class=\"process-arrow arrow-2-to-3\">\u2192<\/div>\n <div class=\"process-arrow arrow-3-to-4\">\u2192<\/div>\n <\/div>\n\n <div class=\"credit-highlight\">\n <h4 style=\"color: var(--primary-red); margin-bottom: 20px; font-size: 1.3rem;\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u043e\u043f\u043b\u0430\u0442\u044b?<\/h4>\n <div class=\"features-grid\">\n <div>\n <strong style=\"color: var(--primary-red);\">\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434:<\/strong><br>\n \u041a\u0430\u0436\u0434\u044b\u0439 \u043a\u043b\u0438\u0435\u043d\u0442 \u043c\u043e\u0436\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\u0446\u0438\u044e \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441\u043e \u0441\u0432\u043e\u0438\u043c\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044f\u043c\u0438\n <\/div>\n <div>\n <strong style=\"color: var(--primary-red);\">\u041f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c:<\/strong><br>\n \u041e\u043a\u043e\u043d\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0446\u0435\u043d\u0430 \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u0441\u0435\u0445 \u0434\u0435\u0442\u0430\u043b\u0435\u0439\n <\/div>\n <div>\n <strong style=\"color: var(--primary-red);\">\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430:<\/strong><br>\n \u0412\u044b \u043f\u043b\u0430\u0442\u0438\u0442\u0435 \u0437\u0430 \u0442\u043e\u0447\u043d\u043e \u0442\u043e, \u0447\u0442\u043e \u0437\u0430\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0438 \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u043e\u043f\u0446\u0438\u044f\u043c\u0438\n <\/div>\n <div>\n <strong style=\"color: var(--primary-red);\">\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u0441\u0434\u0435\u043b\u043a\u0438:<\/strong><br>\n \u0414\u043e\u0433\u043e\u0432\u043e\u0440 \u0437\u0430\u0449\u0438\u0449\u0430\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u044b \u043e\u0431\u0435\u0438\u0445 \u0441\u0442\u043e\u0440\u043e\u043d \u0438 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Credit Section -->\n <div class=\"content-card\" id=\"credit-section\">\n <div class=\"card-header\">\n <h2>\n <!-- Building SVG Icon -->\n <svg class=\"card-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/>\n <path d=\"M6 12H4a2 2 0 0 0-2 2v8h4\"\/>\n <path d=\"M18 9h2a2 2 0 0 1 2 2v11h-4\"\/>\n <path d=\"M10 6h4\"\/>\n <path d=\"M10 10h4\"\/>\n <path d=\"M10 14h4\"\/>\n <path d=\"M10 18h4\"\/>\n <\/svg>\n \u041a\u0440\u0435\u0434\u0438\u0442\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0442 \u0423\u043a\u0440\u0421\u0438\u0431\u0431\u0430\u043d\u043a <!-- \u0434\u043b\u044f \u0443\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u043e\u0457 \u0432\u0435\u0440\u0441\u0456\u0457 -->\n <!-- \u0430\u0431\u043e \u041a\u0440\u0435\u0434\u0438\u0442\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0442 \u0423\u043a\u0440\u0421\u0438\u0431\u0431\u0430\u043d\u043a \u0434\u043b\u044f \u0440\u043e\u0441\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0432\u0435\u0440\u0441\u0456\u0457 -->\n <\/h2>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"section-title\">\u0423\u0434\u043e\u0431\u043d\u0430\u044f \u0440\u0430\u0441\u0441\u0440\u043e\u0447\u043a\u0430 \u043d\u0430 \u0441\u0435\u043b\u044c\u0445\u043e\u0437\u0442\u0435\u0445\u043d\u0438\u043a\u0443<\/h3>\n <p class=\"section-subtitle\">\u041d\u0430\u0448 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u043c \u0423\u043a\u0440\u0421\u0438\u0431\u0431\u0430\u043d\u043a\u0430 \u0432 \u0441\u0444\u0435\u0440\u0435 \u043a\u0440\u0435\u0434\u0438\u0442\u043e\u0432\u0430\u043d\u0438\u044f. \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u0443\u044e \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0441\u0435\u0439\u0447\u0430\u0441, \u0430 \u043f\u043b\u0430\u0442\u0438\u0442\u0435 \u0443\u0434\u043e\u0431\u043d\u044b\u043c\u0438 \u0447\u0430\u0441\u0442\u044f\u043c\u0438!<\/p>\n\n <div class=\"credit-highlight\">\n <h4 style=\"color: var(--primary-red); margin-bottom: 25px; font-size: 1.3rem;\">\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u043a\u0440\u0435\u0434\u0438\u0442\u043e\u0432\u0430\u043d\u0438\u044f<\/h4>\n <div class=\"credit-conditions\">\n <div class=\"condition-item\">\n <div class=\"condition-label\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0443\u043c\u043c\u0430<\/div>\n <div class=\"condition-value\">\u0434\u043e 300 000 \u0433\u0440\u043d<\/div>\n <\/div>\n <div class=\"condition-item\">\n <div class=\"condition-label\">\u0412\u043e\u0437\u0440\u0430\u0441\u0442 \u0437\u0430\u0435\u043c\u0449\u0438\u043a\u0430<\/div>\n <div class=\"condition-value\">21-70 \u043b\u0435\u0442<\/div>\n <\/div>\n <div class=\"condition-item\">\n <div class=\"condition-label\">\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"condition-value\">\u041f\u0430\u0441\u043f\u043e\u0440\u0442 + \u0418\u041d\u041d<\/div>\n <\/div>\n <div class=\"condition-item\">\n <div class=\"condition-label\">\u0421\u043f\u0440\u0430\u0432\u043a\u0430 \u043e \u0434\u043e\u0445\u043e\u0434\u0430\u0445<\/div>\n <div class=\"condition-value\">\u041d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <h4 style=\"font-size: 1.4rem; color: var(--text-dark); margin: 40px 0 25px;\">\u0412\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0440\u0430\u0441\u0441\u0440\u043e\u0447\u043a\u0438<\/h4>\n \n <!-- Desktop Table -->\n <div class=\"credit-table-container\">\n <table class=\"credit-table\">\n <thead>\n <tr>\n <th>\u0421\u0440\u043e\u043a<\/th>\n <th>\u041f\u0435\u0440\u0435\u043f\u043b\u0430\u0442\u0430<\/th>\n <th>\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u0430\u044f \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u044f<\/th>\n <th>SMS \u0441\u0435\u0440\u0432\u0438\u0441<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><span class=\"highlight-term\">3 \u043c\u0435\u0441\u044f\u0446\u0430<\/span><\/td>\n <td>150 \u0433\u0440\u043d (\u0440\u0430\u0437\u043e\u0432\u043e)<\/td>\n <td>0,99%<\/td>\n <td>100 \u0433\u0440\u043d<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight-term\">5 \u043c\u0435\u0441\u044f\u0446\u0435\u0432<\/span><\/td>\n <td>500 \u0433\u0440\u043d (\u0440\u0430\u0437\u043e\u0432\u043e)<\/td>\n <td>3,50%<\/td>\n <td>150 \u0433\u0440\u043d<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight-term\">9 \u043c\u0435\u0441\u044f\u0446\u0435\u0432<\/span><\/td>\n <td>4,5% \u043e\u0442 \u0441\u0443\u043c\u043c\u044b<\/td>\n <td>3,50%<\/td>\n <td>499 \u0433\u0440\u043d<\/td>\n <\/tr>\n <tr>\n <td><span class=\"highlight-term\">14 \u043c\u0435\u0441\u044f\u0446\u0435\u0432<\/span><\/td>\n <td>9% \u043e\u0442 \u0441\u0443\u043c\u043c\u044b<\/td>\n <td>3,50%<\/td>\n <td>699 \u0433\u0440\u043d<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <!-- Mobile List -->\n <div class=\"credit-mobile-list\">\n <div class=\"credit-mobile-item\">\n <div class=\"mobile-term\">3 \u043c\u0435\u0441\u044f\u0446\u0430<\/div>\n <div class=\"mobile-detail\">\n <span class=\"mobile-label\">\u041f\u0435\u0440\u0435\u043f\u043b\u0430\u0442\u0430:<\/span>\n <span class=\"mobile-value\">150 \u0433\u0440\u043d<\/span>\n <\/div>\n <div class=\"mobile-detail\">\n <span class=\"mobile-label\">\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u0430\u044f \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u044f:<\/span>\n <span class=\"mobile-value\">0,99%<\/span>\n <\/div>\n <\/div>\n \n <div class=\"credit-mobile-item\">\n <div class=\"mobile-term\">5 \u043c\u0435\u0441\u044f\u0446\u0435\u0432<\/div>\n <div class=\"mobile-detail\">\n <span class=\"mobile-label\">\u041f\u0435\u0440\u0435\u043f\u043b\u0430\u0442\u0430:<\/span>\n <span class=\"mobile-value\">500 \u0433\u0440\u043d<\/span>\n <\/div>\n <div class=\"mobile-detail\">\n <span class=\"mobile-label\">\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u0430\u044f \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u044f:<\/span>\n <span class=\"mobile-value\">3,50%<\/span>\n <\/div>\n <\/div>\n \n <div class=\"credit-mobile-item\">\n <div class=\"mobile-term\">9 \u043c\u0435\u0441\u044f\u0446\u0435\u0432<\/div>\n <div class=\"mobile-detail\">\n <span class=\"mobile-label\">\u041f\u0435\u0440\u0435\u043f\u043b\u0430\u0442\u0430:<\/span>\n <span class=\"mobile-value\">4,5% \u043e\u0442 \u0441\u0443\u043c\u043c\u044b<\/span>\n <\/div>\n <div class=\"mobile-detail\">\n <span class=\"mobile-label\">\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u0430\u044f \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u044f:<\/span>\n <span class=\"mobile-value\">3,50%<\/span>\n <\/div>\n <\/div>\n \n <div class=\"credit-mobile-item\">\n <div class=\"mobile-term\">14 \u043c\u0435\u0441\u044f\u0446\u0435\u0432<\/div>\n <div class=\"mobile-detail\">\n <span class=\"mobile-label\">\u041f\u0435\u0440\u0435\u043f\u043b\u0430\u0442\u0430:<\/span>\n <span class=\"mobile-value\">9% \u043e\u0442 \u0441\u0443\u043c\u043c\u044b<\/span>\n <\/div>\n <div class=\"mobile-detail\">\n <span class=\"mobile-label\">\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u0430\u044f \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u044f:<\/span>\n <span class=\"mobile-value\">3,50%<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <h4 style=\"font-size: 1.4rem; color: var(--text-dark); margin: 40px 0 30px;\">\u041a\u0430\u043a \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u043a\u0440\u0435\u0434\u0438\u0442<\/h4>\n <div class=\"process-container\">\n <div class=\"process-steps\">\n <div class=\"process-step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-title\">\u0417\u0430\u043a\u0430\u0437 \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/div>\n <div class=\"step-content\">\n <p>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u0443\u044e \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u0447\u0435\u0442-\u0444\u0430\u043a\u0442\u0443\u0440\u0443 \u0441 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u0435\u043c ID \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430: <strong style=\"color: var(--primary-red);\">0009815237<\/strong><\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-title\">\u0417\u0432\u043e\u043d\u043e\u043a \u0432 \u0431\u0430\u043d\u043a<\/div>\n <div class=\"step-content\">\n <p>\u0417\u0432\u043e\u043d\u0438\u0442\u0435 <strong style=\"color: var(--primary-red);\">729<\/strong> \u0438 \u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u0443 \u00ab\u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u043a\u0440\u0435\u0434\u0438\u0442\u0430\u00bb. \u0418\u043c\u0435\u0439\u0442\u0435 \u043f\u0440\u0438 \u0441\u0435\u0431\u0435 \u043f\u0430\u0441\u043f\u043e\u0440\u0442, \u0418\u041d\u041d \u0438 \u0441\u0447\u0435\u0442-\u0444\u0430\u043a\u0442\u0443\u0440\u0443<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-title\">\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u0435 \u0437\u0430\u044f\u0432\u043a\u0438<\/div>\n <div class=\"step-content\">\n <p>\u0411\u0430\u043d\u043a \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0432\u0430\u0448\u0443 \u0437\u0430\u044f\u0432\u043a\u0443 \u0438 \u0432\u044b\u0434\u0430\u0435\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u0435. \u041f\u0440\u0438 \u043e\u0434\u043e\u0431\u0440\u0435\u043d\u0438\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0432 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u0438 \u0438\u043b\u0438 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-number\">4<\/div>\n <div class=\"step-title\">\u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/div>\n <div class=\"step-content\">\n <p>\u041f\u043e\u0441\u043b\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u043a\u0440\u0435\u0434\u0438\u0442\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0441 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0439 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u043e\u0439 \u0434\u043e \u0432\u0430\u0448\u0435\u0433\u043e \u0445\u043e\u0437\u044f\u0439\u0441\u0442\u0432\u0430<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Process arrows: 1\u21922, 2\u21933, 3\u21924 -->\n <div class=\"process-arrow arrow-1-to-2\">\u2192<\/div>\n <div class=\"process-arrow arrow-2-to-3\">\u2192<\/div>\n <div class=\"process-arrow arrow-3-to-4\">\u2192<\/div>\n <\/div>\n\n <div class=\"cta-section\">\n <h4 style=\"color: var(--primary-red); margin-bottom: 20px; font-size: 1.3rem;\">\u0413\u043e\u0442\u043e\u0432\u044b \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u043a\u0440\u0435\u0434\u0438\u0442?<\/h4>\n <a href=\"tel:729\" class=\"cta-button\" rel=\"nofollow\">\u0417\u0432\u043e\u043d\u0438\u0442\u044c 729<\/a>\n <p style=\"margin-top: 20px; color: var(--text-light);\">\n <strong>\u0413\u0440\u0430\u0444\u0438\u043a \u0440\u0430\u0431\u043e\u0442\u044b \u0433\u043e\u0440\u044f\u0447\u0435\u0439 \u043b\u0438\u043d\u0438\u0438 729:<\/strong><br>\n \u041f\u043d-\u041f\u0442: 09:00-19:00 | \u0421\u0431-\u0412\u0441: 10:00-18:00\n <\/p>\n <p style=\"margin-top: 15px; color: var(--text-light);\">\n <strong>Email \u0434\u043b\u044f \u0441\u0447\u0435\u0442\u043e\u0432:<\/strong> \n <a href=\"mailto:hotseason.2011@ukrsibbank.com\" style=\"color: var(--primary-red);\">hotseason.2011@ukrsibbank.com<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Additional Options -->\n <div class=\"content-card\">\n <div class=\"card-header\">\n <h2>\n <!-- Star SVG Icon -->\n <svg class=\"card-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <polygon points=\"12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26\"\/>\n <\/svg>\n \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438\n <\/h2>\n <\/div>\n <div class=\"card-content\">\n <div class=\"features-grid\">\n <div class=\"feature-item\">\n <!-- Credit Card SVG Icon -->\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n <path d=\"M1 10h22\"\/>\n <\/svg>\n <h4>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0440\u0430\u0441\u0441\u0440\u043e\u0447\u043a\u0430<\/h4>\n <p>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0441\u043e\u0431\u044b\u0445 \u0443\u0441\u043b\u043e\u0432\u0438\u0439 \u0440\u0430\u0441\u0441\u0440\u043e\u0447\u043a\u0438 \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043e\u0431\u044a\u0435\u043c\u0430 \u0437\u0430\u043a\u0430\u0437\u0430<\/p>\n <\/div>\n <div class=\"feature-item\">\n <!-- Target SVG Icon -->\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"6\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\n <\/svg>\n <h4>\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u043a\u0438\u0434\u043e\u043a<\/h4>\n <p>\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0435\u043d\u044b \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0431\u043e\u043d\u0443\u0441\u044b \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\n <\/div>\n <div class=\"feature-item\">\n <!-- Package SVG Icon -->\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8z\"\/>\n <path d=\"M3.29 7 12 12l8.71-5\"\/>\n <path d=\"M12 22V12\"\/>\n <\/svg>\n <h4>\u041e\u043f\u0442\u043e\u0432\u044b\u0435 \u0437\u0430\u043a\u0430\u0437\u044b<\/h4>\n <p>\u041e\u0441\u043e\u0431\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0434\u043b\u044f \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0437\u0430\u043a\u0430\u0437\u043e\u0432 \u0438 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/p>\n <\/div>\n <div class=\"feature-item\">\n <!-- Settings SVG Icon -->\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/>\n <\/svg>\n <h4>\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435<\/h4>\n <p>\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u043f\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0435 \u0438 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438 \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Contact Section -->\n <section class=\"contact-section\">\n <div class=\"container\">\n <div class=\"contact-content\">\n <h2 class=\"contact-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0434\u043b\u044f \u0437\u0430\u043a\u0430\u0437\u0430<\/h2>\n <p style=\"text-align: center; margin-bottom: 40px; opacity: 0.9;\">\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u043b\u044e\u0431\u044b\u043c \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c \u0434\u043b\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u0437\u0430<\/p>\n \n <div class=\"contact-grid\">\n <div class=\"contact-item\">\n <div class=\"contact-label\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d\u044b<\/div>\n <div class=\"contact-value\">\n <a href=\"tel:+380671235599\">+38 067 123 55 99<\/a><br>\n <a href=\"tel:+380502122335\">+38 050 21 22 335<\/a><br>\n <a href=\"tel:+380974351496\">+38 097 435 14 96<\/a>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-label\">Email<\/div>\n <div class=\"contact-value\">\n <a href=\"mailto:agroexpo@ukr.net\">agroexpo@ukr.net<\/a>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-label\">\u0410\u0434\u0440\u0435\u0441<\/div>\n <div class=\"contact-value\">\n \u0433. \u0411\u0435\u043b\u0430\u044f \u0426\u0435\u0440\u043a\u043e\u0432\u044c 09100<br>\n \u041a\u0438\u0435\u0432\u0441\u043a\u0430\u044f \u043e\u0431\u043b\u0430\u0441\u0442\u044c<br>\n \u0443\u043b. \u0421\u0443\u0445\u043e\u044f\u0440\u0441\u043a\u0430\u044f 22\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-label\">\u0420\u0435\u0436\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u044b<\/div>\n <div class=\"contact-value\">\n \u041f\u043d-\u041f\u0442: 8:00 \u2013 18:00<br>\n \u0421\u0431: 9:00 \u2013 15:00<br>\n \u0412\u0441: \u0432\u044b\u0445\u043e\u0434\u043d\u043e\u0439\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u043e\u043f\u043b\u0430\u0442\u044b \u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u2013 \u0422\u0415\u0425\u041c\u0410\u0428 \u0410\u0413\u0420\u041e \u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442 \u043f\u043e \u0432\u0441\u0435\u0439 \u0423\u043a\u0440\u0430\u0438\u043d\u0435 \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u0422\u0415\u0425\u041c\u0410\u0428 \u0410\u0413\u0420\u041e \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u0441\u0435\u043b\u044c\u0441\u043a\u043e\u0445\u043e\u0437\u044f\u0439\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/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-27465","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techmachagro.com.ua\/ru\/wp-json\/wp\/v2\/pages\/27465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techmachagro.com.ua\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techmachagro.com.ua\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techmachagro.com.ua\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techmachagro.com.ua\/ru\/wp-json\/wp\/v2\/comments?post=27465"}],"version-history":[{"count":0,"href":"https:\/\/techmachagro.com.ua\/ru\/wp-json\/wp\/v2\/pages\/27465\/revisions"}],"wp:attachment":[{"href":"https:\/\/techmachagro.com.ua\/ru\/wp-json\/wp\/v2\/media?parent=27465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}