{"id":2085,"date":"2025-06-17T07:18:46","date_gmt":"2025-06-17T07:18:46","guid":{"rendered":"https:\/\/nemanexpert.kz\/?page_id=2085"},"modified":"2026-03-08T21:28:33","modified_gmt":"2026-03-08T21:28:33","slug":"%d0%ba%d0%b0%d0%bb%d1%8c%d0%ba%d1%83%d0%bb%d1%8f%d1%82%d0%be%d1%80","status":"publish","type":"page","link":"https:\/\/nemanexpert.kz\/?page_id=2085","title":{"rendered":"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2085\" class=\"elementor elementor-2085\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7e83c5 e-flex e-con-boxed e-con e-parent\" data-id=\"b7e83c5\" data-element_type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef7b95 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"9ef7b95\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"neman-calculator-page\" style=\"font-family: 'Montserrat', Arial, sans-serif;\">\n   \n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n    \n    \/* \u041e\u0413\u0420\u0410\u041d\u0418\u0427\u0418\u0412\u0410\u0415\u041c \u0412\u0421\u0415 \u0421\u0422\u0418\u041b\u0418 \u0422\u041e\u041b\u042c\u041a\u041e \u0414\u041b\u042f \u042d\u0422\u041e\u0419 \u0421\u0415\u041a\u0426\u0418\u0418 *\/\n    .neman-calculator-page {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    .neman-calculator-page *,\n    .neman-calculator-page *::before,\n    .neman-calculator-page *::after {\n      box-sizing: border-box;\n    }\n\n    \/* \u0415\u0414\u0418\u041d\u042b\u0419 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0414\u041b\u042f \u0412\u0421\u0415\u0425 \u0421\u0415\u041a\u0426\u0418\u0419 *\/\n    .neman-calculator-page .calc-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 1rem;\n    }\n\n    @media (max-width: 1024px) and (min-width: 769px) {\n      .neman-calculator-page .calc-container {\n        max-width: 1200px;\n        padding: 0 2rem;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .neman-calculator-page .calc-container {\n        padding: 0 1rem;\n      }\n    }\n\n    \/* Hero Section - \u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0434\u043b\u044f \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430 *\/\n    .neman-calculator-page .calc-hero-section {\n      background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);\n      padding: 8rem 0 6rem;\n      position: relative;\n      overflow: hidden;\n      width: 100vw;\n      margin-left: calc(-50vw + 50%);\n      color: white;\n    }\n\n    .neman-calculator-page .calc-hero-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 80%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(95, 186, 81, 0.08) 0%, transparent 70%);\n      animation: calc-pulse 6s ease-in-out infinite;\n    }\n\n    @keyframes calc-pulse {\n      0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.3; }\n      50% { transform: scale(1.05) rotate(3deg); opacity: 0.5; }\n    }\n\n    .neman-calculator-page .calc-hero-content {\n      position: relative;\n      z-index: 2;\n      text-align: center;\n    }\n\n    .neman-calculator-page .calc-hero-content h1 {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 3.5rem;\n      font-weight: 800;\n      color: white;\n      margin-bottom: 1.5rem;\n      line-height: 1.1;\n      background: linear-gradient(135deg, #ffffff 0%, #5FBA51 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .neman-calculator-page .calc-hero-subtitle {\n      font-size: 1.3rem;\n      color: #cbd5e1;\n      margin-bottom: 4rem;\n      max-width: 700px;\n      margin-left: auto;\n      margin-right: auto;\n      font-weight: 400;\n    }\n\n    \/* \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c \u0441 \u043c\u0435\u0442\u0440\u0438\u043a\u0430\u043c\u0438 *\/\n    .neman-calculator-page .calc-hero-metrics {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 2rem;\n      margin-top: 4rem;\n      max-width: 900px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .neman-calculator-page .calc-metric-card {\n      background: rgba(255, 255, 255, 0.05);\n      backdrop-filter: blur(20px);\n      border: 1px solid rgba(95, 186, 81, 0.2);\n      border-radius: 20px;\n      padding: 2rem 1.5rem;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      cursor: pointer;\n    }\n\n    .neman-calculator-page .calc-metric-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(95, 186, 81, 0.1), transparent);\n      transition: left 0.6s;\n    }\n\n    .neman-calculator-page .calc-metric-card:hover::before {\n      left: 100%;\n    }\n\n    .neman-calculator-page .calc-metric-card:hover {\n      transform: translateY(-5px);\n      border-color: rgba(95, 186, 81, 0.4);\n      box-shadow: 0 15px 30px rgba(95, 186, 81, 0.15);\n    }\n\n    .neman-calculator-page .calc-metric-icon {\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, #5FBA51, #4a9441);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 1.5rem;\n      position: relative;\n      transition: all 0.3s ease;\n    }\n\n    .neman-calculator-page .calc-metric-card:hover .calc-metric-icon {\n      transform: scale(1.05);\n    }\n\n    .neman-calculator-page .calc-metric-number {\n      font-size: 2.5rem;\n      font-weight: 800;\n      color: #5FBA51;\n      margin-bottom: 0.5rem;\n      font-family: 'Montserrat', sans-serif;\n    }\n\n    .neman-calculator-page .calc-metric-label {\n      font-size: 1rem;\n      color: white;\n      font-weight: 600;\n      margin-bottom: 0.5rem;\n    }\n\n    .neman-calculator-page .calc-metric-description {\n      font-size: 0.85rem;\n      color: #94a3b8;\n      line-height: 1.4;\n    }\n\n    \/* Floating \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u044b *\/\n    .neman-calculator-page .calc-floating-element {\n      position: absolute;\n      background: rgba(95, 186, 81, 0.1);\n      border-radius: 50%;\n      animation: calc-float 8s ease-in-out infinite;\n    }\n\n    .neman-calculator-page .calc-floating-element:nth-child(1) {\n      width: 80px;\n      height: 80px;\n      top: 20%;\n      left: 10%;\n      animation-delay: 0s;\n    }\n\n    .neman-calculator-page .calc-floating-element:nth-child(2) {\n      width: 120px;\n      height: 120px;\n      top: 60%;\n      right: 15%;\n      animation-delay: 3s;\n    }\n\n    .neman-calculator-page .calc-floating-element:nth-child(3) {\n      width: 60px;\n      height: 60px;\n      bottom: 30%;\n      left: 20%;\n      animation-delay: 6s;\n    }\n\n    @keyframes calc-float {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      33% { transform: translateY(-15px) rotate(3deg); }\n      66% { transform: translateY(8px) rotate(-2deg); }\n    }\n\n    \/* \u0421\u0434\u0435\u0440\u0436\u0430\u043d\u043d\u0430\u044f CTA \u043a\u043d\u043e\u043f\u043a\u0430 *\/\n    .neman-calculator-page .calc-hero-cta {\n      margin-top: 3rem;\n    }\n\n    .neman-calculator-page .calc-cta-button-hero {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.75rem;\n      padding: 1rem 2rem;\n      background: linear-gradient(135deg, #5FBA51, #4a9441);\n      color: white;\n      text-decoration: none;\n      border-radius: 12px;\n      font-weight: 600;\n      font-size: 1rem;\n      transition: all 0.3s ease;\n      border: 2px solid transparent;\n    }\n\n    .neman-calculator-page .calc-cta-button-hero:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(95, 186, 81, 0.3);\n    }\n\n    .neman-calculator-page .calc-cta-icon {\n      width: 18px;\n      height: 18px;\n      transition: transform 0.3s ease;\n    }\n\n    .neman-calculator-page .calc-cta-button-hero:hover .calc-cta-icon {\n      transform: translateX(3px);\n    }\n\n    \/* Instructions Section - \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d *\/\n    .neman-calculator-page .calc-instructions-section {\n      padding: 6rem 0;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      width: 100vw;\n      margin-left: calc(-50vw + 50%);\n      position: relative;\n    }\n\n    .neman-calculator-page .calc-instructions-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #5FBA51, transparent);\n    }\n\n    .neman-calculator-page .calc-instructions-header {\n      text-align: center;\n      margin-bottom: 4rem;\n    }\n\n    .neman-calculator-page .calc-instructions-header h2 {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 2.5rem;\n      font-weight: 700;\n      color: #1e293b;\n      margin-bottom: 1rem;\n    }\n\n    .neman-calculator-page .calc-instructions-header .calc-accent {\n      color: #5FBA51;\n    }\n\n    .neman-calculator-page .calc-instructions-header p {\n      color: #64748b;\n      font-size: 1.125rem;\n      max-width: 600px;\n      margin: 0 auto;\n    }\n\n    .neman-calculator-page .calc-instructions-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 3rem;\n      align-items: start;\n    }\n\n    .neman-calculator-page .calc-instruction-block {\n      background: white;\n      padding: 3rem;\n      border-radius: 24px;\n      border: 1px solid #e2e8f0;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n      transition: all 0.3s ease;\n    }\n\n    .neman-calculator-page .calc-instruction-block:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    }\n\n    .neman-calculator-page .calc-instruction-block::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #5FBA51, #4a9441);\n    }\n\n    .neman-calculator-page .calc-instruction-block.calc-blue::before {\n      background: linear-gradient(90deg, #3A6FB1, #2563eb);\n    }\n\n    .neman-calculator-page .calc-instruction-block h3 {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1.5rem;\n      font-weight: 700;\n      margin-bottom: 2rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-direction: column;\n      text-align: center;\n      gap: 1rem;\n    }\n\n    .neman-calculator-page .calc-instruction-block.calc-blue h3 {\n      color: #3A6FB1;\n    }\n\n    .neman-calculator-page .calc-instruction-block.calc-green h3 {\n      color: #5FBA51;\n    }\n\n    .neman-calculator-page .calc-instruction-icon {\n      width: 48px;\n      height: 48px;\n      background: linear-gradient(135deg, #5FBA51, #4a9441);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      margin: 0 auto;\n    }\n\n    .neman-calculator-page .calc-instruction-block.calc-blue .calc-instruction-icon {\n      background: linear-gradient(135deg, #3A6FB1, #2563eb);\n    }\n\n    .neman-calculator-page .calc-instruction-step {\n      margin-bottom: 2rem;\n    }\n\n    .neman-calculator-page .calc-instruction-step-title {\n      font-weight: 600;\n      color: #1e293b;\n      margin-bottom: 1rem;\n      font-size: 1.1rem;\n    }\n\n    .neman-calculator-page .calc-instruction-step-list {\n      list-style: none;\n      padding-left: 0;\n    }\n\n    .neman-calculator-page .calc-instruction-step-list li {\n      position: relative;\n      padding-left: 2rem;\n      margin-bottom: 0.75rem;\n      color: #64748b;\n      line-height: 1.6;\n    }\n\n    .neman-calculator-page .calc-instruction-step-list li::before {\n      content: '\u2192';\n      position: absolute;\n      left: 0;\n      color: #5FBA51;\n      font-weight: bold;\n      font-size: 1.2rem;\n    }\n\n    .neman-calculator-page .calc-benefit-list {\n      list-style: none;\n    }\n\n    .neman-calculator-page .calc-benefit-list li {\n      position: relative;\n      padding-left: 2.5rem;\n      margin-bottom: 1rem;\n      color: #64748b;\n      font-weight: 500;\n      line-height: 1.6;\n    }\n\n    .neman-calculator-page .calc-benefit-list li::before {\n      content: '\u2713';\n      position: absolute;\n      left: 0;\n      color: #5FBA51;\n      font-weight: bold;\n      font-size: 1.2rem;\n      width: 20px;\n      height: 20px;\n      background: rgba(95, 186, 81, 0.1);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.9rem;\n    }\n\n    \/* Calculator Section - \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0431\u0435\u0437 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 *\/\n    .neman-calculator-page .calc-calculator-section {\n      padding: 6rem 0;\n      background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n      width: 100vw;\n      margin-left: calc(-50vw + 50%);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .neman-calculator-page .calc-calculator-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 50%;\n      height: 100%;\n      background: radial-gradient(circle at center, rgba(95, 186, 81, 0.1) 0%, transparent 70%);\n    }\n\n    .neman-calculator-page .calc-calculator-header {\n      text-align: center;\n      margin-bottom: 4rem;\n      position: relative;\n      z-index: 2;\n    }\n\n    .neman-calculator-page .calc-calculator-header h2 {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 2.5rem;\n      font-weight: 700;\n      color: white;\n      margin-bottom: 1rem;\n    }\n\n    .neman-calculator-page .calc-calculator-header .calc-accent {\n      color: #5FBA51;\n    }\n\n    .neman-calculator-page .calc-calculator-header p {\n      font-size: 1.125rem;\n      color: #cbd5e1;\n      max-width: 600px;\n      margin: 0 auto;\n    }\n\n    \/* \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0439 layout - \u043e\u0434\u043d\u0430 \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0432\u043c\u0435\u0441\u0442\u043e \u0434\u0432\u0443\u0445 *\/\n    .neman-calculator-page .calc-calculator-layout {\n      display: block;\n      position: relative;\n      z-index: 2;\n    }\n\n    .neman-calculator-page .calc-calculator-widget {\n      background: white;\n      padding: 3rem;\n      border-radius: 24px;\n      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      position: relative;\n      backdrop-filter: blur(10px);\n      max-width: 1000px;\n      margin: 0 auto;\n      width: 100%;\n    }\n\n    \/* CTA Section - \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d *\/\n    .neman-calculator-page .calc-cta-section {\n      padding: 6rem 0;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      width: 100vw;\n      margin-left: calc(-50vw + 50%);\n      text-align: center;\n      position: relative;\n    }\n\n    .neman-calculator-page .calc-cta-section::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 200px;\n      height: 200px;\n      background: radial-gradient(circle, rgba(95, 186, 81, 0.1) 0%, transparent 70%);\n      border-radius: 50%;\n      animation: calc-pulse 4s ease-in-out infinite;\n    }\n\n    .neman-calculator-page .calc-cta-content {\n      position: relative;\n      z-index: 2;\n    }\n\n    .neman-calculator-page .calc-cta-content h2 {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 2.5rem;\n      font-weight: 700;\n      color: #1e293b;\n      margin-bottom: 1rem;\n    }\n\n    .neman-calculator-page .calc-cta-content .calc-accent {\n      color: #5FBA51;\n    }\n\n    .neman-calculator-page .calc-cta-content p {\n      font-size: 1.125rem;\n      color: #64748b;\n      margin-bottom: 3rem;\n      max-width: 700px;\n      margin-left: auto;\n      margin-right: auto;\n      line-height: 1.7;\n    }\n\n    .neman-calculator-page .calc-cta-features {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 2rem;\n      max-width: 800px;\n      margin: 3rem auto 0;\n    }\n\n    .neman-calculator-page .calc-cta-feature {\n      background: white;\n      padding: 2rem 1.5rem;\n      border-radius: 16px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n      border: 1px solid #e2e8f0;\n      transition: all 0.3s ease;\n    }\n\n    .neman-calculator-page .calc-cta-feature:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);\n    }\n\n    .neman-calculator-page .calc-cta-feature-icon {\n      width: 40px;\n      height: 40px;\n      background: linear-gradient(135deg, #5FBA51, #4a9441);\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 1rem;\n    }\n\n    .neman-calculator-page .calc-cta-feature h4 {\n      font-weight: 600;\n      color: #1e293b;\n      margin-bottom: 0.5rem;\n    }\n\n    .neman-calculator-page .calc-cta-feature p {\n      font-size: 0.9rem;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Form Section - \u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d *\/\n    .neman-calculator-page .calc-form-section {\n      padding: 6rem 0;\n      background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n      width: 100vw;\n      margin-left: calc(-50vw + 50%);\n      position: relative;\n    }\n\n    .neman-calculator-page .calc-form-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(95,186,81,0.1)\" stroke-width=\"0.5\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"\/><\/svg>');\n      opacity: 0.3;\n    }\n\n    .neman-calculator-page .calc-form-container {\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(20px);\n      border-radius: 24px;\n      padding: 3rem;\n      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);\n      max-width: 1000px;\n      margin: 0 auto;\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      position: relative;\n      z-index: 2;\n    }\n\n    .neman-calculator-page .calc-form-header {\n      text-align: center;\n      margin-bottom: 3rem;\n    }\n\n    .neman-calculator-page .calc-form-header h2 {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 2rem;\n      font-weight: 700;\n      color: #1e293b;\n      margin-bottom: 0.5rem;\n    }\n\n    .neman-calculator-page .calc-form-header p {\n      color: #64748b;\n      font-size: 1rem;\n    }\n\n    .neman-calculator-page .calc-form-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 2rem;\n      margin-bottom: 2rem;\n    }\n\n    .neman-calculator-page .calc-form-block {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      padding: 2rem;\n      border-radius: 16px;\n      border: 1px solid #e2e8f0;\n      transition: all 0.3s ease;\n    }\n\n    .neman-calculator-page .calc-form-block:hover {\n      border-color: #5FBA51;\n      box-shadow: 0 4px 20px rgba(95, 186, 81, 0.1);\n    }\n\n    .neman-calculator-page .calc-form-block h3 {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1.25rem;\n      font-weight: 600;\n      color: #1e293b;\n      margin-bottom: 1.5rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.75rem;\n    }\n\n    .neman-calculator-page .calc-form-icon {\n      width: 32px;\n      height: 32px;\n      background: linear-gradient(135deg, #5FBA51, #4a9441);\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .neman-calculator-page .calc-form-field {\n      margin-bottom: 1.5rem;\n    }\n\n    .neman-calculator-page .calc-form-field label {\n      display: block;\n      font-weight: 500;\n      color: #1e293b;\n      margin-bottom: 0.5rem;\n    }\n\n    .neman-calculator-page .calc-form-field .calc-required {\n      color: #ef4444;\n    }\n\n    \/* \u0423\u041b\u0423\u0427\u0428\u0415\u041d\u041d\u042b\u0415 \u043f\u043e\u043b\u044f \u0444\u043e\u0440\u043c\u044b \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n    .neman-calculator-page .calc-form-field input,\n    .neman-calculator-page .calc-form-field textarea {\n      width: 100%;\n      padding: 0.75rem 1rem;\n      border: 2px solid #e2e8f0;\n      border-radius: 8px;\n      font-size: 1rem;\n      transition: all 0.3s ease;\n      font-family: 'Montserrat', sans-serif;\n      background: white;\n      color: #1e293b;\n      line-height: 1.4;\n      min-height: 48px;\n      box-sizing: border-box;\n    }\n\n    .neman-calculator-page .calc-form-field input:focus,\n    .neman-calculator-page .calc-form-field textarea:focus {\n      outline: none;\n      border-color: #5FBA51;\n      box-shadow: 0 0 0 3px rgba(95, 186, 81, 0.1);\n      background-color: #fefffe;\n    }\n\n    \/* \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u041e\u041f\u0422\u0418\u041c\u0418\u0417\u0410\u0426\u0418\u042f \u0434\u043b\u044f \u043f\u043e\u043b\u0435\u0439 \u0444\u043e\u0440\u043c\u044b *\/\n    @media screen and (max-width: 768px) {\n      .neman-calculator-page .calc-form-field input,\n      .neman-calculator-page .calc-form-field textarea {\n        font-size: 16px; \/* \u041f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0437\u0443\u043c \u043d\u0430 iOS *\/\n        padding: 14px 16px;\n        min-height: 52px;\n        border-radius: 8px;\n        -webkit-tap-highlight-color: rgba(95, 186, 81, 0.3);\n        touch-action: manipulation;\n        cursor: pointer;\n      }\n\n      .neman-calculator-page .calc-form-field input:focus,\n      .neman-calculator-page .calc-form-field textarea:focus {\n        border-color: #5FBA51;\n        background-color: #fefffe;\n        outline: none;\n        box-shadow: 0 0 0 2px rgba(95, 186, 81, 0.2);\n      }\n\n      .neman-calculator-page .calc-form-field textarea {\n        min-height: 120px;\n        resize: vertical;\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      .neman-calculator-page .calc-form-field input,\n      .neman-calculator-page .calc-form-field textarea {\n        padding: 12px 14px;\n        min-height: 50px;\n        font-size: 15px;\n      }\n\n      .neman-calculator-page .calc-form-field textarea {\n        min-height: 100px;\n      }\n    }\n\n    .neman-calculator-page .calc-form-full-width {\n      grid-column: 1 \/ -1;\n    }\n\n    .neman-calculator-page .calc-delivery-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 2rem;\n    }\n\n    .neman-calculator-page .calc-submit-button {\n      background: linear-gradient(135deg, #5FBA51, #4a9441);\n      color: white;\n      padding: 1rem 2rem;\n      font-size: 1.1rem;\n      font-weight: 600;\n      border: none;\n      border-radius: 12px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      font-family: 'Montserrat', sans-serif;\n      box-shadow: 0 4px 15px rgba(95, 186, 81, 0.3);\n    }\n\n    .neman-calculator-page .calc-submit-button:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 25px rgba(95, 186, 81, 0.4);\n    }\n\n    .neman-calculator-page .calc-submit-button:disabled {\n      opacity: 0.7;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    .neman-calculator-page .calc-message {\n      padding: 1rem 1.5rem;\n      border-radius: 8px;\n      margin-bottom: 1.5rem;\n      font-weight: 500;\n    }\n\n    .neman-calculator-page .calc-error-message {\n      background: #fef2f2;\n      color: #dc2626;\n      border-left: 4px solid #ef4444;\n    }\n\n    .neman-calculator-page .calc-success-message {\n      background: #f0fdf4;\n      color: #16a34a;\n      border-left: 4px solid #22c55e;\n    }\n\n    .neman-calculator-page .calc-hidden {\n      display: none;\n    }\n\n    \/* \u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u043b\u044f \"\u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u043f\u0430\u043a\u043e\u0432\u043e\u043a\" \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435 *\/\n    .neman-calculator-page #total_packs,\n    .neman-calculator-page input[name=\"total_packs\"],\n    .neman-calculator-page .calculator-result input,\n    .neman-calculator-page .calculator-field input {\n      text-align: center !important;\n      vertical-align: middle !important;\n      display: block !important;\n      margin: 0 auto !important;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n      .neman-calculator-page .calc-instructions-grid,\n      .neman-calculator-page .calc-form-grid {\n        grid-template-columns: 1fr;\n        gap: 2rem;\n      }\n\n      .neman-calculator-page .calc-hero-metrics,\n      .neman-calculator-page .calc-cta-features {\n        grid-template-columns: 1fr;\n        gap: 1.5rem;\n      }\n\n      .neman-calculator-page .calc-delivery-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .neman-calculator-page .calc-calculator-widget {\n        padding: 2rem;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .neman-calculator-page .calc-hero-content h1 {\n        font-size: 2.5rem;\n      }\n\n      .neman-calculator-page .calc-hero-subtitle {\n        font-size: 1.1rem;\n      }\n\n      .neman-calculator-page .calc-calculator-header h2,\n      .neman-calculator-page .calc-cta-content h2,\n      .neman-calculator-page .calc-instructions-header h2 {\n        font-size: 2rem;\n      }\n\n      .neman-calculator-page .calc-form-container {\n        padding: 2rem 1.5rem;\n      }\n\n      .neman-calculator-page .calc-instruction-block {\n        padding: 2rem;\n      }\n\n      .neman-calculator-page .calc-calculator-widget {\n        padding: 2rem;\n      }\n\n      .neman-calculator-page .calc-hero-section,\n      .neman-calculator-page .calc-instructions-section,\n      .neman-calculator-page .calc-calculator-section,\n      .neman-calculator-page .calc-cta-section,\n      .neman-calculator-page .calc-form-section {\n        padding: 4rem 0;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .neman-calculator-page .calc-hero-content h1 {\n        font-size: 2rem;\n      }\n\n      .neman-calculator-page .calc-form-container {\n        padding: 1.5rem 1rem;\n      }\n\n      .neman-calculator-page .calc-instruction-block,\n      .neman-calculator-page .calc-calculator-widget {\n        padding: 1.5rem;\n      }\n\n      .neman-calculator-page .calc-hero-section,\n      .neman-calculator-page .calc-instructions-section,\n      .neman-calculator-page .calc-calculator-section,\n      .neman-calculator-page .calc-cta-section,\n      .neman-calculator-page .calc-form-section {\n        padding: 3rem 0;\n      }\n    }\n  <\/style>\n\n  \n  <section class=\"calc-hero-section\">\n    <div class=\"calc-floating-element\"><\/div>\n    <div class=\"calc-floating-element\"><\/div>\n    <div class=\"calc-floating-element\"><\/div>\n    \n    <div class=\"calc-container\">\n      <div class=\"calc-hero-content\">\n        <h1>\u0423\u043c\u043d\u044b\u0439 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044f<\/h1>\n        <p class=\"calc-hero-subtitle\">\u041f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442\u0435 \u0443\u0442\u0435\u043f\u043b\u0435\u043d\u0438\u0435? \u041d\u0430\u0448 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0442\u043e\u0447\u043d\u043e \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044f, \u0447\u0442\u043e\u0431\u044b \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0431\u044b\u043b \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d \u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c\u044e.<\/p>\n        \n        <div class=\"calc-hero-metrics\">\n          <div class=\"calc-metric-card\">\n            <div class=\"calc-metric-icon\">\n              <svg width=\"24\" height=\"24\" fill=\"white\" viewBox=\"0 0 24 24\">\n                <path d=\"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"calc-metric-number\">99.8%<\/div>\n            <div class=\"calc-metric-label\">\u0422\u043e\u0447\u043d\u043e\u0441\u0442\u044c<\/div>\n            <div class=\"calc-metric-description\">\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u0434\u043b\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0441\u0447\u0435\u0442\u043e\u0432<\/div>\n          <\/div>\n          <div class=\"calc-metric-card\">\n            <div class=\"calc-metric-icon\">\n              <svg width=\"24\" height=\"24\" fill=\"white\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2M7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.5.88 4.93 1.78A7.893 7.893 0 0 1 12 20c-1.86 0-3.57-.64-4.93-1.72M18.36 16.83c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 1.55A7.928 7.928 0 0 1 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.5-1.64 4.83M12 6C10.06 6 8.5 7.56 8.5 9.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6m0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"calc-metric-number\">1K+<\/div>\n            <div class=\"calc-metric-label\">\u041f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/div>\n            <div class=\"calc-metric-description\">\u0423\u0441\u043f\u0435\u0448\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0443<\/div>\n          <\/div>\n          <div class=\"calc-metric-card\">\n            <div class=\"calc-metric-icon\">\n              <svg width=\"24\" height=\"24\" fill=\"white\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"calc-metric-number\">15%<\/div>\n            <div class=\"calc-metric-label\">\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f<\/div>\n            <div class=\"calc-metric-description\">\u0421\u0440\u0435\u0434\u043d\u044f\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0431\u044e\u0434\u0436\u0435\u0442\u0430 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0442\u043e\u0447\u043d\u044b\u043c \u0440\u0430\u0441\u0447\u0435\u0442\u0430\u043c<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"calc-hero-cta\">\n          <a href=\"#calculator\" class=\"calc-cta-button-hero\">\n            \u041f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\n            <svg class=\"calc-cta-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n  <section class=\"calc-instructions-section\">\n    <div class=\"calc-container\">\n      <div class=\"calc-instructions-header\">\n        <h2>\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 <span class=\"calc-accent\">\u0443\u043c\u043d\u044b\u0439 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/span><\/h2>\n        <p>\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0442\u043e\u0447\u043d\u044b\u0445 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0437\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0435\u043a\u0443\u043d\u0434<\/p>\n      <\/div>\n      \n      <div class=\"calc-instructions-grid\">\n        <div class=\"calc-instruction-block calc-blue\">\n          <h3>\n            <div class=\"calc-instruction-icon\">\n              <svg width=\"24\" height=\"24\" fill=\"white\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n              <\/svg>\n            <\/div>\n            \u041f\u043e\u0448\u0430\u0433\u043e\u0432\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\n          <\/h3>\n          \n          <div class=\"calc-instruction-step\">\n            <div class=\"calc-instruction-step-title\">1. \u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b:<\/div>\n            <ul class=\"calc-instruction-step-list\">\n              <li>\u041e\u0431\u044a\u0435\u043c \u0432 \u043c\u00b3<\/li>\n              <li>\u041f\u043b\u043e\u0449\u0430\u0434\u044c \u0432 \u043c\u00b2 (\u0443\u0442\u0435\u043f\u043b\u044f\u0435\u043c\u043e\u0439 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u0438)<\/li>\n              <li>\u0416\u0435\u043b\u0430\u0435\u043c\u0430\u044f \u0442\u043e\u043b\u0449\u0438\u043d\u0430 \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044f<\/li>\n              <li>\u041f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044f (\u043a\u0433\/\u043c\u00b3)<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"calc-instruction-step\">\n            <div class=\"calc-instruction-step-title\">2. \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/div>\n            <ul class=\"calc-instruction-step-list\">\n              <li>\u0422\u043e\u0447\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u043f\u0430\u043a\u043e\u0432\u043e\u043a<\/li>\n              <li>\u041e\u0431\u0449\u0438\u0439 \u043e\u0431\u044a\u0435\u043c \u0438 \u0432\u0435\u0441 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430<\/li>\n              <li>\u041e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043f\u0430\u0441 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <div class=\"calc-instruction-block calc-green\">\n          <h3>\n            <div class=\"calc-instruction-icon\">\n              <svg width=\"24\" height=\"24\" fill=\"white\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n              <\/svg>\n            <\/div>\n            \u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u0443\u0434\u043e\u0431\u043d\u043e\n          <\/h3>\n          \n          <ul class=\"calc-benefit-list\">\n            <li>\u0411\u044b\u0441\u0442\u0440\u043e \u0438 \u0442\u043e\u0447\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442<\/li>\n            <li>\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 \u0438 \u0431\u044e\u0434\u0436\u0435\u0442\u0430<\/li>\n            <li>\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0443\u0442\u0435\u043f\u043b\u0435\u043d\u0438\u044f: \u043e\u0442 \u0441\u0442\u0435\u043d \u0434\u043e \u043a\u0440\u043e\u0432\u043b\u0438<\/li>\n            <li>\u0423\u0447\u0435\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0443\u043f\u0430\u043a\u043e\u0432\u043e\u043a<\/li>\n            <li>\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438<\/li>\n            <li>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0446\u0435\u043d\u0430\u043c\u0438<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n  <section class=\"calc-calculator-section\" id=\"calculator\">\n    <div class=\"calc-container\">\n      <div class=\"calc-calculator-header\">\n        <h2>\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 <span class=\"calc-accent\">\u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440<\/span><\/h2>\n        <p>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0435\u0442<\/p>\n      <\/div>\n      \n      <div class=\"calc-calculator-layout\">\n        <div class=\"calc-calculator-widget\">\n           \n                  <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap');\n                    \n            #material-calculator-form {\n                max-width: 100%;\n                margin: 0;\n                padding: 0;\n                border-radius: 0;\n                background-color: transparent;\n                box-shadow: none;\n                font-family: 'Montserrat', sans-serif;\n            }\n            \n            .edit-indicator {\n                background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);\n                border: 2px solid #f39c12;\n                border-radius: 8px;\n                padding: 10px 16px;\n                margin-bottom: 16px;\n                position: relative;\n                box-shadow: 0 2px 8px rgba(243, 156, 18, 0.15);\n                animation: slideDown 0.3s ease-out;\n                text-align: center;\n            }\n            \n            @keyframes slideDown {\n                from {\n                    opacity: 0;\n                    transform: translateY(-10px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            \n            .edit-instruction {\n                font-size: 14px;\n                color: #856404;\n                font-weight: 600;\n                font-family: 'Montserrat', sans-serif;\n                margin: 0;\n            }\n            \n            #material-calculator-form label {\n                display: block;\n                margin-top: 18px;\n                margin-bottom: 7px;\n                font-family: 'Montserrat', sans-serif;\n                font-size: 15px;\n                font-weight: 600;\n                color: #334155;\n                letter-spacing: 0.3px;\n            }\n            \n            .coefficient-note {\n                background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n                border: 1px solid #f59e0b;\n                border-radius: 8px;\n                padding: 12px 16px;\n                margin-top: 12px;\n                margin-bottom: 8px;\n                font-size: 14px;\n                color: #92400e;\n                font-weight: 500;\n                line-height: 1.4;\n                font-family: 'Montserrat', sans-serif;\n            }\n            \n            #material-calculator-form input,\n            #material-calculator-form select {\n                width: 100%;\n                padding: 13px 15px;\n                border: 2px solid #e2e8f0;\n                border-radius: 11px;\n                font-size: 15px;\n                background-color: #ffffff;\n                font-family: 'Montserrat', sans-serif;\n                box-sizing: border-box;\n                height: 50px;\n                color: #1e293b;\n                font-weight: 500;\n                transition: border-color 0.2s ease, box-shadow 0.2s ease;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                line-height: 1.2;\n                display: flex;\n                align-items: center;\n            }\n            #material-calculator-form input::placeholder {\n                color: #94a3b8;\n                font-weight: 400;\n            }\n            #material-calculator-form input:focus,\n            #material-calculator-form select:focus {\n                border-color: #5FBA51;\n                outline: none;\n                box-shadow: 0 0 0 3px rgba(95, 186, 81, 0.1);\n                background-color: #fefffe;\n            }\n            \n            #material-calculator-form select {\n                cursor: pointer;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                appearance: none;\n                background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n                background-repeat: no-repeat;\n                background-position: right 12px center;\n                background-size: 16px;\n                padding-right: 45px;\n            }\n            \n            .horizontal-fields {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 16px;\n                margin-top: 18px;\n            }\n            \n            .input-field {\n                display: none;\n                margin-top: 0;\n            }\n            .input-field.active {\n                display: block;\n            }\n            \n            #material-calculator-form button {\n                background: linear-gradient(135deg, #5FBA51 0%, #4a9441 100%);\n                color: white;\n                padding: 15px 26px;\n                border: none;\n                border-radius: 11px;\n                cursor: pointer;\n                font-size: 15px;\n                font-weight: 600;\n                width: 100%;\n                font-family: 'Montserrat', sans-serif;\n                margin-top: 26px;\n                box-shadow: 0 4px 18px rgba(95, 186, 81, 0.25);\n                letter-spacing: 0.3px;\n                text-transform: uppercase;\n                height: 52px;\n                transition: all 0.2s ease;\n            }\n            #material-calculator-form button:hover {\n                transform: translateY(-1px);\n                box-shadow: 0 6px 22px rgba(95, 186, 81, 0.35);\n                background: linear-gradient(135deg, #4a9441 0%, #5FBA51 100%);\n            }\n            \n            #error_message {\n                color: #dc2626;\n                font-weight: 500;\n                margin-top: 14px;\n                display: none;\n                padding: 14px 18px;\n                background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);\n                border-radius: 11px;\n                border-left: 4px solid #dc2626;\n                font-size: 14px;\n                line-height: 1.4;\n            }\n            \n            .calc-results {\n                background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\n                padding: 24px;\n                border-radius: 18px;\n                margin-top: 26px;\n                border: 2px solid #bbf7d0;\n                box-shadow: 0 6px 26px rgba(95, 186, 81, 0.12);\n                position: relative;\n                overflow: hidden;\n            }\n            \n            .calc-results-header {\n                display: table;\n                width: 100%;\n                margin-bottom: 18px;\n                padding-bottom: 14px;\n                border-bottom: 1px solid #bbf7d0;\n            }\n            .calc-results-icon {\n                display: table-cell;\n                width: 44px;\n                vertical-align: middle;\n            }\n            .calc-results-icon-inner {\n                width: 32px;\n                height: 32px;\n                background: linear-gradient(135deg, #5FBA51, #4a9441);\n                border-radius: 8px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            .calc-results-title {\n                display: table-cell;\n                vertical-align: middle;\n                font-size: 18px;\n                font-weight: 600;\n                color: #166534;\n                font-family: 'Montserrat', sans-serif;\n                padding-left: 12px;\n            }\n            .calc-results-grid {\n                display: grid;\n                grid-template-columns: 1fr;\n                gap: 14px;\n            }\n            .calc-result-item {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                padding: 14px 18px;\n                background: rgba(255, 255, 255, 0.7);\n                border-radius: 11px;\n                border: 1px solid rgba(187, 247, 208, 0.5);\n                transition: all 0.2s ease;\n            }\n            .calc-result-item:hover {\n                background: rgba(255, 255, 255, 0.9);\n                transform: translateY(-1px);\n                box-shadow: 0 3px 10px rgba(95, 186, 81, 0.1);\n            }\n            .calc-result-item.primary {\n                background: linear-gradient(135deg, #5FBA51 0%, #4A9B3E 100%);\n                color: #ffffff !important;\n                border: 1px solid #5FBA51;\n                display: flex !important;\n                justify-content: space-between !important;\n                align-items: center !important;\n                padding: 15px 20px;\n                margin-bottom: 10px;\n                border-radius: 8px;\n                font-weight: 500;\n            }\n            \n            .calc-result-item.primary .calc-result-value {\n                float: right !important;\n                text-align: right !important;\n                color: #ffffff !important;\n                font-size: 17px !important;\n                font-weight: 700 !important;\n            }\n            \n            .calc-result-item.primary .calc-result-label {\n                color: #ffffff !important;\n                float: left !important;\n            }\n            \n            .calc-result-item.primary::after {\n                content: \"\";\n                display: table;\n                clear: both;\n            }\n\n            .calc-result-label {\n                font-size: 14px;\n                color: #374151;\n                font-weight: 500;\n                font-family: 'Montserrat', sans-serif;\n            }\n            .calc-result-value {\n                font-size: 15px;\n                font-weight: 700;\n                color: #166534;\n                font-family: 'Montserrat', sans-serif;\n                letter-spacing: 0.2px;\n            }\n            .calc-result-item.primary .calc-result-value {\n                font-size: 17px;\n                color: #5FBA51;\n            }\n            \n            .action-buttons {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 12px;\n                margin-top: 20px;\n            }\n            .add-material-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 8px;\n                background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n                color: white;\n                padding: 14px 20px;\n                border: none;\n                border-radius: 11px;\n                cursor: pointer;\n                font-size: 14px;\n                font-weight: 600;\n                font-family: 'Montserrat', sans-serif;\n                text-decoration: none;\n                box-shadow: 0 4px 18px rgba(16, 185, 129, 0.25);\n                transition: all 0.3s ease;\n                letter-spacing: 0.3px;\n                text-transform: uppercase;\n                height: 48px;\n            }\n            .add-material-button:hover {\n                transform: translateY(-1px);\n                box-shadow: 0 6px 22px rgba(16, 185, 129, 0.35);\n                background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n                color: white;\n                text-decoration: none;\n            }\n            .edit-data-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 8px;\n                background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n                color: white;\n                padding: 14px 20px;\n                border: none;\n                border-radius: 11px;\n                cursor: pointer;\n                font-size: 14px;\n                font-weight: 600;\n                font-family: 'Montserrat', sans-serif;\n                text-decoration: none;\n                box-shadow: 0 4px 18px rgba(245, 158, 11, 0.25);\n                transition: all 0.3s ease;\n                letter-spacing: 0.3px;\n                text-transform: uppercase;\n                height: 48px;\n            }\n            .edit-data-button:hover {\n                transform: translateY(-1px);\n                box-shadow: 0 6px 22px rgba(245, 158, 11, 0.35);\n                background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);\n                color: white;\n                text-decoration: none;\n            }\n            \n            .collapsed-materials {\n                margin-bottom: 20px;\n            }\n            .collapsed-material {\n                background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n                border: 2px solid #e2e8f0;\n                border-radius: 16px;\n                margin-bottom: 16px;\n                overflow: hidden;\n                transition: all 0.3s ease;\n                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n            }\n            .collapsed-material:hover {\n                border-color: #5FBA51;\n                box-shadow: 0 6px 20px rgba(95, 186, 81, 0.15);\n                transform: translateY(-2px);\n            }\n            \n            .collapsed-material.editing {\n                background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);\n                border: 2px solid #f39c12;\n                transform: scale(1.02);\n                box-shadow: 0 8px 25px rgba(243, 156, 18, 0.3);\n                animation: editPulse 2s infinite;\n            }\n            \n            @keyframes editPulse {\n                0%, 100% {\n                    box-shadow: 0 8px 25px rgba(243, 156, 18, 0.3);\n                }\n                50% {\n                    box-shadow: 0 12px 35px rgba(243, 156, 18, 0.5);\n                }\n            }\n            \n            .collapsed-header {\n                padding: 20px;\n                cursor: pointer;\n                display: flex;\n                justify-content: space-between;\n                align-items: flex-start;\n                background: rgba(255, 255, 255, 0.8);\n                position: relative;\n            }\n            .collapsed-main-info {\n                flex: 1;\n                margin-right: 16px;\n            }\n            .collapsed-title {\n                font-size: 15px;\n                font-weight: 700;\n                color: #1e293b;\n                font-family: 'Montserrat', sans-serif;\n                line-height: 1.4;\n                margin-bottom: 8px;\n            }\n            .collapsed-summary {\n                display: flex;\n                gap: 16px;\n                flex-wrap: wrap;\n                margin-top: 8px;\n                justify-content: flex-start;\n                padding: 8px 12px;\n            }\n            .collapsed-summary-item {\n                font-size: 12px;\n                color: #64748b;\n                font-weight: 500;\n                text-align: left;\n                min-width: 80px;\n            }\n            .collapsed-actions {\n                display: flex;\n                gap: 8px;\n                align-items: flex-start;\n            }\n            \n            .collapsed-action-btn {\n                width: 40px;\n                height: 40px;\n                border: none;\n                border-radius: 10px;\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                transition: all 0.3s ease;\n                font-size: 0;\n                position: relative;\n                overflow: hidden;\n                flex-shrink: 0;\n            }\n\n            .collapsed-action-btn svg {\n                width: 16px;\n                height: 16px;\n                fill: currentColor;\n                position: relative;\n                z-index: 2;\n                display: block;\n                pointer-events: none;\n                flex-shrink: 0;\n            }\n            \n            .collapsed-action-btn::before {\n                content: '';\n                position: absolute;\n                top: 0;\n                left: -100%;\n                width: 100%;\n                height: 100%;\n                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n                transition: left 0.5s ease;\n            }\n            \n            .collapsed-action-btn:hover::before {\n                left: 100%;\n            }\n            \n            .collapsed-edit-btn {\n                background: linear-gradient(135deg, #10b981, #059669);\n                color: white;\n                box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);\n            }\n            .collapsed-edit-btn:hover {\n                background: linear-gradient(135deg, #059669, #047857);\n                transform: translateY(-2px) scale(1.05);\n                box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);\n            }\n            \n            .collapsed-delete-btn {\n                background: linear-gradient(135deg, #f97316, #ea580c);\n                color: white;\n                box-shadow: 0 4px 15px rgba(249, 115, 22, 0.3);\n            }\n            .collapsed-delete-btn:hover {\n                background: linear-gradient(135deg, #ea580c, #c2410c);\n                transform: translateY(-2px) scale(1.05);\n                box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4);\n            }\n            \n            .collapsed-action-btn[title]:hover::after {\n                content: attr(title);\n                position: absolute;\n                bottom: -35px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(0, 0, 0, 0.8);\n                color: white;\n                padding: 4px 8px;\n                border-radius: 4px;\n                font-size: 12px;\n                white-space: nowrap;\n                z-index: 1000;\n                animation: fadeIn 0.3s ease;\n            }\n            \n            @keyframes fadeIn {\n                from { opacity: 0; }\n                to { opacity: 1; }\n            }\n            \n            .collapsed-toggle {\n                width: 32px;\n                height: 32px;\n                color: #64748b;\n                transition: transform 0.3s ease;\n                background: #f1f5f9;\n                border-radius: 8px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            .collapsed-material.expanded .collapsed-toggle {\n                transform: rotate(180deg);\n                background: #5FBA51;\n                color: white;\n            }\n            .collapsed-content {\n                max-height: 0;\n                overflow: hidden;\n                transition: max-height 0.3s ease;\n            }\n            .collapsed-material.expanded .collapsed-content {\n                max-height: 300px;\n            }\n            .collapsed-results {\n                padding: 20px;\n                background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n                border-top: 1px solid #e2e8f0;\n                border-bottom-left-radius: 12px;\n                border-bottom-right-radius: 12px;\n            }\n            .collapsed-results-grid {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n                gap: 12px;\n            }\n            .collapsed-result-item {\n                text-align: center;\n                padding: 12px;\n                background: rgba(255, 255, 255, 0.9);\n                border-radius: 12px;\n                border: 1px solid #e2e8f0;\n                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n            }\n            .collapsed-result-label {\n                font-size: 11px;\n                color: #64748b;\n                font-weight: 600;\n                margin-bottom: 6px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n            }\n            .collapsed-result-value {\n                font-size: 14px;\n                font-weight: 700;\n                color: #1e293b;\n            }\n            \n            .materials-summary {\n                margin-top: 30px;\n                display: none;\n            }\n            \n            \/* Removed problematic table wrapper styles and improved mobile card display *\/\n            .materials-table-wrapper {\n                width: 100%;\n                overflow-x: auto;\n                -webkit-overflow-scrolling: touch;\n                border-radius: 12px;\n                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n                margin-bottom: 20px;\n            }\n            \n            .materials-table {\n                width: 100%;\n                border-collapse: collapse;\n                background: white;\n                border-radius: 12px;\n                overflow: hidden;\n                margin-bottom: 0;\n            }\n            .materials-table th {\n                background: linear-gradient(135deg, #334155 0%, #475569 100%);\n                color: white;\n                padding: 14px 12px;\n                font-size: 13px;\n                font-weight: 600;\n                text-align: center;\n                font-family: 'Montserrat', sans-serif;\n            }\n            .materials-table td {\n                padding: 12px;\n                text-align: center;\n                border-bottom: 1px solid #e2e8f0;\n                font-size: 13px;\n                font-weight: 500;\n                color: #334155;\n            }\n            .materials-table tr:last-child td {\n                border-bottom: none;\n            }\n            .materials-table tr:hover {\n                background: #f8fafc;\n            }\n            \n            .final-get-kp-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 12px;\n                background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n                color: white;\n                padding: 18px 32px;\n                border: none;\n                border-radius: 14px;\n                cursor: pointer;\n                font-size: 16px;\n                font-weight: 700;\n                font-family: 'Montserrat', sans-serif;\n                text-decoration: none;\n                box-shadow: 0 6px 24px rgba(30, 41, 59, 0.3);\n                transition: all 0.3s ease;\n                position: relative;\n                overflow: hidden;\n                letter-spacing: 0.5px;\n                text-transform: uppercase;\n                height: 60px;\n                width: 100%;\n                margin-top: 24px;\n            }\n            .final-get-kp-button::before {\n                content: '';\n                position: absolute;\n                top: 0;\n                left: -100%;\n                width: 100%;\n                height: 100%;\n                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);\n                transition: left 0.6s ease;\n            }\n            .final-get-kp-button:hover::before {\n                left: 100%;\n            }\n            .final-get-kp-button:hover {\n                transform: translateY(-3px);\n                box-shadow: 0 10px 35px rgba(30, 41, 59, 0.4);\n                background: linear-gradient(135deg, #334155 0%, #475569 100%);\n                color: white;\n                text-decoration: none;\n            }\n            .final-kp-icon {\n                width: 22px;\n                height: 22px;\n                transition: transform 0.3s ease;\n                flex-shrink: 0;\n            }\n            .final-get-kp-button:hover .final-kp-icon {\n                transform: translateX(4px);\n            }\n            .final-kp-text {\n                position: relative;\n                z-index: 1;\n            }\n            \n            @media screen and (max-width: 768px) {\n                .horizontal-fields {\n                    grid-template-columns: 1fr 1fr;\n                    gap: 12px;\n                }\n                #material-calculator-form label {\n                    font-size: 14px;\n                    margin-top: 14px;\n                    margin-bottom: 6px;\n                }\n                .coefficient-note {\n                    font-size: 13px;\n                    padding: 10px 14px;\n                    margin-top: 10px;\n                    margin-bottom: 6px;\n                }\n                #material-calculator-form input,\n                #material-calculator-form select {\n                    font-size: 16px;\n                    padding: 16px 14px;\n                    height: 56px;\n                    border-radius: 8px;\n                    border: 2px solid #e2e8f0;\n                    background: white;\n                    cursor: pointer;\n                    -webkit-tap-highlight-color: rgba(95, 186, 81, 0.3);\n                    touch-action: manipulation;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    line-height: 1.3;\n                    display: flex;\n                    align-items: center;\n                    vertical-align: middle;\n                }\n                #material-calculator-form select {\n                    padding-right: 40px;\n                    background-size: 14px;\n                    background-position: right 12px center;\n                    -webkit-appearance: none;\n                    -moz-appearance: none;\n                    appearance: none;\n                }\n                #material-calculator-form input:focus,\n                #material-calculator-form select:focus {\n                    border-color: #5FBA51;\n                    background-color: #fefffe;\n                    outline: none;\n                    box-shadow: 0 0 0 2px rgba(95, 186, 81, 0.2);\n                }\n                #material-calculator-form button {\n                    font-size: 16px;\n                    padding: 16px 24px;\n                    height: 54px;\n                    margin-top: 20px;\n                    border-radius: 8px;\n                    cursor: pointer;\n                    touch-action: manipulation;\n                }\n                .calc-results {\n                    padding: 16px;\n                    margin-top: 20px;\n                }\n                \n                .calc-results-title {\n                    font-size: 16px;\n                }\n                \n                .calc-result-item {\n                    padding: 12px 14px;\n                }\n                \n                .calc-result-item.primary {\n                    padding: 12px 16px;\n                }\n                \n                \/* Improved collapsed summary layout for mobile *\/\n                .collapsed-summary {\n                    display: grid;\n                    grid-template-columns: 1fr 1fr;\n                    gap: 12px 16px;\n                    margin-top: 12px;\n                    padding: 12px 16px;\n                    justify-items: center;\n                }\n                \n                .collapsed-summary-item {\n                    font-size: 11px;\n                    padding: 6px 8px;\n                    background: rgba(95, 186, 81, 0.1);\n                    border-radius: 6px;\n                    text-align: center;\n                    min-width: 70px;\n                }\n                \n                .action-buttons {\n                    grid-template-columns: 1fr;\n                    gap: 10px;\n                }\n                .add-material-button,\n                .edit-data-button {\n                    font-size: 13px;\n                    padding: 12px 16px;\n                    height: 44px;\n                    gap: 6px;\n                }\n                \n                \/* Improved mobile table styles *\/\n                .materials-table-wrapper {\n                    margin: 0; \/* Allow table to use full width *\/\n                    border-radius: 8px;\n                }\n                \n                .materials-table {\n                    min-width: 100%; \/* Reduced min-width for mobile *\/\n                    font-size: 12px;\n                }\n                .materials-table th,\n                .materials-table td {\n                    padding: 10px 8px;\n                    min-width: 80px; \/* Increased min-width for better readability *\/\n                }\n                \n                \/* First column (Material) wider for better text display *\/\n                .materials-table th:first-child,\n                .materials-table td:first-child {\n                    min-width: 120px;\n                    text-align: left;\n                    padding-left: 12px;\n                }\n                \n                .collapsed-header {\n                    padding: 14px 16px;\n                }\n                \n                .collapsed-title {\n                    font-size: 13px;\n                    line-height: 1.3;\n                    margin-bottom: 8px;\n                }\n                .collapsed-summary {\n                    gap: 12px;\n                }\n                .collapsed-summary-item {\n                    font-size: 11px;\n                }\n                .collapsed-actions {\n                    gap: 6px;\n                }\n                .collapsed-action-btn {\n                    width: 36px;\n                    height: 36px;\n                }\n                \n                .collapsed-action-btn svg {\n                    width: 14px;\n                    height: 14px;\n                }\n                \n                .collapsed-results-grid {\n                    grid-template-columns: repeat(2, 1fr);\n                    gap: 8px;\n                }\n                \n                .final-get-kp-button {\n                    font-size: 14px;\n                    padding: 16px 24px;\n                    height: 52px;\n                    gap: 8px;\n                }\n                .final-kp-icon {\n                    width: 18px;\n                    height: 18px;\n                }\n                .edit-indicator {\n                    padding: 8px 12px;\n                }\n                .edit-instruction {\n                    font-size: 12px;\n                }\n            }\n\n            @media screen and (max-width: 768px) and (orientation: landscape) {\n                .horizontal-fields {\n                    grid-template-columns: 1fr 1fr 1fr;\n                    gap: 10px;\n                }\n                \n                #material-calculator-form input,\n                #material-calculator-form select {\n                    height: 48px;\n                    padding: 12px 14px;\n                    font-size: 15px;\n                }\n                \n                #material-calculator-form button {\n                    height: 48px;\n                    padding: 12px 20px;\n                    margin-top: 16px;\n                }\n                \n                .calc-results {\n                    padding: 16px;\n                    margin-top: 16px;\n                }\n                \n                .action-buttons {\n                    grid-template-columns: 1fr 1fr;\n                    gap: 8px;\n                }\n                \n                .add-material-button,\n                .edit-data-button {\n                    height: 40px;\n                    padding: 10px 14px;\n                    font-size: 12px;\n                }\n            }\n\n            @media screen and (max-width: 360px) {\n                .horizontal-fields {\n                    grid-template-columns: 1fr;\n                    gap: 10px;\n                }\n                #material-calculator-form input,\n                #material-calculator-form select {\n                    padding: 14px 12px;\n                    font-size: 15px;\n                    height: 52px;\n                    line-height: 1.2;\n                    display: flex;\n                    align-items: center;\n                }\n                #material-calculator-form select {\n                    padding-right: 35px;\n                    background-size: 12px;\n                    background-position: right 10px center;\n                }\n                \/* Single column layout for very small screens with better spacing *\/\n                .collapsed-summary {\n                    flex-direction: column;\n                    grid-template-columns: 1fr;\n                    gap: 8px;\n                    padding: 10px 12px;\n                }\n                .collapsed-action-btn {\n                    width: 32px;\n                    height: 32px;\n                }\n                \n                .collapsed-action-btn svg {\n                    width: 12px;\n                    height: 12px;\n                }\n\n                \/* Extra small screens - even more compact *\/\n                .materials-table-wrapper {\n                    margin: 0;\n                    margin-bottom: 10px;\n                }\n                \n                \/* Removed problematic table styles *\/\n                .materials-table {\n                    width: 100%;\n                    font-size: 11px;\n                }\n                \n                .materials-table th,\n                .materials-table td {\n                    padding: 8px 6px;\n                }\n                \n                .materials-table {\n                    min-width: 450px;\n                    font-size: 11px;\n                }\n                \n                .materials-table th,\n                .materials-table td {\n                    padding: 8px 6px;\n                    min-width: 70px;\n                }\n                \n                .materials-table th:first-child,\n                .materials-table td:first-child {\n                    min-width: 100px;\n                    padding-left: 10px;\n                }\n                \n                .final-get-kp-button {\n                    font-size: 13px;\n                    padding: 14px 20px;\n                    height: 48px;\n                }\n                \n                .calc-results {\n                    padding: 14px;\n                    margin-top: 16px;\n                }\n            }\n\n            @media screen and (min-width: 1025px) and (max-width: 1200px) {\n                .horizontal-fields {\n                    grid-template-columns: 1fr 1fr 1fr;\n                    gap: 18px;\n                }\n                \n                .action-buttons {\n                    grid-template-columns: 1fr 1fr;\n                    gap: 16px;\n                }\n                \n                .collapsed-results-grid {\n                    grid-template-columns: repeat(4, 1fr);\n                    gap: 14px;\n                }\n            }\n\n            @supports (-webkit-touch-callout: none) {\n                #material-calculator-form input,\n                #material-calculator-form select {\n                    -webkit-appearance: none;\n                    border-radius: 8px;\n                }\n                @media screen and (max-width: 768px) {\n                    #material-calculator-form input,\n                    #material-calculator-form select {\n                        min-height: 56px;\n                        padding-top: 16px;\n                        padding-bottom: 16px;\n                        line-height: 1.3;\n                    }\n                }\n            }\n\n            .calculator-form-container {\n                transition: all 0.3s ease;\n            }\n            \n            .calculator-form-container.collapsed {\n                max-height: 0;\n                overflow: hidden;\n                opacity: 0;\n                margin: 0;\n                padding: 0;\n            }\n            \n            .calculator-form-container.expanded {\n                max-height: none;\n                opacity: 1;\n            }\n\n            \/* Hide collapsed-summary on mobile devices *\/\n            @media (max-width: 768px) {\n                .collapsed-summary {\n                    display: none !important;\n                }\n                \n                \/* Replace table with mobile-friendly cards *\/\n                .materials-table-wrapper {\n                    display: none;\n                }\n                \n                .mobile-materials-cards {\n                    display: block;\n                }\n            }\n            \n            \/* Hide mobile cards on desktop *\/\n            @media (min-width: 769px) {\n                .mobile-materials-cards {\n                    display: none;\n                }\n            }\n\n            \/* Removed conflicting mobile CSS rules for materials-summary and only hide table on mobile *\/\n            @media (max-width: 768px) {\n                .materials-table-wrapper {\n                    display: none !important;\n                }\n                \n                .mobile-materials-cards {\n                    display: block !important;\n                }\n                \n                .final-get-kp-button {\n                    width: 100% !important;\n                    padding: 15px !important;\n                    font-size: 16px !important;\n                    margin-top: 20px !important;\n                }\n            }\n\n            @media (max-width: 768px) {\n                \/* Only hide the table, not the entire materials-summary container *\/\n                .materials-summary table {\n                    display: none !important;\n                }\n                \n                \/* Removed display: block !important to allow JavaScript control *\/\n                \/* Let JavaScript control materials-summary visibility *\/\n            }\n        <\/style>\n            \n        <div id=\"materials-calculator-container\">\n            \n            <div id=\"collapsed-materials\" class=\"collapsed-materials\"><\/div>\n            \n            <form id=\"material-calculator-form\">\n                \n                <div class=\"calculator-form-container expanded\" id=\"calculator-form-container\">\n                    <div id=\"edit-indicator\" class=\"edit-indicator\" style=\"display: none;\">\n                        <div class=\"edit-instruction\">\n                            \u0412\u043d\u0435\u0441\u0438\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u0444\u043e\u0440\u043c\u0443 \u043d\u0438\u0436\u0435 \u0438 \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \"\u041f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u0430\u0442\u044c\"\n                        <\/div>\n                    <\/div>\n                    \n                    <label for=\"material_category\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b<\/label>\n                    <select id=\"material_category\" onchange=\"switchMaterialCategory()\">\n                        <option value=\"mineral_wool\" selected>\u0411\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430<\/option>\n                        <option value=\"glass_wool\">\u0421\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u0430<\/option>\n                        <option value=\"mounting_foam\">\u041c\u043e\u043d\u0442\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u043d\u0430<\/option>\n                        <option value=\"foam_cleaner\">\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044c \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b<\/option>\n                        <option value=\"two_component_glue\">\u0414\u0432\u0443\u0445\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u044b\u0439 \u043a\u043b\u0435\u0439<\/option>\n                    <\/select>\n                    \n                    <div id=\"calculation_mode_field\">\n                        <label for=\"calculation_mode\">\u0420\u0435\u0436\u0438\u043c \u0440\u0430\u0441\u0447\u0435\u0442\u0430<\/label>\n                        <select id=\"calculation_mode\" onchange=\"toggleCalculationMode()\">\n                            <option value=\"volume\">\u041f\u043e \u043e\u0431\u044a\u0435\u043c\u0443 (\u043c\u00b3)<\/option>\n                            <option value=\"area\">\u041f\u043e \u043f\u043b\u043e\u0449\u0430\u0434\u0438 (\u043c\u00b2)<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div id=\"volume_input\" class=\"input-field active\">\n                        <label for=\"volume\">\u041e\u0431\u044a\u0435\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430<\/label>\n                        <input type=\"number\" id=\"volume\" min=\"0\" step=\"0.01\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043e\u0431\u044a\u0435\u043c \u0432 \u043c\u00b3\">\n                    <\/div>\n                    \n                    <div id=\"area_input\" class=\"input-field\">\n                        <label for=\"area\">\u041f\u043b\u043e\u0449\u0430\u0434\u044c \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u0438<\/label>\n                        <input type=\"number\" id=\"area\" min=\"0\" step=\"0.01\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043f\u043b\u043e\u0449\u0430\u0434\u044c \u0432 \u043c\u00b2\">\n                    <\/div>\n                    \n                    <!-- \u041f\u043e\u043b\u044f \u0434\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b (\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0448\u0432\u0430) -->\n                    <div id=\"foam_seam_fields\" style=\"display: none;\">\n                        <div>\n                            <label for=\"seam_length\">\u0414\u043b\u0438\u043d\u0430 \u0448\u0432\u0430 (\u043c)<\/label>\n                            <input type=\"number\" id=\"seam_length\" min=\"0\" step=\"0.01\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0434\u043b\u0438\u043d\u0443 \u0448\u0432\u0430 \u0432 \u043c\u0435\u0442\u0440\u0430\u0445\">\n                        <\/div>\n                        \n                        <div class=\"horizontal-fields\">\n                            <div>\n                                <label for=\"seam_width\">\u0428\u0438\u0440\u0438\u043d\u0430 \u0448\u0432\u0430 (\u043c\u043c)<\/label>\n                                <input type=\"number\" id=\"seam_width\" min=\"0\" step=\"1\" placeholder=\"\u0428\u0438\u0440\u0438\u043d\u0430 \u0432 \u043c\u043c\">\n                            <\/div>\n                            <div>\n                                <label for=\"seam_depth\">\u0413\u043b\u0443\u0431\u0438\u043d\u0430 \u0448\u0432\u0430 (\u043c\u043c)<\/label>\n                                <input type=\"number\" id=\"seam_depth\" min=\"0\" step=\"1\" placeholder=\"\u0413\u043b\u0443\u0431\u0438\u043d\u0430 \u0432 \u043c\u043c\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- \u041f\u043e\u043b\u044f \u0434\u043b\u044f \u0431\u0430\u0437\u0430\u043b\u044c\u0442\u043d\u043e\u0439 \u0432\u0430\u0442\u044b -->\n                    <div id=\"mineral_wool_fields\">\n                        <label for=\"mineral_type\">\u0422\u0438\u043f \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u0432\u0430\u0442\u044b<\/label>\n                        <select id=\"mineral_type\" onchange=\"updateDensityOptions()\">\n                            <option value=\"facade\" selected>\u0424\u0410\u0421\u0410\u0414<\/option>\n                            <option value=\"roof\">\u0420\u0423\u0424<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <!-- \u041f\u043e\u043b\u044f \u0434\u043b\u044f \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b -->\n                    <div id=\"glass_wool_fields\" style=\"display: none;\">\n                        <label for=\"glass_wool_type\">\u0422\u0438\u043f \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b<\/label>\n                        <select id=\"glass_wool_type\" onchange=\"updateGlassWoolModel()\">\n                            <option value=\"roll\" selected>\u0420\u0443\u043b\u043e\u043d\u043d\u0430\u044f<\/option>\n                            <option value=\"plate\">\u041f\u043b\u0438\u0442\u0430<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <!-- \u041f\u043e\u043b\u044f \u0434\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b -->\n                    <div id=\"mounting_foam_fields\" style=\"display: none;\">\n                        <label for=\"foam_model\">\u041c\u043e\u0434\u0435\u043b\u044c<\/label>\n                        <select id=\"foam_model\" onchange=\"updateFoamParameters()\">\n                            <option value=\"UNIVERSAL 70\" selected>UNIVERSAL 70<\/option>\n                            <option value=\"PROFESSIONAL 70\">PROFESSIONAL 70<\/option>\n                            <option value=\"WINTER PROFESSIONAL 70\">WINTER PROFESSIONAL 70<\/option>\n                            <option value=\"FIRE PRO (B1)\">FIRE PRO (B1)<\/option>\n                        <\/select>\n                        \n                        <div class=\"horizontal-fields\">\n                            <div>\n                                <label for=\"foam_seasonality\">\u0421\u0435\u0437\u043e\u043d\u043d\u043e\u0441\u0442\u044c<\/label>\n                                <input type=\"text\" id=\"foam_seasonality\" readonly style=\"background-color: #f1f5f9; cursor: default;\">\n                            <\/div>\n                            <div>\n                                <label for=\"foam_type\">\u0422\u0438\u043f<\/label>\n                                <input type=\"text\" id=\"foam_type\" readonly style=\"background-color: #f1f5f9; cursor: default;\">\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"horizontal-fields\">\n                            <div>\n                                <label for=\"foam_output\">\u0412\u044b\u0445\u043e\u0434 \u043f\u0435\u043d\u044b (\u043b)<\/label>\n                                <input type=\"text\" id=\"foam_output\" readonly style=\"background-color: #f1f5f9; cursor: default;\">\n                            <\/div>\n                            <div>\n                                <label for=\"foam_pieces_per_box\">\u0428\u0442\u0443\u043a \u0432 \u043a\u043e\u0440\u043e\u0431\u043a\u0435<\/label>\n                                <input type=\"text\" id=\"foam_pieces_per_box\" readonly style=\"background-color: #f1f5f9; cursor: default;\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- \u041f\u043e\u043b\u044f \u0434\u043b\u044f \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044f \u043f\u0435\u043d\u044b -->\n                    <div id=\"foam_cleaner_fields\" style=\"display: none;\">\n                        <label for=\"cleaner_model\">\u041c\u043e\u0434\u0435\u043b\u044c<\/label>\n                        <input type=\"text\" id=\"cleaner_model\" value=\"NEMAN EXPERT MAX CLEANER\" readonly style=\"background-color: #f1f5f9; cursor: default;\">\n                        \n                        <label for=\"cleaner_quantity\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e (\u0448\u0442)<\/label>\n                        <input type=\"number\" id=\"cleaner_quantity\" min=\"1\" step=\"1\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0448\u0442\u0443\u043a\">\n                        \n                        <div style=\"background-color: #f1f5f9; padding: 10px; border-radius: 6px; margin-top: 10px; font-size: 13px; color: #64748b;\">\n                            <strong>\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f:<\/strong> \u0412 1 \u043a\u043e\u0440\u043e\u0431\u043a\u0435 12 \u0448\u0442. \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043a\u0430\u0437 - 12 \u0448\u0442 (1 \u043a\u043e\u0440\u043e\u0431\u043a\u0430).\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- \u041f\u043e\u043b\u044f \u0434\u043b\u044f \u0434\u0432\u0443\u0445\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u043a\u043b\u0435\u044f -->\n                    <div id=\"two_component_glue_fields\" style=\"display: none;\">\n                        <label for=\"glue_model\">\u041c\u043e\u0434\u0435\u043b\u044c<\/label>\n                        <select id=\"glue_model\">\n                            <option value=\"POWER FIX (200 \u041c\u041b + 65 \u041c\u041b)\">POWER FIX (200 \u041c\u041b + 65 \u041c\u041b)<\/option>\n                            <option value=\"POWER FIX (400 \u041c\u041b + 125 \u041c\u041b)\">POWER FIX (400 \u041c\u041b + 125 \u041c\u041b)<\/option>\n                            <option value=\"POWER FIX (500 \u041c\u041b + 125 \u041c\u041b)\">POWER FIX (500 \u041c\u041b + 125 \u041c\u041b)<\/option>\n                        <\/select>\n                        \n                        <label for=\"glue_quantity\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e (\u0448\u0442)<\/label>\n                        <input type=\"number\" id=\"glue_quantity\" min=\"1\" step=\"1\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0448\u0442\u0443\u043a\">\n                        \n                        <div style=\"background-color: #f1f5f9; padding: 10px; border-radius: 6px; margin-top: 10px; font-size: 13px; color: #64748b;\">\n                            <strong>\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f:<\/strong> \u0412 1 \u043a\u043e\u0440\u043e\u0431\u043a\u0435 24 \u0448\u0442. \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043a\u0430\u0437 - 24 \u0448\u0442 (1 \u043a\u043e\u0440\u043e\u0431\u043a\u0430).\n                        <\/div>\n                    <\/div>\n                    \n                    <div id=\"wool_thickness_fields\">\n                        <div class=\"horizontal-fields\">\n                            <div>\n                                <label for=\"thickness\">\u0422\u043e\u043b\u0449\u0438\u043d\u0430<\/label>\n                                <select id=\"thickness\" onchange=\"updatePiecesPerPack()\">\n                                    <option value=\"50\" selected>50 \u043c\u043c<\/option>\n                                    <option value=\"60\">60 \u043c\u043c<\/option>\n                                    <option value=\"70\">70 \u043c\u043c<\/option>\n                                    <option value=\"80\">80 \u043c\u043c<\/option>\n                                    <option value=\"90\">90 \u043c\u043c<\/option>\n                                    <option value=\"100\">100 \u043c\u043c<\/option>\n                                    <option value=\"110\">110 \u043c\u043c<\/option>\n                                    <option value=\"120\">120 \u043c\u043c<\/option>\n                                    <option value=\"130\">130 \u043c\u043c<\/option>\n                                    <option value=\"140\">140 \u043c\u043c<\/option>\n                                    <option value=\"150\">150 \u043c\u043c<\/option>\n                                    <option value=\"160\">160 \u043c\u043c<\/option>\n                                    <option value=\"170\">170 \u043c\u043c<\/option>\n                                    <option value=\"180\">180 \u043c\u043c<\/option>\n                                    <option value=\"190\">190 \u043c\u043c<\/option>\n                                    <option value=\"200\">200 \u043c\u043c<\/option>\n                                <\/select>\n                            <\/div>\n                            <div id=\"density_field\">\n                                <label for=\"density\">\u041f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c<\/label>\n                                <select id=\"density\" disabled><\/select>\n                            <\/div>\n                            <div id=\"glass_wool_model_field\" style=\"display: none;\">\n                                <label for=\"glass_wool_model\">\u041c\u043e\u0434\u0435\u043b\u044c<\/label>\n                                <select id=\"glass_wool_model\" onchange=\"updateGlassWoolDimensions()\">\n                                    <!-- \u0417\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 -->\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div id=\"wool_coefficient_field\">\n                        <label for=\"waste_coefficient\">\u041a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u0440\u0430\u0441\u0445\u043e\u0434\u0430<\/label>\n                        <select id=\"waste_coefficient\">\n                            <option value=\"1.05\">1.05<\/option>\n                            <option value=\"1.1\" selected>1.1<\/option>\n                            <option value=\"1.15\">1.15<\/option>\n                            <option value=\"1.2\">1.2<\/option>\n                        <\/select>\n\n                        <div class=\"coefficient-note\">\n                            \u041f\u0440\u0438 \u0440\u0430\u0441\u0447\u0435\u0442\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 \u043f\u0440\u043e\u0441\u0438\u043c \u0432\u0430\u0441 \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u0440\u0430\u0441\u0445\u043e\u0434\u0430 \u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\n                        <\/div>\n                    <\/div>\n                    \n                    <div id=\"foam_coefficient_field\" style=\"display: none;\">\n                        <label for=\"foam_waste_coefficient\">\u041a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u0440\u0430\u0441\u0445\u043e\u0434\u0430<\/label>\n                        <select id=\"foam_waste_coefficient\">\n                            <option value=\"1.05\">1.05<\/option>\n                            <option value=\"1.06\">1.06<\/option>\n                            <option value=\"1.07\">1.07<\/option>\n                            <option value=\"1.08\">1.08<\/option>\n                            <option value=\"1.09\">1.09<\/option>\n                            <option value=\"1.1\" selected>1.1<\/option>\n                        <\/select>\n\n                        <div class=\"coefficient-note\">\n                            \u041f\u0440\u0438 \u0440\u0430\u0441\u0447\u0435\u0442\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 \u043f\u0440\u043e\u0441\u0438\u043c \u0432\u0430\u0441 \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u0440\u0430\u0441\u0445\u043e\u0434\u0430 \u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\n                        <\/div>\n                    <\/div>\n                    \n                    <div id=\"wool_dimensions_fields\">\n                        <div class=\"horizontal-fields\">\n                            <div>\n                                <label for=\"length\">\u0414\u043b\u0438\u043d\u0430<\/label>\n                                <select id=\"length\"><option value=\"1000\">1000 \u043c\u043c<\/option><\/select>\n                            <\/div>\n                            <div>\n                                <label for=\"width\">\u0428\u0438\u0440\u0438\u043d\u0430<\/label>\n                                <select id=\"width\"><option value=\"600\">600 \u043c\u043c<\/option><\/select>\n                            <\/div>\n                        <\/div>\n                        \n                        <div>\n                            <label for=\"pieces_per_pack\">\u0428\u0442\u0443\u043a \u0432 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0435<\/label>\n                            <select id=\"pieces_per_pack\" disabled>\n                                <option value=\"8\">8 \u0448\u0442\u0443\u043a<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <input type=\"hidden\" id=\"hidden_total_packs\" name=\"total_packs\">\n                    <input type=\"hidden\" id=\"hidden_total_area\" name=\"total_area\">\n                    <input type=\"hidden\" id=\"hidden_total_weight\" name=\"total_weight\">\n                    <input type=\"hidden\" id=\"hidden_total_volume\" name=\"total_volume\">\n                    <input type=\"hidden\" id=\"hidden_material_type\" name=\"material_type\">\n                    <input type=\"hidden\" id=\"hidden_density\" name=\"density\">\n                    <input type=\"hidden\" id=\"hidden_thickness\" name=\"thickness\">\n                    \n                    <button type=\"button\" id=\"calculate-button\" onclick=\"calculatePacks()\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b<\/button>\n                <\/div>\n                \n                <div id=\"calculation-results\" style=\"display: none;\">\n                    <div class=\"calc-results\">\n                        <div class=\"calc-results-header\">\n                            <div class=\"calc-results-icon\">\n                                <div class=\"calc-results-icon-inner\">\n                                    <svg width=\"16\" height=\"16\" fill=\"white\" viewBox=\"0 0 24 24\">\n                                        <path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                            <div class=\"calc-results-title-wrapper\">\n                                <div class=\"calc-results-title\">\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0440\u0430\u0441\u0447\u0435\u0442\u0430<\/div>\n                                <div class=\"calc-results-material\" id=\"calc-results-material-name\" style=\"font-size: 13px; color: #64748b; margin-top: 4px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                                        \n                        <div class=\"calc-results-grid\">\n                            <div class=\"calc-result-item primary\">\n                                <span class=\"calc-result-label\" id=\"packs_label\">\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0443\u043f\u0430\u043a\u043e\u0432\u043e\u043a<\/span>\n                                <span class=\"calc-result-value\" id=\"total_packs\"><\/span>\n                            <\/div>\n                                                \n                            <div class=\"calc-result-item\">\n                                <span class=\"calc-result-label\" id=\"volume_label\">\u041e\u0431\u044a\u0435\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430<\/span>\n                                <span class=\"calc-result-value\" id=\"total_volume\"><\/span>\n                            <\/div>\n                                                \n                            <div class=\"calc-result-item\" id=\"area_result_item\">\n                                <span class=\"calc-result-label\">\u041f\u043b\u043e\u0449\u0430\u0434\u044c \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f<\/span>\n                                <span class=\"calc-result-value\" id=\"total_area\"><\/span>\n                            <\/div>\n                                                \n                            <div class=\"calc-result-item\" id=\"weight_result_item\">\n                                <span class=\"calc-result-label\">\u041e\u0431\u0449\u0438\u0439 \u0432\u0435\u0441<\/span>\n                                <span class=\"calc-result-value\" id=\"total_weight\"><\/span>\n                            <\/div>\n                        <\/div>\n                        \n                        <div id=\"foam_warning\" style=\"display: none; background-color: #fef3c7; border: 1px solid #f59e0b; border-radius: 8px; padding: 12px; margin-top: 15px; color: #92400e; font-size: 14px;\">\n                            \u26a0\ufe0f \u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435: \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0431\u0430\u043b\u043b\u043e\u043d\u043e\u0432 \u043c\u0435\u043d\u044c\u0448\u0435 12 \u0448\u0442. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0437\u0430\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043c\u0438\u043d\u0438\u043c\u0443\u043c 1 \u043a\u043e\u0440\u043e\u0431\u043a\u0443 (12 \u0431\u0430\u043b\u043b\u043e\u043d\u043e\u0432).\n                        <\/div>\n                        \n                        <div class=\"action-buttons\">\n                            <button type=\"button\" class=\"add-material-button\" onclick=\"addAnotherMaterial()\">\n                                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/>\n                                <\/svg>\n                                \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0435\u0449\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\n                            <\/button>\n                            <button type=\"button\" class=\"edit-data-button\" onclick=\"editCurrentData()\">\n                                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"\/>\n                                <\/svg>\n                                \u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                        \n                <p id=\"error_message\"><\/p>\n            <\/form>\n            \n            <div id=\"materials-summary\" class=\"materials-summary\">\n                <div class=\"materials-table-wrapper\">\n                    <table class=\"materials-table\">\n                        <thead>\n                            <tr>\n                                <th>\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b<\/th>\n                                <th id=\"table-packs-header\">\u0423\u043f\u0430\u043a\u043e\u0432\u043e\u043a<\/th>\n                                <th id=\"table-volume-header\">\u041e\u0431\u044a\u0435\u043c, \u043c\u00b3<\/th>\n                                <th id=\"table-area-header\" class=\"area-column\">\u041f\u043b\u043e\u0449\u0430\u0434\u044c, \u043c\u00b2<\/th>\n                                <th class=\"weight-column\">\u0412\u0435\u0441, \u043a\u0433<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody id=\"materials-table-body\">\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n                \n                <!-- Added mobile-friendly cards for materials -->\n                <div class=\"mobile-materials-cards\" id=\"mobile-materials-cards\">\n                <\/div>\n                \n                <button type=\"button\" class=\"final-get-kp-button\" onclick=\"scrollToKPForm()\">\n                    <svg class=\"final-kp-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path d=\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z\"\/>\n                    <\/svg>\n                    <span class=\"final-kp-text\">\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n        \n        <script>\n            window.calculatorResults = {\n                totalPacks: 0,\n                totalArea: 0,\n                totalWeight: 0,\n                totalVolume: 0,\n                materialType: '',\n                density: 0,\n                thickness: 0\n            };\n\n            window.addedMaterials = [];\n            window.editingIndex = -1;\n            window.currentMaterialIndex = -1;\n\n            \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0437\u0430\u0449\u0438\u0442\u044b \u043e\u0442 XSS \u043f\u0440\u0438 \u0432\u0441\u0442\u0430\u0432\u043a\u0435 \u0432 innerHTML\n            function escapeHtml(str) {\n                if (typeof str !== 'string') str = String(str);\n                const div = document.createElement('div');\n                div.appendChild(document.createTextNode(str));\n                return div.innerHTML;\n            }\n\n            const thicknessToPieces = {\n                50: 8,\n                60: 7,\n                70: 6,\n                80: 5,\n                90: 4,\n                100: 4,\n                110: 3,\n                120: 3,\n                130: 3,\n                140: 3,\n                150: 3,\n                160: 2,\n                170: 2,\n                180: 2,\n                190: 2,\n                200: 2\n            };\n\n            \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b\n            const glassWoolData = {\n                roll: {\n                    models: ['\u041c-15 \u041b\u0430\u0439\u0442', '\u041c-15', '\u041c-16', '\u041c-20', '\u041c-30'],\n                    dimensions: {\n                        '\u041c-15 \u041b\u0430\u0439\u0442': { length: 6250, width: 1200 },\n                        '\u041c-15': { length: 6250, width: 1200 },\n                        '\u041c-16': { length: 6250, width: 1200 },\n                        '\u041c-20': { length: 10000, width: 1200 },\n                        '\u041c-30': { length: 10000, width: 1200 }\n                    },\n                    piecesPerPack: {\n                        50: 2,\n                        100: 1\n                    }\n                },\n                plate: {\n                    models: ['\u041f-15 \u041b\u0430\u0439\u0442', '\u041f-18', '\u041f-30', '\u041f-50'],\n                    dimensions: {\n                        '\u041f-15 \u041b\u0430\u0439\u0442': { length: 610, width: 1220 },\n                        '\u041f-18': { length: 610, width: 1220 },\n                        '\u041f-30': { length: 610, width: 1220 },\n                        '\u041f-50': { length: 610, width: 1220 }\n                    },\n                    piecesPerPack: {\n                        50: 16,\n                        100: 8\n                    }\n                }\n            };\n\n            \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b\n            const mountingFoamData = {\n                'UNIVERSAL 70': {\n                    seasonality: '\u0412\u0441\u0435\u0441\u0435\u0437\u043e\u043d\u043d\u0430\u044f',\n                    fireproof: false,\n                    output: 70,\n                    piecesPerBox: 12\n                },\n                'PROFESSIONAL 70': {\n                    seasonality: '\u041b\u0435\u0442\u043d\u044f\u044f',\n                    fireproof: false,\n                    output: 70,\n                    piecesPerBox: 12\n                },\n                'WINTER PROFESSIONAL 70': {\n                    seasonality: '\u0417\u0438\u043c\u043d\u044f\u044f',\n                    fireproof: false,\n                    output: 70,\n                    piecesPerBox: 12\n                },\n                'FIRE PRO (B1)': {\n                    seasonality: '\u0412\u0441\u0435\u0441\u0435\u0437\u043e\u043d\u043d\u0430\u044f',\n                    fireproof: true,\n                    output: 60,\n                    piecesPerBox: 12\n                }\n            };\n\n            function updatePiecesPerPack() {\n                const category = document.getElementById('material_category').value;\n                const thickness = parseInt(document.getElementById('thickness').value);\n                const piecesSelect = document.getElementById('pieces_per_pack');\n                \n                if (category === 'mineral_wool') {\n                    \/\/ \u0411\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430\n                    const pieces = thicknessToPieces[thickness] || 8;\n                    piecesSelect.innerHTML = '';\n                    const option = document.createElement('option');\n                    option.value = pieces;\n                    option.textContent = pieces + ' \u0448\u0442\u0443\u043a';\n                    option.selected = true;\n                    piecesSelect.appendChild(option);\n                } else if (category === 'glass_wool') {\n                    \/\/ \u0421\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u0430 - \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432\n                    updateGlassWoolDimensions();\n                }\n            }\n\n            function updateButtonText() {\n                const button = document.getElementById('calculate-button');\n                if (window.editingIndex >= 0) {\n                    button.textContent = '\u041f\u0415\u0420\u0415\u0421\u0427\u0418\u0422\u0410\u0422\u042c';\n                } else {\n                    button.textContent = '\u0420\u0410\u0421\u0421\u0427\u0418\u0422\u0410\u0422\u042c \u041c\u0410\u0422\u0415\u0420\u0418\u0410\u041b\u042b';\n                }\n            }\n\n            \/\/ \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u0442\u0438\u043f\u0430\u043c\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432\n            function switchMaterialCategory() {\n                const category = document.getElementById('material_category').value;\n                const mineralWoolFields = document.getElementById('mineral_wool_fields');\n                const glassWoolFields = document.getElementById('glass_wool_fields');\n                const mountingFoamFields = document.getElementById('mounting_foam_fields');\n                const foamSeamFields = document.getElementById('foam_seam_fields');\n                const foamCleanerFields = document.getElementById('foam_cleaner_fields');\n                const twoComponentGlueFields = document.getElementById('two_component_glue_fields');\n                const densityField = document.getElementById('density_field');\n                const glassWoolModelField = document.getElementById('glass_wool_model_field');\n                const woolThicknessFields = document.getElementById('wool_thickness_fields');\n                const woolDimensionsFields = document.getElementById('wool_dimensions_fields');\n                const woolCoefficientField = document.getElementById('wool_coefficient_field');\n                const foamCoefficientField = document.getElementById('foam_coefficient_field');\n                const calculationModeField = document.getElementById('calculation_mode_field');\n                const volumeInput = document.getElementById('volume_input');\n                const areaInput = document.getElementById('area_input');\n                const thicknessSelect = document.getElementById('thickness');\n                \n                if (category === 'mineral_wool') {\n                    \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u0431\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u043e\u0439 \u0432\u0430\u0442\u044b\n                    mineralWoolFields.style.display = 'block';\n                    glassWoolFields.style.display = 'none';\n                    mountingFoamFields.style.display = 'none';\n                    foamSeamFields.style.display = 'none';\n                    foamCleanerFields.style.display = 'none';\n                    twoComponentGlueFields.style.display = 'none';\n                    densityField.style.display = 'block';\n                    glassWoolModelField.style.display = 'none';\n                    woolThicknessFields.style.display = 'block';\n                    woolDimensionsFields.style.display = 'block';\n                    woolCoefficientField.style.display = 'block';\n                    foamCoefficientField.style.display = 'none';\n                    calculationModeField.style.display = 'block';\n                    volumeInput.style.display = 'block';\n                    areaInput.style.display = 'none';\n                    \n                    \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0432\u0441\u0435 \u0442\u043e\u043b\u0449\u0438\u043d\u044b \u0434\u043b\u044f \u0431\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u043e\u0439 \u0432\u0430\u0442\u044b\n                    thicknessSelect.innerHTML = `\n                        <option value=\"50\" selected>50 \u043c\u043c<\/option>\n                        <option value=\"60\">60 \u043c\u043c<\/option>\n                        <option value=\"70\">70 \u043c\u043c<\/option>\n                        <option value=\"80\">80 \u043c\u043c<\/option>\n                        <option value=\"90\">90 \u043c\u043c<\/option>\n                        <option value=\"100\">100 \u043c\u043c<\/option>\n                        <option value=\"110\">110 \u043c\u043c<\/option>\n                        <option value=\"120\">120 \u043c\u043c<\/option>\n                        <option value=\"130\">130 \u043c\u043c<\/option>\n                        <option value=\"140\">140 \u043c\u043c<\/option>\n                        <option value=\"150\">150 \u043c\u043c<\/option>\n                        <option value=\"160\">160 \u043c\u043c<\/option>\n                        <option value=\"170\">170 \u043c\u043c<\/option>\n                        <option value=\"180\">180 \u043c\u043c<\/option>\n                        <option value=\"190\">190 \u043c\u043c<\/option>\n                        <option value=\"200\">200 \u043c\u043c<\/option>\n                    `;\n                    \n                    \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0431\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u043e\u0439 \u0432\u0430\u0442\u044b\n                    document.getElementById('length').innerHTML = '<option value=\"1000\">1000 \u043c\u043c<\/option>';\n                    document.getElementById('width').innerHTML = '<option value=\"600\">600 \u043c\u043c<\/option>';\n                    \n                    updateDensityOptions();\n                    updatePiecesPerPack();\n                } else if (category === 'glass_wool') {\n                    \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b\n                    mineralWoolFields.style.display = 'none';\n                    glassWoolFields.style.display = 'block';\n                    mountingFoamFields.style.display = 'none';\n                    foamSeamFields.style.display = 'none';\n                    foamCleanerFields.style.display = 'none';\n                    twoComponentGlueFields.style.display = 'none';\n                    densityField.style.display = 'none';\n                    glassWoolModelField.style.display = 'block';\n                    woolThicknessFields.style.display = 'block';\n                    woolDimensionsFields.style.display = 'block';\n                    woolCoefficientField.style.display = 'block';\n                    foamCoefficientField.style.display = 'none';\n                    calculationModeField.style.display = 'block';\n                    volumeInput.style.display = 'block';\n                    areaInput.style.display = 'none';\n                    \n                    \/\/ \u0422\u043e\u043b\u044c\u043a\u043e 50 \u0438 100 \u043c\u043c \u0434\u043b\u044f \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b\n                    thicknessSelect.innerHTML = `\n                        <option value=\"50\" selected>50 \u043c\u043c<\/option>\n                        <option value=\"100\">100 \u043c\u043c<\/option>\n                    `;\n                    \n                    updateGlassWoolModel();\n                } else if (category === 'mounting_foam') {\n                    \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b\n                    mineralWoolFields.style.display = 'none';\n                    glassWoolFields.style.display = 'none';\n                    mountingFoamFields.style.display = 'block';\n                    foamSeamFields.style.display = 'block';\n                    foamCleanerFields.style.display = 'none';\n                    twoComponentGlueFields.style.display = 'none';\n                    densityField.style.display = 'none';\n                    glassWoolModelField.style.display = 'none';\n                    woolThicknessFields.style.display = 'none';\n                    woolDimensionsFields.style.display = 'none';\n                    woolCoefficientField.style.display = 'none';\n                    foamCoefficientField.style.display = 'block';\n                    calculationModeField.style.display = 'none';\n                    volumeInput.style.display = 'none';\n                    areaInput.style.display = 'none';\n                    \n                    updateFoamParameters();\n                } else if (category === 'foam_cleaner') {\n                    \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044f \u043f\u0435\u043d\u044b\n                    mineralWoolFields.style.display = 'none';\n                    glassWoolFields.style.display = 'none';\n                    mountingFoamFields.style.display = 'none';\n                    foamSeamFields.style.display = 'none';\n                    foamCleanerFields.style.display = 'block';\n                    twoComponentGlueFields.style.display = 'none';\n                    densityField.style.display = 'none';\n                    glassWoolModelField.style.display = 'none';\n                    woolThicknessFields.style.display = 'none';\n                    woolDimensionsFields.style.display = 'none';\n                    woolCoefficientField.style.display = 'none';\n                    foamCoefficientField.style.display = 'none';\n                    calculationModeField.style.display = 'none';\n                    volumeInput.style.display = 'none';\n                    areaInput.style.display = 'none';\n                } else if (category === 'two_component_glue') {\n                    \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u0434\u0432\u0443\u0445\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u043a\u043b\u0435\u044f\n                    mineralWoolFields.style.display = 'none';\n                    glassWoolFields.style.display = 'none';\n                    mountingFoamFields.style.display = 'none';\n                    foamSeamFields.style.display = 'none';\n                    foamCleanerFields.style.display = 'none';\n                    twoComponentGlueFields.style.display = 'block';\n                    densityField.style.display = 'none';\n                    glassWoolModelField.style.display = 'none';\n                    woolThicknessFields.style.display = 'none';\n                    woolDimensionsFields.style.display = 'none';\n                    woolCoefficientField.style.display = 'none';\n                    foamCoefficientField.style.display = 'none';\n                    calculationModeField.style.display = 'none';\n                    volumeInput.style.display = 'none';\n                    areaInput.style.display = 'none';\n                }\n            }\n\n            \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0442\u0438\u043f\u0430\n            function updateGlassWoolModel() {\n                const type = document.getElementById('glass_wool_type').value;\n                const modelSelect = document.getElementById('glass_wool_model');\n                const models = glassWoolData[type].models;\n                \n                modelSelect.innerHTML = '';\n                models.forEach((model, index) => {\n                    const option = document.createElement('option');\n                    option.value = model;\n                    option.textContent = model;\n                    if (index === 0) option.selected = true;\n                    modelSelect.appendChild(option);\n                });\n                \n                updateGlassWoolDimensions();\n            }\n\n            \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0434\u043b\u044f \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b\n            function updateGlassWoolDimensions() {\n                const type = document.getElementById('glass_wool_type').value;\n                const model = document.getElementById('glass_wool_model').value;\n                const thickness = parseInt(document.getElementById('thickness').value);\n                \n                const dimensions = glassWoolData[type].dimensions[model];\n                const piecesPerPack = glassWoolData[type].piecesPerPack[thickness];\n                \n                \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0434\u043b\u0438\u043d\u0443 \u0438 \u0448\u0438\u0440\u0438\u043d\u0443\n                document.getElementById('length').innerHTML = `<option value=\"${dimensions.length}\">${dimensions.length} \u043c\u043c<\/option>`;\n                document.getElementById('width').innerHTML = `<option value=\"${dimensions.width}\">${dimensions.width} \u043c\u043c<\/option>`;\n                \n                \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0432 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0435\n                const piecesSelect = document.getElementById('pieces_per_pack');\n                piecesSelect.innerHTML = `<option value=\"${piecesPerPack}\">${piecesPerPack} \u0448\u0442\u0443\u043a<\/option>`;\n            }\n\n            \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b\n            function updateFoamParameters() {\n                const model = document.getElementById('foam_model').value;\n                const foamData = mountingFoamData[model];\n                \n                \/\/ \u0417\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u043f\u043e\u043b\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432\n                document.getElementById('foam_seasonality').value = foamData.seasonality;\n                document.getElementById('foam_type').value = foamData.fireproof ? '\u041e\u0433\u043d\u0435\u0443\u043f\u043e\u0440\u043d\u0430\u044f' : '\u041d\u0435\u043e\u0433\u043d\u0435\u0443\u043f\u043e\u0440\u043d\u0430\u044f';\n                document.getElementById('foam_output').value = foamData.output + ' \u043b';\n                document.getElementById('foam_pieces_per_box').value = foamData.piecesPerBox + ' \u0448\u0442';\n            }\n\n            document.addEventListener('DOMContentLoaded', function() {\n                updateDensityOptions();\n                updatePiecesPerPack();\n                            \n                const selects = document.querySelectorAll('#material-calculator-form select');\n                selects.forEach(function(select) {\n                    select.addEventListener('change', function() {\n                        setTimeout(() => {\n                            this.blur();\n                        }, 100);\n                    });\n                    select.addEventListener('blur', function() {\n                        this.style.borderColor = '';\n                        this.style.boxShadow = '';\n                    });\n                });\n                \n                const inputs = document.querySelectorAll('#material-calculator-form input[type=\"number\"]');\n                inputs.forEach(function(input) {\n                    input.addEventListener('blur', function() {\n                        this.style.borderColor = '';\n                        this.style.boxShadow = '';\n                    });\n                });\n                \n                document.addEventListener('click', function(e) {\n                    if (!e.target.closest('#material-calculator-form')) {\n                        const focusedElement = document.activeElement;\n                        if (focusedElement && focusedElement.closest('#material-calculator-form')) {\n                            focusedElement.blur();\n                        }\n                    }\n                });\n            });\n\n            function scrollToKPForm() {\n                const errorMessage = document.getElementById('error_message');\n                if (errorMessage) {\n                    errorMessage.style.display = 'none';\n                }\n                \n                const calcFormSection = document.querySelector('.calc-form-section');\n                const formSection = document.querySelector('.form-section');\n                const formContainer = document.querySelector('.form-container');\n                const kpForm = document.getElementById('kp-form');\n                let targetElement = calcFormSection || formSection || formContainer || kpForm;\n                \n                if (!targetElement) {\n                    const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6');\n                    for (let heading of headings) {\n                        if (heading.textContent.includes('\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435') ||\n                             heading.textContent.includes('\u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435')) {\n                            targetElement = heading.closest('section') || heading.parentElement;\n                            break;\n                        }\n                    }\n                }\n                \n                if (targetElement) {\n                    setTimeout(() => {\n                        targetElement.scrollIntoView({ \n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n                    }, 100);\n                } else {\n                    window.scrollTo({\n                        top: document.body.scrollHeight - window.innerHeight,\n                        behavior: 'smooth'\n                    });\n                }\n            }\n\n            function toggleCalculationMode() {\n                const mode = document.getElementById('calculation_mode').value;\n                const volumeInput = document.getElementById('volume_input');\n                const areaInput = document.getElementById('area_input');\n                            \n                if (mode === 'volume') {\n                    volumeInput.classList.add('active');\n                    areaInput.classList.remove('active');\n                    document.getElementById('area').value = '';\n                } else {\n                    volumeInput.classList.remove('active');\n                    areaInput.classList.add('active');\n                    document.getElementById('volume').value = '';\n                }\n            }\n\n            function updateDensityOptions() {\n                const type = document.getElementById('mineral_type').value;\n                const density = document.getElementById('density');\n                density.innerHTML = '';\n                        \n                let values = type === 'roof'\n                    ? [130, 140, 150, 160, 170, 180, 200, 220]\n                    : [100, 110, 120, 130, 135, 140];\n                            \n                values.forEach((d, index) => {\n                    const opt = document.createElement('option');\n                    opt.value = d;\n                    opt.textContent = d + ' \u043a\u0433\/\u043c\u00b3';\n                    if (index === 0) opt.selected = true;\n                    density.appendChild(opt);\n                });\n                density.disabled = false;\n            }\n\n            function formatNumber(n) {\n                return new Intl.NumberFormat('ru-RU').format(Math.round(n * 100) \/ 100);\n            }\n\n            function generateMaterialTitle() {\n                const category = document.getElementById('material_category').value;\n                const coefficient = document.getElementById('waste_coefficient').value;\n                \n                if (category === 'mineral_wool') {\n                    const mineralType = document.getElementById('mineral_type').value;\n                    const density = document.getElementById('density').value;\n                    const length = document.getElementById('length').value;\n                    const width = document.getElementById('width').value;\n                    const thickness = document.getElementById('thickness').value;\n                    const typeText = mineralType === 'roof' ? '\u0420\u0423\u0424' : '\u0424\u0410\u0421\u0410\u0414';\n                    return `\u0411\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430 NEMAN EXPERT ${typeText} ${density} ${length}*${width}*${thickness} \u041a\u0420 ${coefficient}`;\n                } else if (category === 'glass_wool') {\n                    const glassWoolType = document.getElementById('glass_wool_type').value;\n                    const model = document.getElementById('glass_wool_model').value;\n                    const piecesPerPack = document.getElementById('pieces_per_pack').value;\n                    const length = document.getElementById('length').value;\n                    const width = document.getElementById('width').value;\n                    const thickness = document.getElementById('thickness').value;\n                    const typeText = glassWoolType === 'roll' ? '\u041c\u0430\u0442\u044b' : '\u041f\u043b\u0438\u0442\u0430';\n                    return `${typeText} NEMAN EXPERT ${model} ${length}*${width}*${thickness}*${piecesPerPack}`;\n                } else if (category === 'mounting_foam') {\n                    const model = document.getElementById('foam_model').value;\n                    const foamData = mountingFoamData[model];\n                    \n                    \/\/ \u0424\u043e\u0440\u043c\u0430\u0442 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043c\u043e\u0434\u0435\u043b\u0438\n                    let title = '';\n                    \n                    if (model === 'UNIVERSAL 70') {\n                        title = '\u041c\u043e\u043d\u0442\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u043d\u0430 NEMAN EXPERT UNIVERSAL 70, 750 \u043c\u043b, \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f';\n                    } else if (model === 'PROFESSIONAL 70') {\n                        title = '\u041c\u043e\u043d\u0442\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u043d\u0430 NEMAN EXPERT PROFESSIONAL 70, 750 \u043c\u043b, \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f (\u041b\u0435\u0442\u043d\u044f\u044f)';\n                    } else if (model === 'WINTER PROFESSIONAL 70') {\n                        title = '\u041c\u043e\u043d\u0442\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u043d\u0430 NEMAN EXPERT WINTER PROFESSIONAL 70, 750 \u043c\u043b, \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f (\u0417\u0438\u043c\u043d\u044f\u044f)';\n                    } else if (model === 'FIRE PRO (B1)') {\n                        title = '\u041e\u0433\u043d\u0435\u0443\u043f\u043e\u0440\u043d\u0430\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u043d\u0430 NEMAN EXPERT FIRE PRO (B1), 750 \u043c\u043b, \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f';\n                    }\n                    \n                    return title;\n                } else if (category === 'foam_cleaner') {\n                    const model = document.getElementById('cleaner_model').value;\n                    return `\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044c \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b ${model}`;\n                } else if (category === 'two_component_glue') {\n                    const model = document.getElementById('glue_model').value;\n                    return `\u0414\u0432\u0443\u0445\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u044b\u0439 \u043a\u043b\u0435\u0439 NEMAN EXPERT ${model}`;\n                }\n                return '\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b';\n            }\n\n            function hideCalculatorForm() {\n                const container = document.getElementById('calculator-form-container');\n                if (container) {\n                    container.classList.remove('expanded');\n                    container.classList.add('collapsed');\n                }\n            }\n            \n            function showCalculatorForm() {\n                const container = document.getElementById('calculator-form-container');\n                if (container) {\n                    container.classList.remove('collapsed');\n                    container.classList.add('expanded');\n                }\n            }\n\n            function editCurrentData() {\n                if (window.addedMaterials && window.addedMaterials.length > 0) {\n                    const lastIndex = window.addedMaterials.length - 1;\n                    editMaterial(lastIndex);\n                }\n            }\n\n            \/\/ \u0420\u0430\u0441\u0447\u0435\u0442 \u0434\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b\n            function calculateMountingFoam() {\n                const model = document.getElementById('foam_model').value;\n                const seamLength = parseFloat(document.getElementById('seam_length').value);\n                const seamWidth = parseFloat(document.getElementById('seam_width').value);\n                const seamDepth = parseFloat(document.getElementById('seam_depth').value);\n                const wasteCoefficient = parseFloat(document.getElementById('foam_waste_coefficient').value);\n                \n                \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n                if (!seamLength || seamLength <= 0 || isNaN(seamLength)) {\n                    showError('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0434\u043b\u0438\u043d\u0443 \u0448\u0432\u0430 \u0432 \u043c\u0435\u0442\u0440\u0430\u0445.');\n                    return;\n                }\n                \n                if (!seamWidth || seamWidth <= 0 || isNaN(seamWidth)) {\n                    showError('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0448\u0438\u0440\u0438\u043d\u0443 \u0448\u0432\u0430 \u0432 \u043c\u043c.');\n                    return;\n                }\n                \n                if (!seamDepth || seamDepth <= 0 || isNaN(seamDepth)) {\n                    showError('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0433\u043b\u0443\u0431\u0438\u043d\u0443 \u0448\u0432\u0430 \u0432 \u043c\u043c.');\n                    return;\n                }\n                \n                const foamData = mountingFoamData[model];\n                \n                \/\/ \u0420\u0430\u0441\u0447\u0435\u0442 \u043e\u0431\u044a\u0435\u043c\u0430 \u0448\u0432\u0430 \u0432 \u043b\u0438\u0442\u0440\u0430\u0445\n                \/\/ \u0424\u043e\u0440\u043c\u0443\u043b\u0430: \u0434\u043b\u0438\u043d\u0430(\u043c) \u00d7 \u0448\u0438\u0440\u0438\u043d\u0430(\u043c\u043c) \u00d7 \u0433\u043b\u0443\u0431\u0438\u043d\u0430(\u043c\u043c) = \u0434\u043b\u0438\u043d\u0430 \u00d7 (\u0448\u0438\u0440\u0438\u043d\u0430\/1000) \u00d7 (\u0433\u043b\u0443\u0431\u0438\u043d\u0430\/1000) = \u043c\u00b3\n                \/\/ \u041f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u043c \u043c\u00b3 \u0432 \u043b\u0438\u0442\u0440\u044b: \u00d7 1000\n                const seamVolumeLiters = seamLength * (seamWidth \/ 1000) * (seamDepth \/ 1000) * 1000;\n                \n                \/\/ \u041f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u0440\u0430\u0441\u0445\u043e\u0434\u0430\n                const finalVolumeLiters = seamVolumeLiters * wasteCoefficient;\n                \n                \/\/ \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0431\u0430\u043b\u043b\u043e\u043d\u043e\u0432\n                const totalBottles = finalVolumeLiters \/ foamData.output;\n                const totalBottlesCeil = Math.ceil(totalBottles);\n                \n                \/\/ \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u0440\u043e\u0431\u043e\u043a\n                const totalBoxes = totalBottlesCeil \/ foamData.piecesPerBox;\n                const totalBoxesCeil = Math.ceil(totalBoxes);\n                \n\n                \n                \/\/ \u041c\u0435\u043d\u044f\u0435\u043c \u043b\u0435\u0439\u0431\u043b\u044b \u0434\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b\n                document.getElementById('packs_label').textContent = '\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u0430\u043b\u043b\u043e\u043d\u043e\u0432';\n                document.getElementById('volume_label').textContent = '\u041e\u0431\u044a\u0435\u043c \u043f\u0435\u043d\u044b';\n                \n                \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\n                const materialTitle = generateMaterialTitle();\n                document.getElementById('calc-results-material-name').textContent = materialTitle;\n                \n                \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435 \u0435\u0441\u043b\u0438 \u043c\u0435\u043d\u044c\u0448\u0435 12\n                const foamWarning = document.getElementById('foam_warning');\n                if (totalBottlesCeil < 12) {\n                    foamWarning.style.display = 'block';\n                } else {\n                    foamWarning.style.display = 'none';\n                }\n                \n                \/\/ \u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b\n                document.getElementById('total_packs').textContent = totalBottlesCeil + ' \u0448\u0442';\n                setTimeout(function() {\n                    const packsElement = document.getElementById('total_packs');\n                    if (packsElement) {\n                        packsElement.style.position = 'absolute';\n                        packsElement.style.right = '15px';\n                        packsElement.style.top = '50%';\n                        packsElement.style.transform = 'translateY(-50%)';\n                        \n                        const parentElement = packsElement.closest('.calc-result-item');\n                        if (parentElement) {\n                            parentElement.style.position = 'relative';\n                        }\n                    }\n                }, 10);\n                \n                document.getElementById('total_volume').textContent = formatNumber(finalVolumeLiters) + ' \u043b';\n                document.getElementById('total_area').textContent = formatNumber(totalBoxesCeil) + ' \u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                \n                \/\/ \u0414\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b \u043f\u043b\u043e\u0449\u0430\u0434\u044c \u0438 \u0432\u0435\u0441 \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c\n                const areaResultItem = document.getElementById('area_result_item');\n                const weightResultItem = document.getElementById('weight_result_item');\n                areaResultItem.style.display = 'none';\n                weightResultItem.style.display = 'none';\n                \n                \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b\n                window.calculatorResults = {\n                    totalPacks: totalBottlesCeil,\n                    totalArea: totalBoxesCeil,\n                    totalWeight: 0,\n                    totalVolume: finalVolumeLiters,\n                    materialType: model,\n                    materialCategory: 'mounting_foam',\n                    density: 0,\n                    thickness: 0,\n                    title: generateMaterialTitle(),\n                    formData: {\n                        model: model,\n                        seamLength: seamLength,\n                        seamWidth: seamWidth,\n                        seamDepth: seamDepth,\n                        wasteCoefficient: wasteCoefficient,\n                        output: foamData.output,\n                        piecesPerBox: foamData.piecesPerBox\n                    }\n                };\n                \n                document.getElementById('calculation-results').style.display = 'block';\n                document.getElementById('error_message').style.display = 'none';\n                \n                \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430\n                document.getElementById('seam_length').value = '';\n                document.getElementById('seam_width').value = '';\n                document.getElementById('seam_depth').value = '';\n                hideCalculatorForm();\n                \n                \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0432 \u0441\u043f\u0438\u0441\u043e\u043a \u0438\u043b\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439\n                if (window.editingIndex >= 0) {\n                    window.addedMaterials[window.editingIndex] = {...window.calculatorResults};\n                    \n                    document.getElementById('edit-indicator').style.display = 'none';\n                    window.editingIndex = -1;\n                    removeHighlight();\n                    updateButtonText();\n                } else {\n                    window.addedMaterials.push({...window.calculatorResults});\n                    window.currentMaterialIndex = window.addedMaterials.length - 1;\n                }\n                \n                updateCollapsedMaterials();\n                updateMaterialsTable();\n                \n                document.getElementById('materials-summary').style.display = 'block';\n                \n                setTimeout(() => {\n                    const resultsElement = document.getElementById('calculation-results');\n                    if (resultsElement) {\n                        resultsElement.scrollIntoView({ \n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n                    }\n                }, 100);\n            }\n\n            \/\/ \u0420\u0430\u0441\u0447\u0435\u0442 \u0434\u043b\u044f \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b\n            function calculateFoamCleaner() {\n                const quantity = parseInt(document.getElementById('cleaner_quantity').value);\n                const model = document.getElementById('cleaner_model').value;\n                const piecesPerBox = 12;\n                \n                \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n                if (!quantity || quantity <= 0 || isNaN(quantity)) {\n                    showError('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0448\u0442\u0443\u043a.');\n                    return;\n                }\n                \n                \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                if (quantity < 12) {\n                    showError('\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043a\u0430\u0437 - 12 \u0448\u0442 (1 \u043a\u043e\u0440\u043e\u0431\u043a\u0430). \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 12 \u0448\u0442\u0443\u043a.');\n                    return;\n                }\n                \n                \/\/ \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u0440\u043e\u0431\u043e\u043a\n                const totalBoxes = Math.ceil(quantity \/ piecesPerBox);\n                \n\n                \n                \/\/ \u041c\u0435\u043d\u044f\u0435\u043c \u043b\u0435\u0439\u0431\u043b\u044b \u0434\u043b\u044f \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044f\n                document.getElementById('packs_label').textContent = '\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0448\u0442\u0443\u043a';\n                document.getElementById('volume_label').textContent = '\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                \n                \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\n                const materialTitle = `\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044c \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b ${model}`;\n                document.getElementById('calc-results-material-name').textContent = materialTitle;\n                \n                \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435\n                document.getElementById('foam_warning').style.display = 'none';\n                \n                \/\/ \u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b\n                document.getElementById('total_packs').textContent = quantity + ' \u0448\u0442';\n                setTimeout(function() {\n                    const packsElement = document.getElementById('total_packs');\n                    if (packsElement) {\n                        packsElement.style.position = 'absolute';\n                        packsElement.style.right = '15px';\n                        packsElement.style.top = '50%';\n                        packsElement.style.transform = 'translateY(-50%)';\n                        \n                        const parentElement = packsElement.closest('.calc-result-item');\n                        if (parentElement) {\n                            parentElement.style.position = 'relative';\n                        }\n                    }\n                }, 10);\n                \n                document.getElementById('total_volume').textContent = totalBoxes + ' \u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                \n                \/\/ \u0414\u043b\u044f \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u044c \u0438 \u0432\u0435\u0441 \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c\n                const areaResultItem = document.getElementById('area_result_item');\n                const weightResultItem = document.getElementById('weight_result_item');\n                areaResultItem.style.display = 'none';\n                weightResultItem.style.display = 'none';\n                \n                \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b\n                window.calculatorResults = {\n                    totalPacks: quantity,\n                    totalArea: totalBoxes,\n                    totalWeight: 0,\n                    totalVolume: totalBoxes,\n                    materialType: model,\n                    materialCategory: 'foam_cleaner',\n                    density: 0,\n                    thickness: 0,\n                    title: materialTitle,\n                    formData: {\n                        model: model,\n                        quantity: quantity\n                    }\n                };\n                \n                document.getElementById('calculation-results').style.display = 'block';\n                document.getElementById('error_message').style.display = 'none';\n                \n                \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430\n                document.getElementById('cleaner_quantity').value = '';\n                hideCalculatorForm();\n                \n                \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0432 \u0441\u043f\u0438\u0441\u043e\u043a \u0438\u043b\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439\n                if (window.editingIndex >= 0) {\n                    window.addedMaterials[window.editingIndex] = {...window.calculatorResults};\n                    \n                    document.getElementById('edit-indicator').style.display = 'none';\n                    window.editingIndex = -1;\n                    removeHighlight();\n                    updateButtonText();\n                } else {\n                    window.addedMaterials.push({...window.calculatorResults});\n                    window.currentMaterialIndex = window.addedMaterials.length - 1;\n                }\n                \n                updateCollapsedMaterials();\n                updateMaterialsTable();\n                \n                const summaryElement = document.getElementById('materials-summary');\n                if (summaryElement) {\n                    summaryElement.style.display = 'block';\n                }\n                \n                setTimeout(() => {\n                    const resultsElement = document.getElementById('calculation-results');\n                    if (resultsElement) {\n                        resultsElement.scrollIntoView({ \n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n                    }\n                }, 100);\n            }\n\n            \/\/ \u0420\u0430\u0441\u0447\u0435\u0442 \u0434\u043b\u044f \u0434\u0432\u0443\u0445\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u043a\u043b\u0435\u044f\n            function calculateTwoComponentGlue() {\n                const quantity = parseInt(document.getElementById('glue_quantity').value);\n                const model = document.getElementById('glue_model').value;\n                const piecesPerBox = 24;\n                \n                \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n                if (!quantity || quantity <= 0 || isNaN(quantity)) {\n                    showError('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0448\u0442\u0443\u043a.');\n                    return;\n                }\n                \n                \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                if (quantity < 24) {\n                    showError('\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043a\u0430\u0437 - 24 \u0448\u0442 (1 \u043a\u043e\u0440\u043e\u0431\u043a\u0430). \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 24 \u0448\u0442\u0443\u043a.');\n                    return;\n                }\n                \n                \/\/ \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u0440\u043e\u0431\u043e\u043a\n                const totalBoxes = Math.ceil(quantity \/ piecesPerBox);\n                \n\n                \n                \/\/ \u041c\u0435\u043d\u044f\u0435\u043c \u043b\u0435\u0439\u0431\u043b\u044b \u0434\u043b\u044f \u043a\u043b\u0435\u044f\n                document.getElementById('packs_label').textContent = '\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0448\u0442\u0443\u043a';\n                document.getElementById('volume_label').textContent = '\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                \n                \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\n                const materialTitle = `\u0414\u0432\u0443\u0445\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u044b\u0439 \u043a\u043b\u0435\u0439 NEMAN EXPERT ${model}`;\n                document.getElementById('calc-results-material-name').textContent = materialTitle;\n                \n                \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435\n                document.getElementById('foam_warning').style.display = 'none';\n                \n                \/\/ \u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b\n                document.getElementById('total_packs').textContent = quantity + ' \u0448\u0442';\n                setTimeout(function() {\n                    const packsElement = document.getElementById('total_packs');\n                    if (packsElement) {\n                        packsElement.style.position = 'absolute';\n                        packsElement.style.right = '15px';\n                        packsElement.style.top = '50%';\n                        packsElement.style.transform = 'translateY(-50%)';\n                        \n                        const parentElement = packsElement.closest('.calc-result-item');\n                        if (parentElement) {\n                            parentElement.style.position = 'relative';\n                        }\n                    }\n                }, 10);\n                \n                document.getElementById('total_volume').textContent = totalBoxes + ' \u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                \n                \/\/ \u0414\u043b\u044f \u043a\u043b\u0435\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u044c \u0438 \u0432\u0435\u0441 \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c\n                const areaResultItem = document.getElementById('area_result_item');\n                const weightResultItem = document.getElementById('weight_result_item');\n                areaResultItem.style.display = 'none';\n                weightResultItem.style.display = 'none';\n                \n                \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b\n                window.calculatorResults = {\n                    totalPacks: quantity,\n                    totalArea: totalBoxes,\n                    totalWeight: 0,\n                    totalVolume: totalBoxes,\n                    materialType: model,\n                    materialCategory: 'two_component_glue',\n                    density: 0,\n                    thickness: 0,\n                    title: materialTitle,\n                    formData: {\n                        model: model,\n                        quantity: quantity\n                    }\n                };\n                \n                document.getElementById('calculation-results').style.display = 'block';\n                document.getElementById('error_message').style.display = 'none';\n                \n                \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430\n                document.getElementById('glue_quantity').value = '';\n                hideCalculatorForm();\n                \n                \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0432 \u0441\u043f\u0438\u0441\u043e\u043a \u0438\u043b\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439\n                if (window.editingIndex >= 0) {\n                    window.addedMaterials[window.editingIndex] = {...window.calculatorResults};\n                    \n                    document.getElementById('edit-indicator').style.display = 'none';\n                    window.editingIndex = -1;\n                    removeHighlight();\n                    updateButtonText();\n                } else {\n                    window.addedMaterials.push({...window.calculatorResults});\n                    window.currentMaterialIndex = window.addedMaterials.length - 1;\n                }\n                \n                updateCollapsedMaterials();\n                updateMaterialsTable();\n                \n                const summaryElement = document.getElementById('materials-summary');\n                if (summaryElement) {\n                    summaryElement.style.display = 'block';\n                }\n                \n                setTimeout(() => {\n                    const resultsElement = document.getElementById('calculation-results');\n                    if (resultsElement) {\n                        resultsElement.scrollIntoView({ \n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n                    }\n                }, 100);\n            }\n\n            function calculatePacks() {\n\n                \n                const category = document.getElementById('material_category').value;\n                \n                \/\/ \u0420\u0430\u0441\u0447\u0435\u0442 \u0434\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b\n                if (category === 'mounting_foam') {\n                    calculateMountingFoam();\n                    return;\n                }\n                \n                \/\/ \u0420\u0430\u0441\u0447\u0435\u0442 \u0434\u043b\u044f \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044f \u043f\u0435\u043d\u044b\n                if (category === 'foam_cleaner') {\n                    calculateFoamCleaner();\n                    return;\n                }\n                \n                \/\/ \u0420\u0430\u0441\u0447\u0435\u0442 \u0434\u043b\u044f \u0434\u0432\u0443\u0445\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u043a\u043b\u0435\u044f\n                if (category === 'two_component_glue') {\n                    calculateTwoComponentGlue();\n                    return;\n                }\n                \n                const wasteCoefficient = parseFloat(document.getElementById('waste_coefficient').value);\n                \n                const mode = document.getElementById('calculation_mode').value;\n                const length = parseFloat(document.getElementById('length').value) \/ 1000;\n                const width = parseFloat(document.getElementById('width').value) \/ 1000;\n                const thickness = parseFloat(document.getElementById('thickness').value) \/ 1000;\n                const piecesPerPack = parseFloat(document.getElementById('pieces_per_pack').value);\n                \n                \/\/ BUG-04: \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c thickness \u0414\u041e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f\n                if (!thickness || thickness <= 0 || isNaN(thickness)) {\n                    showError('\u041e\u0448\u0438\u0431\u043a\u0430: \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0430\u044f \u0442\u043e\u043b\u0449\u0438\u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430.');\n                    return;\n                }\n                \n                let density = 0;\n                let materialType = '';\n                \n                if (category === 'mineral_wool') {\n                    density = parseFloat(document.getElementById('density').value);\n                    materialType = document.getElementById('mineral_type').value;\n                    \n                    if (!density || isNaN(density)) {\n                        showError('\u041e\u0448\u0438\u0431\u043a\u0430: \u043d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u0430 \u043f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430.');\n                        return;\n                    }\n                } else if (category === 'glass_wool') {\n                    materialType = document.getElementById('glass_wool_type').value + '_' + document.getElementById('glass_wool_model').value;\n                    density = 0; \/\/ \u0414\u043b\u044f \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b \u0432\u0435\u0441 \u043d\u0435 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u043c\n                }\n                \n\n                \n                if (!piecesPerPack || isNaN(piecesPerPack)) {\n                    showError('\u041e\u0448\u0438\u0431\u043a\u0430: \u043d\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0448\u0442\u0443\u043a \u0432 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0435.');\n                    return;\n                }\n                        \n                let inputVolume, inputArea, finalVolume, finalArea;\n                        \n                if (mode === 'volume') {\n                    inputVolume = parseFloat(document.getElementById('volume').value);\n                    if (!inputVolume || inputVolume <= 0 || isNaN(inputVolume)) {\n                        showError('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043c \u0432 \u043c\u00b3.');\n                        return;\n                    }\n                    finalVolume = inputVolume * wasteCoefficient;\n                    finalArea = finalVolume \/ thickness;\n                } else {\n                    inputArea = parseFloat(document.getElementById('area').value);\n                    if (!inputArea || inputArea <= 0 || isNaN(inputArea)) {\n                        showError('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0443\u044e \u043f\u043b\u043e\u0449\u0430\u0434\u044c \u0432 \u043c\u00b2.');\n                        return;\n                    }\n                    finalArea = inputArea * wasteCoefficient;\n                    finalVolume = finalArea * thickness;\n                }\n                \n                const packVolume = length * width * thickness * piecesPerPack;\n                if (!packVolume || packVolume <= 0 || isNaN(packVolume)) {\n                    showError('\u041e\u0448\u0438\u0431\u043a\u0430 \u0432 \u0440\u0430\u0441\u0447\u0435\u0442\u0435 \u043e\u0431\u044a\u0435\u043c\u0430 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0438.');\n                    return;\n                }\n                \n                const totalPacks = Math.ceil(finalVolume \/ packVolume);\n                const weight = category === 'mineral_wool' ? finalVolume * density : 0;\n                \n\n                \n                if (isNaN(totalPacks) || isNaN(finalVolume) || isNaN(finalArea)) {\n                    showError('\u041e\u0448\u0438\u0431\u043a\u0430 \u0432 \u0440\u0430\u0441\u0447\u0435\u0442\u0430\u0445. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435.');\n                    return;\n                }\n                \n                if (category === 'mineral_wool' && isNaN(weight)) {\n                    showError('\u041e\u0448\u0438\u0431\u043a\u0430 \u0432 \u0440\u0430\u0441\u0447\u0435\u0442\u0435 \u0432\u0435\u0441\u0430.');\n                    return;\n                }\n                \n                \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043b\u0435\u0439\u0431\u043b\u044b \u0434\u043b\u044f \u0432\u0430\u0442\u044b\n                document.getElementById('packs_label').textContent = '\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0443\u043f\u0430\u043a\u043e\u0432\u043e\u043a';\n                document.getElementById('volume_label').textContent = '\u041e\u0431\u044a\u0435\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430';\n                \n                \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\n                const materialTitle = generateMaterialTitle();\n                document.getElementById('calc-results-material-name').textContent = materialTitle;\n                \n                \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0432\u0430\u0442\u044b\n                document.getElementById('foam_warning').style.display = 'none';\n                \n                document.getElementById('total_packs').textContent = formatNumber(totalPacks) + ' \u0448\u0442';\n                setTimeout(function() {\n                    const packsElement = document.getElementById('total_packs');\n                    if (packsElement) {\n                        packsElement.style.position = 'absolute';\n                        packsElement.style.right = '15px';\n                        packsElement.style.top = '50%';\n                        packsElement.style.transform = 'translateY(-50%)';\n                        \n                        \/\/ Make parent container relative positioned\n                        const parentElement = packsElement.closest('.calc-result-item');\n                        if (parentElement) {\n                            parentElement.style.position = 'relative';\n                        }\n                    }\n                }, 10);\n                \n                document.getElementById('total_volume').textContent = formatNumber(finalVolume) + ' \u043c\u00b3';\n                document.getElementById('total_area').textContent = formatNumber(finalArea) + ' \u043c\u00b2';\n                \n                \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u043b\u043e\u0449\u0430\u0434\u044c \u0434\u043b\u044f \u0432\u0430\u0442\u044b\n                const areaResultItem = document.getElementById('area_result_item');\n                areaResultItem.style.display = 'flex';\n                \n                \/\/ \u0414\u043b\u044f \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b \u0432\u0435\u0441 \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c\n                const weightResultItem = document.getElementById('weight_result_item');\n                if (category === 'mineral_wool') {\n                    document.getElementById('total_weight').textContent = formatNumber(weight) + ' \u043a\u0433';\n                    weightResultItem.style.display = 'flex';\n                } else {\n                    weightResultItem.style.display = 'none';\n                }\n                \n                document.getElementById('hidden_total_packs').value = totalPacks;\n                document.getElementById('hidden_total_area').value = Math.round(finalArea * 100) \/ 100;\n                document.getElementById('hidden_total_weight').value = Math.round(weight * 100) \/ 100;\n                document.getElementById('hidden_total_volume').value = Math.round(finalVolume * 100) \/ 100;\n                        \n                const thicknessValue = document.getElementById('thickness').value;\n                document.getElementById('hidden_material_type').value = materialType;\n                document.getElementById('hidden_density').value = density;\n                document.getElementById('hidden_thickness').value = thicknessValue;\n                \n                const formDataObj = {\n                    calculationMode: mode,\n                    volume: document.getElementById('volume').value,\n                    area: document.getElementById('area').value,\n                    mineralType: category === 'mineral_wool' ? materialType : '',\n                    thickness: document.getElementById('thickness').value,\n                    density: density,\n                    wasteCoefficient: wasteCoefficient,\n                    length: document.getElementById('length').value,\n                    width: document.getElementById('width').value,\n                    piecesPerPack: piecesPerPack\n                };\n                \n                \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u044b\n                if (category === 'glass_wool') {\n                    formDataObj.glassWoolType = document.getElementById('glass_wool_type').value;\n                    formDataObj.glassWoolModel = document.getElementById('glass_wool_model').value;\n                }\n                \n                window.calculatorResults = {\n                    totalPacks: totalPacks,\n                    totalArea: Math.round(finalArea * 100) \/ 100,\n                    totalWeight: Math.round(weight * 100) \/ 100,\n                    totalVolume: Math.round(finalVolume * 100) \/ 100,\n                    materialType: materialType,\n                    materialCategory: category,\n                    density: density,\n                    thickness: document.getElementById('thickness').value,\n                    title: generateMaterialTitle(),\n                    formData: formDataObj\n                };\n                \n                document.getElementById('calculation-results').style.display = 'block';\n                document.getElementById('error_message').style.display = 'none';\n                \n                document.getElementById('volume').value = '';\n                document.getElementById('area').value = '';\n                hideCalculatorForm();\n                \n                if (window.editingIndex >= 0) {\n                    window.addedMaterials[window.editingIndex] = {...window.calculatorResults};\n                    \n                    document.getElementById('edit-indicator').style.display = 'none';\n                    window.editingIndex = -1;\n                    removeHighlight();\n                    updateButtonText();\n                } else {\n                    window.addedMaterials.push({...window.calculatorResults});\n                    window.currentMaterialIndex = window.addedMaterials.length - 1;\n                }\n                \n                updateCollapsedMaterials();\n                updateMaterialsTable();\n                \n                document.getElementById('materials-summary').style.display = 'block';\n                \n                setTimeout(() => {\n                    const resultsElement = document.getElementById('calculation-results');\n                    if (resultsElement) {\n                        resultsElement.scrollIntoView({ \n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n                    }\n                }, 100);\n            }\n\n            function addAnotherMaterial() {\n                resetForm();\n                window.currentMaterialIndex = -1;\n                showCalculatorForm();\n                \n                setTimeout(() => {\n                    const formElement = document.getElementById('material-calculator-form');\n                    if (formElement) {\n                        formElement.scrollIntoView({ \n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n                    }\n                }, 100);\n            }\n\n            function editMaterial(index) {\n                const material = window.addedMaterials[index];\n                window.editingIndex = index;\n                window.currentMaterialIndex = index;\n                \n                showCalculatorForm();\n\n                document.getElementById('edit-indicator').style.display = 'block';\n                \n                updateButtonText();\n                \n                highlightEditingMaterial(index);\n                \n                const formData = material.formData;\n                \n                \/\/ \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\n                document.getElementById('material_category').value = material.materialCategory;\n                switchMaterialCategory();\n                \n                if (material.materialCategory === 'mounting_foam') {\n                    \/\/ \u041c\u043e\u043d\u0442\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u043d\u0430\n                    document.getElementById('foam_model').value = formData.model;\n                    document.getElementById('seam_length').value = formData.seamLength;\n                    document.getElementById('seam_width').value = formData.seamWidth;\n                    document.getElementById('seam_depth').value = formData.seamDepth;\n                    document.getElementById('foam_waste_coefficient').value = formData.wasteCoefficient;\n                    updateFoamParameters();\n                } else if (material.materialCategory === 'foam_cleaner') {\n                    \/\/ \u041e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044c \u043f\u0435\u043d\u044b\n                    document.getElementById('cleaner_model').value = formData.model;\n                    document.getElementById('cleaner_quantity').value = formData.quantity;\n                } else if (material.materialCategory === 'two_component_glue') {\n                    \/\/ \u0414\u0432\u0443\u0445\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043d\u044b\u0439 \u043a\u043b\u0435\u0439\n                    document.getElementById('glue_model').value = formData.model;\n                    document.getElementById('glue_quantity').value = formData.quantity;\n                } else {\n                    \/\/ \u0411\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430 \u0438\u043b\u0438 \u0441\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u0430\n                    document.getElementById('calculation_mode').value = formData.calculationMode;\n                    document.getElementById('volume').value = formData.volume || '';\n                    document.getElementById('area').value = formData.area || '';\n                    document.getElementById('thickness').value = formData.thickness;\n                    document.getElementById('waste_coefficient').value = formData.wasteCoefficient;\n                    document.getElementById('length').value = formData.length;\n                    document.getElementById('width').value = formData.width;\n                    \n                    if (material.materialCategory === 'mineral_wool') {\n                        document.getElementById('mineral_type').value = formData.mineralType;\n                        toggleCalculationMode();\n                        updateDensityOptions();\n                        document.getElementById('density').value = formData.density;\n                        updatePiecesPerPack();\n                    } else if (material.materialCategory === 'glass_wool') {\n                        \/\/ \u0421\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u0430 - \u043d\u0443\u0436\u043d\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0442\u0438\u043f \u0438 \u043c\u043e\u0434\u0435\u043b\u044c\n                        const glassWoolType = formData.glassWoolType || 'roll';\n                        const glassWoolModel = formData.glassWoolModel || '\u041c-15 \u041b\u0430\u0439\u0442';\n                        document.getElementById('glass_wool_type').value = glassWoolType;\n                        updateGlassWoolModel();\n                        document.getElementById('glass_wool_model').value = glassWoolModel;\n                        toggleCalculationMode();\n                        updateGlassWoolDimensions();\n                    }\n                }\n                \n                document.getElementById('calculation-results').style.display = 'none';\n                \n                setTimeout(() => {\n                    document.getElementById('material-calculator-form').scrollIntoView({ \n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }, 100);\n            }\n\n            function cancelEdit() {\n                window.editingIndex = -1;\n                \n                document.getElementById('edit-indicator').style.display = 'none';\n                \n                updateButtonText();\n                \n                removeHighlight();\n                \n                resetForm();\n            }\n\n            function highlightEditingMaterial(index) {\n                removeHighlight();\n                \n                const materials = document.querySelectorAll('.collapsed-material');\n                if (materials[index]) {\n                    materials[index].classList.add('editing');\n                }\n            }\n\n            function removeHighlight() {\n                const materials = document.querySelectorAll('.collapsed-material');\n                materials.forEach(material => {\n                    material.classList.remove('editing');\n                });\n            }\n\n            function deleteMaterial(index) {\n                const material = window.addedMaterials[index];\n                if (confirm(`\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \"${material.title}\"?`)) {\n                    window.addedMaterials.splice(index, 1);\n                    \n                    if (window.editingIndex === index) {\n                        cancelEdit();\n                    } else if (window.editingIndex > index) {\n                        window.editingIndex--;\n                    }\n                    \n                    if (window.currentMaterialIndex === index) {\n                        window.currentMaterialIndex = -1;\n                    } else if (window.currentMaterialIndex > index) {\n                        window.currentMaterialIndex--;\n                    }\n                    \n                    updateCollapsedMaterials();\n                    updateMaterialsTable();\n                    \n                    if (window.addedMaterials.length === 0) {\n                        document.getElementById('materials-summary').style.display = 'none';\n                        document.getElementById('calculation-results').style.display = 'none';\n                        showCalculatorForm();\n                    }\n                }\n            }\n\n            function updateCollapsedMaterials() {\n                const collapsedContainer = document.getElementById('collapsed-materials');\n                collapsedContainer.innerHTML = '';\n                \n                window.addedMaterials.forEach((material, index) => {\n                    createCollapsedMaterial(material, index);\n                });\n            }\n\n            function createCollapsedMaterial(material, index) {\n                const collapsedContainer = document.getElementById('collapsed-materials');\n                const materialDiv = document.createElement('div');\n                materialDiv.className = 'collapsed-material';\n                \n                if (window.editingIndex === index) {\n                    materialDiv.classList.add('editing');\n                }\n                \n                \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0435\u0434\u0438\u043d\u0438\u0446\u044b \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u044f\n                let volumeUnit = '\u043c\u00b3';\n                let packsLabel = '\u0423\u043f\u0430\u043a\u043e\u0432\u043e\u043a';\n                let volumeLabel = '\u041e\u0431\u044a\u0435\u043c';\n                \n                if (material.materialCategory === 'mounting_foam') {\n                    volumeUnit = '\u043b';\n                    packsLabel = '\u0411\u0430\u043b\u043b\u043e\u043d\u043e\u0432';\n                    volumeLabel = '\u041e\u0431\u044a\u0435\u043c \u043f\u0435\u043d\u044b';\n                } else if (material.materialCategory === 'foam_cleaner') {\n                    volumeUnit = '\u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                    packsLabel = '\u0428\u0442\u0443\u043a';\n                    volumeLabel = '\u041a\u043e\u0440\u043e\u0431\u043e\u043a';\n                } else if (material.materialCategory === 'two_component_glue') {\n                    volumeUnit = '\u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                    packsLabel = '\u0428\u0442\u0443\u043a';\n                    volumeLabel = '\u041a\u043e\u0440\u043e\u0431\u043e\u043a';\n                }\n                \n                \/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c summary items\n                let summaryItems = `\n                    <div class=\"collapsed-summary-item\">\n                        ${packsLabel}: <span class=\"collapsed-summary-value\">${formatNumber(material.totalPacks)} \u0448\u0442<\/span>\n                    <\/div>\n                    <div class=\"collapsed-summary-item\">\n                        ${volumeLabel}: <span class=\"collapsed-summary-value\">${formatNumber(material.totalVolume)} ${volumeUnit}<\/span>\n                    <\/div>\n                `;\n                \n                \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043b\u043e\u0449\u0430\u0434\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0432\u0430\u0442\u044b\n                if (material.materialCategory !== 'mounting_foam' && material.materialCategory !== 'foam_cleaner' && material.materialCategory !== 'two_component_glue') {\n                    summaryItems += `\n                        <div class=\"collapsed-summary-item\">\n                            \u041f\u043b\u043e\u0449\u0430\u0434\u044c: <span class=\"collapsed-summary-value\">${formatNumber(material.totalArea)} \u043c\u00b2<\/span>\n                        <\/div>\n                    `;\n                }\n                \n                \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0432\u0435\u0441 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0431\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u043e\u0439 \u0432\u0430\u0442\u044b\n                if (material.materialCategory === 'mineral_wool') {\n                    summaryItems += `\n                        <div class=\"collapsed-summary-item\">\n                            \u0412\u0435\u0441: <span class=\"collapsed-summary-value\">${formatNumber(material.totalWeight)} \u043a\u0433<\/span>\n                        <\/div>\n                    `;\n                }\n                \n                materialDiv.innerHTML = `\n                    <div class=\"collapsed-header\" onclick=\"toggleCollapsedMaterial(this)\">\n                        <div class=\"collapsed-main-info\">\n                            <div class=\"collapsed-title\">${escapeHtml(material.title)}<\/div>\n                            <div class=\"collapsed-summary\">\n                                ${summaryItems}\n                            <\/div>\n                        <\/div>\n                        <div class=\"collapsed-actions\">\n                            <button class=\"collapsed-action-btn collapsed-edit-btn\" onclick=\"event.stopPropagation(); editMaterial(${index})\" title=\"\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\">\n                                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"collapsed-action-btn collapsed-delete-btn\" onclick=\"event.stopPropagation(); deleteMaterial(${index})\" title=\"\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\">\n                                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"\/>\n                                <\/svg>\n                            <\/button>\n                            <div class=\"collapsed-toggle\">\n                                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"collapsed-content\">\n                        <div class=\"collapsed-results\">\n                            <div class=\"collapsed-results-grid\">\n                                <div class=\"collapsed-result-item\">\n                                    <div class=\"collapsed-result-label\">${packsLabel}<\/div>\n                                    <div class=\"collapsed-result-value\">${formatNumber(material.totalPacks)} \u0448\u0442<\/div>\n                                <\/div>\n                                <div class=\"collapsed-result-item\">\n                                    <div class=\"collapsed-result-label\">${volumeLabel}<\/div>\n                                    <div class=\"collapsed-result-value\">${formatNumber(material.totalVolume)} ${volumeUnit}<\/div>\n                                <\/div>\n                                ${material.materialCategory !== 'mounting_foam' && material.materialCategory !== 'foam_cleaner' && material.materialCategory !== 'two_component_glue' ? `\n                                <div class=\"collapsed-result-item\">\n                                    <div class=\"collapsed-result-label\">\u041f\u043b\u043e\u0449\u0430\u0434\u044c<\/div>\n                                    <div class=\"collapsed-result-value\">${formatNumber(material.totalArea)} \u043c\u00b2<\/div>\n                                <\/div>\n                                ` : ''}\n                                ${material.materialCategory === 'mineral_wool' ? `\n                                <div class=\"collapsed-result-item\">\n                                    <div class=\"collapsed-result-label\">\u0412\u0435\u0441<\/div>\n                                    <div class=\"collapsed-result-value\">${formatNumber(material.totalWeight)} \u043a\u0433<\/div>\n                                <\/div>\n                                ` : ''}\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                `;\n                collapsedContainer.appendChild(materialDiv);\n            }\n\n            function toggleCollapsedMaterial(header) {\n                const material = header.closest('.collapsed-material');\n                material.classList.toggle('expanded');\n            }\n\n            function resetForm() {\n                document.getElementById('volume').value = '';\n                document.getElementById('area').value = '';\n                document.getElementById('calculation_mode').value = 'volume';\n                document.getElementById('material_category').value = 'mineral_wool';\n                document.getElementById('thickness').value = '50';\n                document.getElementById('waste_coefficient').value = '1.1';\n                document.getElementById('foam_waste_coefficient').value = '1.1';\n                \n                \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b\n                document.getElementById('seam_length').value = '';\n                document.getElementById('seam_width').value = '';\n                document.getElementById('seam_depth').value = '';\n                document.getElementById('foam_model').value = 'UNIVERSAL 70';\n                \n                \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044f\n                document.getElementById('cleaner_quantity').value = '';\n                \n                \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u043f\u043e\u043b\u044f \u043a\u043b\u0435\u044f\n                document.getElementById('glue_quantity').value = '';\n                document.getElementById('glue_model').value = 'POWER FIX (200 \u041c\u041b + 65 \u041c\u041b)';\n                \n                toggleCalculationMode();\n                \n                \/\/ \u0421\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u043c \u043d\u0430 \u0431\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0443\u044e \u0432\u0430\u0442\u0443\n                switchMaterialCategory();\n                \n                document.getElementById('calculation-results').style.display = 'none';\n                document.getElementById('error_message').style.display = 'none';\n                \n                window.calculatorResults = {\n                    totalPacks: 0,\n                    totalArea: 0,\n                    totalWeight: 0,\n                    totalVolume: 0,\n                    materialType: '',\n                    density: 0,\n                    thickness: 0\n                };\n            }\n\n            function updateMobileCards() {\n                const mobileContainer = document.getElementById('mobile-materials-cards');\n                if (!mobileContainer) return;\n                \n                mobileContainer.innerHTML = '';\n                \n                window.addedMaterials.forEach((material, index) => {\n                    let volumeUnit = '\u043c\u00b3';\n                    let packsLabel = '\u0423\u043f\u0430\u043a\u043e\u0432\u043e\u043a:';\n                    let areaLabel = '\u041f\u043b\u043e\u0449\u0430\u0434\u044c:';\n                    let areaUnit = '\u043c\u00b2';\n                    let showArea = true;\n                    \n                    if (material.materialCategory === 'mounting_foam') {\n                        volumeUnit = '\u043b';\n                        packsLabel = '\u0411\u0430\u043b\u043b\u043e\u043d\u043e\u0432:';\n                        areaLabel = '\u041a\u043e\u0440\u043e\u0431\u043e\u043a:';\n                        areaUnit = '\u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                    } else if (material.materialCategory === 'foam_cleaner') {\n                        volumeUnit = '\u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                        packsLabel = '\u0428\u0442\u0443\u043a:';\n                        showArea = false;\n                    } else if (material.materialCategory === 'two_component_glue') {\n                        volumeUnit = '\u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                        packsLabel = '\u0428\u0442\u0443\u043a:';\n                        showArea = false;\n                    }\n                    \n                    const weightStat = material.materialCategory === 'mineral_wool' ? `\n                        <div class=\"mobile-card-stat\">\n                            <span class=\"mobile-card-stat-label\">\u0412\u0435\u0441:<\/span>\n                            <span class=\"mobile-card-stat-value\">${formatNumber(material.totalWeight)} \u043a\u0433<\/span>\n                        <\/div>\n                    ` : '';\n                    \n                    const areaStat = showArea ? `\n                        <div class=\"mobile-card-stat\">\n                            <span class=\"mobile-card-stat-label\">${areaLabel}<\/span>\n                            <span class=\"mobile-card-stat-value\">${formatNumber(material.totalArea)} ${areaUnit}<\/span>\n                        <\/div>\n                    ` : '';\n                    \n                    const cardHtml = `\n                        <div class=\"mobile-material-card\">\n                            <div class=\"mobile-card-title\">${escapeHtml(material.title)}<\/div>\n                            <div class=\"mobile-card-stats\">\n                                <div class=\"mobile-card-stat\">\n                                    <span class=\"mobile-card-stat-label\">${packsLabel}<\/span>\n                                    <span class=\"mobile-card-stat-value\">${formatNumber(material.totalPacks)} \u0448\u0442<\/span>\n                                <\/div>\n                                <div class=\"mobile-card-stat\">\n                                    <span class=\"mobile-card-stat-label\">\u041e\u0431\u044a\u0435\u043c:<\/span>\n                                    <span class=\"mobile-card-stat-value\">${formatNumber(material.totalVolume)} ${volumeUnit}<\/span>\n                                <\/div>\n                                ${areaStat}\n                                ${weightStat}\n                            <\/div>\n                        <\/div>\n                    `;\n                    mobileContainer.innerHTML += cardHtml;\n                });\n            }\n\n            function updateMaterialsTable() {\n                const tableBody = document.getElementById('materials-table-body');\n                tableBody.innerHTML = '';\n                \n                \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0442\u0438\u043f\u044b \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432\n                const hasWeight = window.addedMaterials.some(m => m.materialCategory === 'mineral_wool');\n                const hasFoam = window.addedMaterials.some(m => m.materialCategory === 'mounting_foam');\n                const hasCleaner = window.addedMaterials.some(m => m.materialCategory === 'foam_cleaner');\n                const hasGlue = window.addedMaterials.some(m => m.materialCategory === 'two_component_glue');\n                const hasWool = window.addedMaterials.some(m => m.materialCategory !== 'mounting_foam' && m.materialCategory !== 'foam_cleaner' && m.materialCategory !== 'two_component_glue');\n                \n                \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0442\u0430\u0431\u043b\u0438\u0446\u044b\n                if ((hasFoam || hasCleaner || hasGlue) && !hasWool) {\n                    \/\/ \u0422\u043e\u043b\u044c\u043a\u043e \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u043d\u0430, \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044c \u0438\u043b\u0438 \u043a\u043b\u0435\u0439\n                    document.getElementById('table-packs-header').textContent = '\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e';\n                    document.getElementById('table-volume-header').textContent = '\u041e\u0431\u044a\u0435\u043c';\n                    document.getElementById('table-area-header').style.display = 'none';\n                } else if (hasWool && !hasFoam && !hasCleaner && !hasGlue) {\n                    \/\/ \u0422\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0442\u0430\n                    document.getElementById('table-packs-header').textContent = '\u0423\u043f\u0430\u043a\u043e\u0432\u043e\u043a';\n                    document.getElementById('table-volume-header').textContent = '\u041e\u0431\u044a\u0435\u043c, \u043c\u00b3';\n                    document.getElementById('table-area-header').style.display = '';\n                } else {\n                    \/\/ \u0421\u043c\u0435\u0448\u0430\u043d\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b - \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438\n                    document.getElementById('table-packs-header').textContent = '\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e';\n                    document.getElementById('table-volume-header').textContent = '\u041e\u0431\u044a\u0435\u043c';\n                    document.getElementById('table-area-header').style.display = '';\n                }\n                \n                \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c\/\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043a\u043e\u043b\u043e\u043d\u043a\u0443 \u0432\u0435\u0441\u0430\n                const weightColumns = document.querySelectorAll('.weight-column');\n                weightColumns.forEach(col => {\n                    col.style.display = hasWeight ? '' : 'none';\n                });\n                \n                window.addedMaterials.forEach((material, index) => {\n                    const row = document.createElement('tr');\n                    \n                    \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0435\u0434\u0438\u043d\u0438\u0446\u044b \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u044f \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u0438\u043f\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\n                    let volumeUnit = '\u043c\u00b3';\n                    let areaCell = '';\n                    \n                    if (material.materialCategory === 'mounting_foam') {\n                        volumeUnit = '\u043b';\n                        \/\/ \u0414\u043b\u044f \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u043e\u0439 \u043f\u0435\u043d\u044b \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u043b\u043e\u0449\u0430\u0434\u044c\n                        if ((hasFoam || hasCleaner || hasGlue) && !hasWool) {\n                            areaCell = ''; \/\/ \u041a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441\u043a\u0440\u044b\u0442\u0430\n                        } else {\n                            areaCell = `<td class=\"area-column\" style=\"text-align: center; color: #94a3b8;\">\u2014<\/td>`;\n                        }\n                    } else if (material.materialCategory === 'foam_cleaner') {\n                        volumeUnit = '\u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                        \/\/ \u0414\u043b\u044f \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u044f \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u043b\u043e\u0449\u0430\u0434\u044c\n                        if ((hasFoam || hasCleaner || hasGlue) && !hasWool) {\n                            areaCell = ''; \/\/ \u041a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441\u043a\u0440\u044b\u0442\u0430\n                        } else {\n                            areaCell = `<td class=\"area-column\" style=\"text-align: center; color: #94a3b8;\">\u2014<\/td>`;\n                        }\n                    } else if (material.materialCategory === 'two_component_glue') {\n                        volumeUnit = '\u043a\u043e\u0440\u043e\u0431\u043e\u043a';\n                        \/\/ \u0414\u043b\u044f \u043a\u043b\u0435\u044f \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u043b\u043e\u0449\u0430\u0434\u044c\n                        if ((hasFoam || hasCleaner || hasGlue) && !hasWool) {\n                            areaCell = ''; \/\/ \u041a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441\u043a\u0440\u044b\u0442\u0430\n                        } else {\n                            areaCell = `<td class=\"area-column\" style=\"text-align: center; color: #94a3b8;\">\u2014<\/td>`;\n                        }\n                    } else {\n                        areaCell = `<td class=\"area-column\">${formatNumber(material.totalArea)} \u043c\u00b2<\/td>`;\n                    }\n                    \n                    \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u044f\u0447\u0435\u0439\u043a\u0443 \u0432\u0435\u0441\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u0445\u043e\u0442\u044f \u0431\u044b \u043e\u0434\u0438\u043d \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441 \u0432\u0435\u0441\u043e\u043c\n                    const weightCell = hasWeight \n                        ? (material.materialCategory === 'mineral_wool' \n                            ? `<td class=\"weight-column\">${formatNumber(material.totalWeight)} \u043a\u0433<\/td>`\n                            : `<td class=\"weight-column\" style=\"text-align: center; color: #94a3b8;\">\u2014<\/td>`)\n                        : '';\n                    \n                    row.innerHTML = `\n                        <td>${escapeHtml(material.title)}<\/td>\n                        <td>${formatNumber(material.totalPacks)} \u0448\u0442<\/td>\n                        <td>${formatNumber(material.totalVolume)} ${volumeUnit}<\/td>\n                        ${areaCell}\n                        ${weightCell}\n                    `;\n                    tableBody.appendChild(row);\n                });\n                \n                \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c\/\u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u043e\u043b\u043e\u043d\u043a\u0443 \u043f\u043b\u043e\u0449\u0430\u0434\u0438 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u043e\u043a\n                const areaColumns = document.querySelectorAll('.area-column');\n                areaColumns.forEach(col => {\n                    col.style.display = ((hasFoam || hasCleaner || hasGlue) && !hasWool) ? 'none' : '';\n                });\n                \n                updateMobileCards();\n            }\n\n            function showError(message) {\n                document.getElementById('error_message').textContent = message;\n                document.getElementById('error_message').style.display = 'block';\n                document.getElementById('calculation-results').style.display = 'none';\n            }\n\n            window.getCalculatorData = function() {\n                const data = {\n                    totalPacks: document.getElementById('hidden_total_packs')?.value || '0',\n                    totalArea: document.getElementById('hidden_total_area')?.value || '0',\n                    totalWeight: document.getElementById('hidden_total_weight')?.value || '0',\n                    materialType: document.getElementById('hidden_material_type')?.value || 'facade',\n                    density: document.getElementById('hidden_density')?.value || '140',\n                    thickness: document.getElementById('hidden_thickness')?.value || '50',\n                    addedMaterials: window.addedMaterials || []\n                };\n                console.log('\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430:', data);\n                return data;\n            };\n        <\/script>\n        \n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n  <section class=\"calc-cta-section\">\n    <div class=\"calc-container\">\n      <div class=\"calc-cta-content\">\n        <h2>\u0425\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0442\u043e\u0447\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0435\u0442 \u0438 <span class=\"calc-accent\">\u041a\u041f?<\/span><\/h2>\n        <p>\u041c\u044b \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043c \u0434\u043b\u044f \u0432\u0430\u0441 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438. \u041d\u0430\u0448\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u044b \u0443\u0447\u0442\u0443\u0442 \u0432\u0441\u0435 \u0432\u0430\u0448\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0430\u0442 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435.<\/p>\n        \n        <div class=\"calc-cta-features\">\n          <div class=\"calc-cta-feature\">\n            <div class=\"calc-cta-feature-icon\">\n              <svg width=\"20\" height=\"20\" fill=\"white\" viewBox=\"0 0 24 24\">\n                <path d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"\/>\n              <\/svg>\n            <\/div>\n            <h4>\u0411\u044b\u0441\u0442\u0440\u043e<\/h4>\n            <p>\u041a\u041f \u0437\u0430 30 \u0441\u0435\u043a\u0443\u043d\u0434<\/p>\n          <\/div>\n          \n          <div class=\"calc-cta-feature\">\n            <div class=\"calc-cta-feature-icon\">\n              <svg width=\"20\" height=\"20\" fill=\"white\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2M7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.5.88 4.93 1.78A7.893 7.893 0 0 1 12 20c-1.86 0-3.57-.64-4.93-1.72M18.36 16.83c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 1.55A7.928 7.928 0 0 1 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.5-1.64 4.83M12 6C10.06 6 8.5 7.56 8.5 9.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6m0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z\"\/>\n              <\/svg>\n            <\/div>\n            <h4>\u0422\u043e\u0447\u043d\u043e<\/h4>\n            <p>\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0435\u043d\u044b \u0438 \u043d\u0430\u043b\u0438\u0447\u0438\u0435<\/p>\n          <\/div>\n          \n          <div class=\"calc-cta-feature\">\n            <div class=\"calc-cta-feature-icon\">\n              <svg width=\"20\" height=\"20\" fill=\"white\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n              <\/svg>\n            <\/div>\n            <h4>\u0412\u044b\u0433\u043e\u0434\u043d\u043e<\/h4>\n            <p>\u041b\u0443\u0447\u0448\u0438\u0435 \u0446\u0435\u043d\u044b \u0438 \u0441\u043a\u0438\u0434\u043a\u0438<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n  <section class=\"calc-form-section\">\n    <div class=\"calc-container\">\n      <div class=\"calc-form-container\">\n        <div class=\"calc-form-header\">\n          <h2>\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h2>\n          <p>\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u041a\u041f \u0441 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0446\u0435\u043d\u0430\u043c\u0438<\/p>\n        <\/div>\n        <div id=\"calc-error-message\" class=\"calc-message calc-error-message calc-hidden\">\n          <strong>\u041e\u0448\u0438\u0431\u043a\u0430:<\/strong> <span id=\"calc-error-text\"><\/span>\n        <\/div>\n        \n        <div id=\"calc-success-message\" class=\"calc-message calc-success-message calc-hidden\">\n          <strong>\u0423\u0441\u043f\u0435\u0445:<\/strong> <span id=\"calc-success-text\"><\/span>\n        <\/div>\n        <form id=\"calc-kp-form\" onsubmit=\"return handleCalcFormSubmit(event)\">\n          <div class=\"calc-form-grid\">\n             \n            <div class=\"calc-form-block\">\n              <h3>\n                <div class=\"calc-form-icon\">\n                  <svg width=\"16\" height=\"16\" fill=\"white\" viewBox=\"0 0 24 24\">\n                    <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n                  <\/svg>\n                <\/div>\n                \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f\n              <\/h3>\n              \n              <div class=\"calc-form-field\">\n                <label>\u0412\u0430\u0448\u0435 \u0438\u043c\u044f <span class=\"calc-required\">*<\/span><\/label>\n                <input type=\"text\" name=\"name\" id=\"calc-name-input\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f\" required>\n              <\/div>\n              \n              <div class=\"calc-form-field\">\n                <label>\u0422\u0435\u043b\u0435\u0444\u043e\u043d <span class=\"calc-required\">*<\/span><\/label>\n                <input type=\"tel\" name=\"phone\" id=\"calc-phone-input\" placeholder=\"+7 (___) ___-__-__\" required autocomplete=\"tel\">\n              <\/div>\n            <\/div>\n             \n            <div class=\"calc-form-block\">\n              <h3>\n                <div class=\"calc-form-icon\">\n                  <svg width=\"16\" height=\"16\" fill=\"white\" viewBox=\"0 0 24 24\">\n                    <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                  <\/svg>\n                <\/div>\n                \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e\u0431 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438\n              <\/h3>\n              \n              <div class=\"calc-form-field\">\n                <label>\u041d\u0430\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 <span class=\"calc-required\">*<\/span><\/label>\n                <input type=\"text\" name=\"organization\" id=\"calc-organization-input\" placeholder=\"\u0422\u041e\u041e &quot;\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438&quot;\" required>\n              <\/div>\n              \n              <div class=\"calc-form-field\">\n                <label>\u0411\u0418\u041d \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 <span class=\"calc-required\">*<\/span><\/label>\n                <input type=\"text\" name=\"bin\" id=\"calc-bin-input\" placeholder=\"123456789012\" maxlength=\"12\" pattern=\"[0-9]{12}\" required>\n              <\/div>\n            <\/div>\n          <\/div>\n           \n          <div class=\"calc-form-block calc-form-full-width\">\n            <h3>\n              <div class=\"calc-form-icon\">\n                <svg width=\"16\" height=\"16\" fill=\"white\" viewBox=\"0 0 24 24\">\n                  <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                <\/svg>\n              <\/div>\n              \u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f\n            <\/h3>\n            \n            <div class=\"calc-delivery-grid\">\n              <div class=\"calc-form-field\">\n                <label>\u0410\u0434\u0440\u0435\u0441 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 <span class=\"calc-required\">*<\/span><\/label>\n                <textarea name=\"address\" id=\"calc-address-input\" rows=\"4\" placeholder=\"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0442\u043e\u0447\u043d\u044b\u0439 \u0430\u0434\u0440\u0435\u0441 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438\" required><\/textarea>\n              <\/div>\n              \n              <div class=\"calc-form-field\">\n                <label>\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439<\/label>\n                <textarea name=\"comment\" id=\"calc-comment-input\" rows=\"4\" placeholder=\"\u0423\u0442\u043e\u0447\u043d\u0438\u0442\u0435 \u043e\u0431\u044a\u0435\u043c, \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0435\u043d\u0438\u044f \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\"><\/textarea>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div style=\"text-align: center; margin-top: 2rem;\">\n            <button type=\"submit\" id=\"calc-submit-btn\" class=\"calc-submit-button\">\n              \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435\n            <\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/section>\n\n<!-- Fixed script tag placement and encoding issues -->\n<script type=\"text\/javascript\">\nfunction showCalcError(message) {\n  const errorDiv = document.getElementById('calc-error-message');\n  const errorText = document.getElementById('calc-error-text');\n  const successDiv = document.getElementById('calc-success-message');\n  \n  successDiv.classList.add('calc-hidden');\n  errorText.textContent = message;\n  errorDiv.classList.remove('calc-hidden');\n  errorDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });\n}\n\nfunction showCalcSuccess(message) {\n  const successDiv = document.getElementById('calc-success-message');\n  const successText = document.getElementById('calc-success-text');\n  const errorDiv = document.getElementById('calc-error-message');\n  \n  errorDiv.classList.add('calc-hidden');\n  successText.textContent = message;\n  successDiv.classList.remove('calc-hidden');\n  successDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });\n}\n\nfunction hideCalcMessages() {\n  document.getElementById('calc-error-message').classList.add('calc-hidden');\n  document.getElementById('calc-success-message').classList.add('calc-hidden');\n}\n\nfunction downloadCalcPDF(base64Data, filename) {\n  try {\n    const byteCharacters = atob(base64Data);\n    const byteNumbers = new Array(byteCharacters.length);\n    for (let i = 0; i < byteCharacters.length; i++) {\n      byteNumbers[i] = byteCharacters.charCodeAt(i);\n    }\n    const byteArray = new Uint8Array(byteNumbers);\n    const blob = new Blob([byteArray], { type: 'application\/pdf' });\n    \n    const url = window.URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = filename;\n    document.body.appendChild(a);\n    a.click();\n    \n    window.URL.revokeObjectURL(url);\n    document.body.removeChild(a);\n    \n    return true;\n  } catch (error) {\n    console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f PDF:', error);\n    return false;\n  }\n}\n\n\/\/ \u0410\u0412\u0422\u041e\u041c\u0410\u0422\u0418\u0427\u0415\u0421\u041a\u041e\u0415 \u0424\u041e\u0420\u041c\u0410\u0422\u0418\u0420\u041e\u0412\u0410\u041d\u0418\u0415 \u0422\u0415\u041b\u0415\u0424\u041e\u041d\u0410 \u0414\u041b\u042f \u041a\u0410\u0417\u0410\u0425\u0421\u0422\u0410\u041d\u0410\nfunction formatCalcPhoneNumber(value) {\n  const phoneNumber = value.replace(\/\\D\/g, '');\n  \n  let formattedNumber = phoneNumber;\n  if (formattedNumber.startsWith('8')) {\n    formattedNumber = '7' + formattedNumber.slice(1);\n  }\n  \n  if (!formattedNumber.startsWith('7') && formattedNumber.length > 0) {\n    formattedNumber = '7' + formattedNumber;\n  }\n  \n  if (formattedNumber.length === 0) {\n    return '';\n  } else if (formattedNumber.length <= 1) {\n    return '+7';\n  } else if (formattedNumber.length <= 4) {\n    return `+7 (${formattedNumber.slice(1)}`;\n  } else if (formattedNumber.length <= 7) {\n    return `+7 (${formattedNumber.slice(1, 4)}) ${formattedNumber.slice(4)}`;\n  } else if (formattedNumber.length <= 9) {\n    return `+7 (${formattedNumber.slice(1, 4)}) ${formattedNumber.slice(4, 7)}-${formattedNumber.slice(7)}`;\n  } else {\n    return `+7 (${formattedNumber.slice(1, 4)}) ${formattedNumber.slice(4, 7)}-${formattedNumber.slice(7, 9)}-${formattedNumber.slice(9, 11)}`;\n  }\n}\n\nfunction validateCalcPhoneNumber(phoneNumber) {\n  const cleanNumber = phoneNumber.replace(\/\\D\/g, '');\n  \n  if (cleanNumber.length === 11 && cleanNumber.startsWith('7')) {\n    return { isValid: true };\n  } else {\n    return { isValid: false };\n  }\n}\n\n\/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f \u0411\u0418\u041d \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\ndocument.addEventListener('DOMContentLoaded', function() {\n  const binInput = document.querySelector('.neman-calculator-page [name=\"bin\"]');\n  if (binInput) {\n    binInput.addEventListener('input', function(e) {\n      e.target.value = e.target.value.replace(\/\\D\/g, '');\n      if (e.target.value.length > 12) {\n        e.target.value = e.target.value.slice(0, 12);\n      }\n    });\n  }\n\n  \/\/ \u0418\u041d\u0418\u0426\u0418\u0410\u041b\u0418\u0417\u0410\u0426\u0418\u042f \u041f\u041e\u041b\u042f \u0422\u0415\u041b\u0415\u0424\u041e\u041d\u0410 \u0421 \u0410\u0412\u0422\u041e\u0424\u041e\u0420\u041c\u0410\u0422\u0418\u0420\u041e\u0412\u0410\u041d\u0418\u0415\u041c\n  const phoneInput = document.getElementById('calc-phone-input');\n  if (phoneInput) {\n    if (!phoneInput.value) {\n      phoneInput.value = '+7 (';\n    }\n\n    phoneInput.addEventListener('input', function(e) {\n      const cursorPosition = e.target.selectionStart;\n      const oldValue = e.target.value;\n      const newValue = formatCalcPhoneNumber(e.target.value);\n      \n      e.target.value = newValue;\n      \n      if (newValue.length > oldValue.length) {\n        const newCursorPosition = cursorPosition + (newValue.length - oldValue.length);\n        setTimeout(() => {\n          e.target.setSelectionRange(newCursorPosition, newCursorPosition);\n        }, 0);\n      }\n    });\n\n    phoneInput.addEventListener('focus', function(e) {\n      if (e.target.value === '' || e.target.value === '+7') {\n        e.target.value = '+7 (';\n        setTimeout(() => {\n          e.target.setSelectionRange(4, 4);\n        }, 0);\n      }\n    });\n\n    phoneInput.addEventListener('keydown', function(e) {\n      if ([8, 9, 27, 13, 46].indexOf(e.keyCode) !== -1 ||\n          (e.keyCode === 65 && e.ctrlKey === true) ||\n          (e.keyCode === 67 && e.ctrlKey === true) ||\n          (e.keyCode === 86 && e.ctrlKey === true) ||\n          (e.keyCode === 88 && e.ctrlKey === true) ||\n          (e.keyCode >= 35 && e.keyCode <= 39)) {\n        return;\n      }\n      \n      if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {\n        e.preventDefault();\n      }\n    });\n\n    phoneInput.addEventListener('paste', function(e) {\n      e.preventDefault();\n      const paste = (e.clipboardData || window.clipboardData).getData('text');\n      const formatted = formatCalcPhoneNumber(paste);\n      e.target.value = formatted;\n    });\n  }\n\n  \/\/ \u0423\u041b\u0423\u0427\u0428\u0415\u041d\u041d\u0410\u042f \u043e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043f\u043e\u043b\u0435\u0439 \u0444\u043e\u0440\u043c\u044b \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445\n  const formInputs = document.querySelectorAll('.neman-calculator-page .calc-form-field input, .neman-calculator-page .calc-form-field textarea');\n  \n  formInputs.forEach(function(input) {\n    input.addEventListener('blur', function() {\n      setTimeout(() => {\n        this.style.borderColor = '';\n        this.style.boxShadow = '';\n      }, 100);\n    });\n\n    input.addEventListener('touchstart', function(e) {\n      this.style.borderColor = '#5FBA51';\n    }, { passive: true });\n\n    input.addEventListener('touchend', function(e) {\n      setTimeout(() => {\n        if (document.activeElement !== this) {\n          this.style.borderColor = '';\n        }\n      }, 100);\n    }, { passive: true });\n  });\n\n  \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0444\u043e\u043a\u0443\u0441 \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u0432\u043d\u0435 \u0444\u043e\u0440\u043c\u044b\n  document.addEventListener('click', function(e) {\n    if (!e.target.closest('.calc-form-container')) {\n      const focusedElement = document.activeElement;\n      if (focusedElement && focusedElement.closest('.calc-form-container')) {\n        focusedElement.blur();\n      }\n    }\n  });\n});\n\nfunction handleCalcFormSubmit(event) {\n    event.preventDefault();\n    \n    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u0440\u0430\u0441\u0447\u0435\u0442\u043e\u0432 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435\n    if (!window.addedMaterials || window.addedMaterials.length === 0) {\n        showCalcError('\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0440\u0430\u0441\u0447\u0435\u0442 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0432 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435 \u0432\u044b\u0448\u0435.');\n        \n        \/\/ \u0421\u043a\u0440\u043e\u043b\u043b\u0438\u043c \u043a \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0443\n        const calculatorSection = document.querySelector('.calculator-section') || \n                                 document.querySelector('#calculator') || \n                                 document.querySelector('.calc-calculator-section') || \n                                 document.querySelector('#material-calculator-form');\n        \n        if (calculatorSection) {\n            calculatorSection.scrollIntoView({ \n                behavior: 'smooth', \n                block: 'start' \n            });\n        }\n        \n        return false;\n    }\n    \n    const form = event.target;\n    const submitBtn = form.querySelector('button[type=\"submit\"]');\n    const originalText = submitBtn.innerHTML;\n    \n    \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f \u043f\u043e\u043b\u0435\u0439\n    const name = form.querySelector('#calc-name-input').value.trim();\n    const phone = form.querySelector('#calc-phone-input').value.trim();\n    const organization = form.querySelector('#calc-organization-input').value.trim();\n    const bin = form.querySelector('#calc-bin-input').value.trim();\n    const address = form.querySelector('#calc-address-input').value.trim();\n    const comment = form.querySelector('#calc-comment-input').value.trim();\n    \n    if (!name || !phone || !organization || !bin || !address) {\n        showCalcError('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f.');\n        return;\n    }\n    \n    if (!\/^\\d{12}$\/.test(bin.replace(\/\\s\/g, ''))) {\n        showCalcError('\u0411\u0418\u041d \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c 12 \u0446\u0438\u0444\u0440.');\n        return;\n    }\n    \n    submitBtn.innerHTML = '\u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u041a\u041f...';\n    submitBtn.disabled = true;\n    \n    \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430\n    const calculatorData = window.getCalculatorData ? window.getCalculatorData() : {\n        addedMaterials: window.addedMaterials || [],\n        totalPacks: 0,\n        totalArea: 0,\n        totalWeight: 0,\n        totalVolume: 0,\n        materialType: 'facade',\n        density: 140,\n        thickness: 50\n    };\n    \n    \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c WordPress AJAX \u0441 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c URL\n    jQuery.ajax({\n        url: ajax_object.ajax_url, \/\/ \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c WordPress AJAX URL\n        type: 'POST',\n        data: {\n            action: 'generate_pdf',\n            nonce: ajax_object.nonce,\n            name: name,\n            phone: phone,\n            address: address,\n            comment: comment,\n            organization: organization,\n            bin: bin,\n            addedMaterials: JSON.stringify(calculatorData.addedMaterials),\n            \/\/ Fallback \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438\n            total_packs: calculatorData.totalPacks,\n            total_area: calculatorData.totalArea,\n            total_weight: calculatorData.totalWeight,\n            total_volume: calculatorData.totalVolume,\n            material_type: calculatorData.materialType,\n            density: calculatorData.density,\n            thickness: calculatorData.thickness\n        },\n        success: function(response) {\n            try {\n                \/\/ \u041f\u0430\u0440\u0441\u0438\u043c \u043e\u0442\u0432\u0435\u0442 \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u0441\u0442\u0440\u043e\u043a\u0430\n                const data = typeof response === 'string' ? JSON.parse(response) : response;\n                \n                if (data.success && data.data) {\n                    if (data.data.type === 'pdf') {\n                        const filename = data.data.filename || '\u041a\u041f_' + new Date().toISOString().slice(0,10) + '.pdf';\n                        if (downloadCalcPDF(data.data.content, filename)) {\n                            showCalcSuccess('PDF \u0444\u0430\u0439\u043b \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d \u0438 \u0441\u043a\u0430\u0447\u0430\u043d.');\n                        } else {\n                            showCalcError('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u0438 PDF \u0444\u0430\u0439\u043b\u0430.');\n                        }\n                    } else if (data.data.type === 'html') {\n                        \/\/ \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0435 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 HTML \u0431\u0435\u0437 document.write\n                        const blob = new Blob([data.data.content], {type: 'text\/html;charset=utf-8'});\n                        const blobUrl = URL.createObjectURL(blob);\n                        window.open(blobUrl, '_blank');\n                        setTimeout(function() { URL.revokeObjectURL(blobUrl); }, 60000);\n                        showCalcSuccess('\u041a\u041f \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u043e \u0432 \u043d\u043e\u0432\u043e\u043c \u043e\u043a\u043d\u0435.');\n                    }\n                    \n                    event.target.reset();\n                    \n                    \/\/ \u0421\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u0435 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n                    const phoneInput = document.getElementById('calc-phone-input');\n                    if (phoneInput) {\n                        phoneInput.value = '+7 (';\n                    }\n                    \n                } else {\n                    showCalcError(data.data || '\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u041a\u041f.');\n                }\n            } catch (e) {\n                console.error('Parse error:', e);\n                showCalcError('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043e\u0442\u0432\u0435\u0442\u0430.');\n            }\n            \n            submitBtn.innerHTML = originalText;\n            submitBtn.disabled = false;\n        },\n        error: function(xhr, status, error) {\n            console.error('AJAX Error:', error);\n            showCalcError('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u0430. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.');\n            \n            submitBtn.innerHTML = originalText;\n            submitBtn.disabled = false;\n        }\n    });\n}\n\nfunction hideCalcError() {\n  const errorDiv = document.getElementById('calc-error-message');\n  if (errorDiv) {\n    errorDiv.classList.add('calc-hidden');\n  }\n}\n\nfunction checkCalculatorData() {\n  \/\/ Check if calculator has calculations\n  const calculatorSection = document.querySelector('.calculator-section') || document.querySelector('#material-calculator-form');\n  if (calculatorSection) {\n    \/\/ Check for added materials in calculator\n    if (window.addedMaterials && window.addedMaterials.length > 0) {\n      hideCalcError();\n      return true;\n    }\n    \n    \/\/ Check for visible results section\n    const resultsSection = document.querySelector('#calculation-results');\n    if (resultsSection && resultsSection.style.display !== 'none') {\n      hideCalcError();\n      return true;\n    }\n    \n    \/\/ Check for materials summary\n    const materialsSection = document.querySelector('#materials-summary');\n    if (materialsSection && materialsSection.style.display !== 'none') {\n      hideCalcError();\n      return true;\n    }\n  }\n  return false;\n}\n\nvar calcCheckIntervalId = setInterval(function() {\n  if (checkCalculatorData()) {\n    clearInterval(calcCheckIntervalId);\n  }\n}, 2000);\n\ndocument.addEventListener('DOMContentLoaded', function() {\n  setTimeout(checkCalculatorData, 1000);\n});\n<\/script>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b86e30 e-flex e-con-boxed e-con e-parent\" data-id=\"0b86e30\" data-element_type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8135b8 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"f8135b8\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b?<\/title>\n    \n    <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Atyp+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n        }\n\n        .contact-form-section {\n            padding: 60px 0;\n            background: #F2FAF1;\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n        }\n\n        \/* \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421 \u0415\u0414\u0418\u041d\u042b\u041c\u0418 \u041e\u0422\u0421\u0422\u0423\u041f\u0410\u041c\u0418 *\/\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 1rem; \/* 16px - \u043a\u0430\u043a \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n        }\n\n        .form-container {\n            display: grid;\n            grid-template-columns: 1fr 400px;\n            gap: 60px;\n            align-items: center;\n            background: white;\n            padding: 40px 50px;\n            border-radius: 20px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            min-height: 400px;\n        }\n\n        .form-content h2 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: #333;\n            margin-bottom: 12px;\n            line-height: 1.2;\n        }\n\n        .form-content p {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 16px;\n            color: #666;\n            line-height: 1.5;\n            margin-bottom: 30px;\n        }\n\n        .contact-form {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 18px;\n        }\n\n        .form-group {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .form-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            font-weight: 500;\n            color: #666;\n            margin-bottom: 6px;\n            display: block;\n        }\n\n        .form-input {\n            padding: 14px 16px;\n            border: 1px solid #ddd;\n            border-radius: 6px;\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #333;\n            background: #f8f9fa;\n            transition: all 0.3s ease;\n            width: 100%;\n        }\n\n        .form-input::placeholder {\n            color: #999;\n        }\n\n        .form-input:focus {\n            outline: none;\n            border-color: #5FBA51;\n            background: white;\n            box-shadow: 0 0 0 2px rgba(95, 186, 81, 0.1);\n        }\n\n        .submit-button {\n            padding: 14px 32px;\n            background: #5FBA51;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 15px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            align-self: flex-start;\n            margin-top: 8px;\n            position: relative;\n        }\n\n        .submit-button:hover {\n            background: #4ca640;\n            transform: translateY(-1px);\n            box-shadow: 0 6px 20px rgba(95, 186, 81, 0.3);\n        }\n\n        .submit-button:disabled {\n            background: #ccc;\n            cursor: not-allowed;\n            transform: none;\n            box-shadow: none;\n        }\n\n        .submit-button.loading {\n            color: transparent;\n        }\n\n        .submit-button.loading::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 20px;\n            height: 20px;\n            border: 2px solid transparent;\n            border-top: 2px solid white;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n        }\n\n        @keyframes spin {\n            0% { transform: translate(-50%, -50%) rotate(0deg); }\n            100% { transform: translate(-50%, -50%) rotate(360deg); }\n        }\n\n        .disclaimer {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 11px;\n            color: #999;\n            line-height: 1.3;\n            margin-top: 15px;\n            max-width: 400px;\n        }\n\n        .form-image {\n            text-align: center;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .phone-illustration {\n            max-width: 100%;\n            height: auto;\n            max-height: 350px;\n            object-fit: contain;\n            animation: bounceBall 3s ease-out infinite;\n            filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));\n        }\n\n        \/* \u042d\u0444\u0444\u0435\u043a\u0442 \u043e\u0442\u0441\u043a\u043e\u043a\u0430 \u043c\u044f\u0447\u0430 - \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u044b\u0439 \u0446\u0438\u043a\u043b *\/\n        @keyframes bounceBall {\n            0% {\n                transform: translateY(-40px);\n                animation-timing-function: ease-in;\n            }\n            10% {\n                transform: translateY(0px) scaleY(0.95);\n                animation-timing-function: ease-out;\n            }\n            20% {\n                transform: translateY(-25px);\n                animation-timing-function: ease-in;\n            }\n            30% {\n                transform: translateY(0px) scaleY(0.97);\n                animation-timing-function: ease-out;\n            }\n            40% {\n                transform: translateY(-15px);\n                animation-timing-function: ease-in;\n            }\n            50% {\n                transform: translateY(0px) scaleY(0.98);\n                animation-timing-function: ease-out;\n            }\n            60% {\n                transform: translateY(-8px);\n                animation-timing-function: ease-in;\n            }\n            70% {\n                transform: translateY(0px) scaleY(0.99);\n                animation-timing-function: ease-out;\n            }\n            80% {\n                transform: translateY(-4px);\n                animation-timing-function: ease-in;\n            }\n            90% {\n                transform: translateY(0px) scaleY(1);\n                animation-timing-function: ease-out;\n            }\n            100% {\n                transform: translateY(-40px);\n                animation-timing-function: ease-in;\n            }\n        }\n\n        \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 2: \u0412\u043e\u043b\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0435 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n        \/*\n        @keyframes floatPhone {\n            0%, 100% {\n                transform: translateY(0px) scale(1);\n            }\n            50% {\n                transform: translateY(-20px) scale(1.02);\n            }\n        }\n        *\/\n\n        \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 3: \u041b\u0435\u0433\u043a\u043e\u0435 \u0434\u044b\u0445\u0430\u043d\u0438\u0435 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n        \/*\n        @keyframes floatPhone {\n            0%, 100% {\n                transform: translateY(0px) scale(1);\n            }\n            50% {\n                transform: translateY(-10px) scale(1.05);\n            }\n        }\n        *\/\n\n        \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 4: \u0412\u043e\u0441\u044c\u043c\u0435\u0440\u043a\u0430 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n        \/*\n        @keyframes floatPhone {\n            0%, 100% {\n                transform: translateY(0px) translateX(0px);\n            }\n            25% {\n                transform: translateY(-10px) translateX(5px);\n            }\n            50% {\n                transform: translateY(0px) translateX(0px);\n            }\n            75% {\n                transform: translateY(-10px) translateX(-5px);\n            }\n        }\n        *\/\n\n        \/* \u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f *\/\n        .notification {\n            position: fixed;\n            top: 20px;\n            right: 20px;\n            padding: 15px 20px;\n            border-radius: 8px;\n            color: white;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 14px;\n            font-weight: 500;\n            z-index: 1000;\n            transform: translateX(400px);\n            transition: transform 0.3s ease;\n            max-width: 350px;\n        }\n\n        .notification.show {\n            transform: translateX(0);\n        }\n\n        .notification.success {\n            background: #5FBA51;\n        }\n\n        .notification.error {\n            background: #e74c3c;\n        }\n\n        \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u042b\u0415 \u041e\u0422\u0421\u0422\u0423\u041f\u042b - \u041a\u0410\u041a \u0412 \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u041c \u0411\u041b\u041e\u041a\u0415 *\/\n        @media (max-width: 1024px) {\n            .container {\n                max-width: 1200px;\n                padding: 0 2rem; \/* 32px \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\n            }\n        }\n\n        @media (max-width: 968px) {\n            .contact-form-section {\n                padding: 40px 0;\n            }\n\n            .form-container {\n                grid-template-columns: 1fr;\n                gap: 0;\n                padding: 30px 25px;\n                min-height: auto;\n            }\n\n            .form-content h2 {\n                font-size: 26px;\n                text-align: center;\n            }\n\n            .form-content p {\n                font-size: 15px;\n                text-align: center;\n                margin-bottom: 25px;\n            }\n\n            .form-row {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }\n\n            \/* \u0421\u041a\u0420\u042b\u0412\u0410\u0415\u041c \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0423 \u041d\u0410 \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u042b\u0425 *\/\n            .form-image {\n                display: none;\n            }\n\n            .submit-button {\n                width: 100%;\n                align-self: stretch;\n            }\n\n            .notification {\n                top: 10px;\n                right: 10px;\n                left: 10px;\n                transform: translateY(-100px);\n            }\n\n            .notification.show {\n                transform: translateY(0);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .container {\n                padding: 0 1rem; \/* 16px \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n            }\n        }\n\n        @media (max-width: 640px) {\n            .contact-form-section {\n                padding: 30px 0;\n            }\n\n            .form-container {\n                padding: 25px 20px;\n                border-radius: 15px;\n            }\n\n            .form-content h2 {\n                font-size: 22px;\n                margin-bottom: 10px;\n            }\n\n            .form-content p {\n                font-size: 14px;\n                margin-bottom: 20px;\n            }\n\n            .contact-form {\n                gap: 15px;\n            }\n\n            .form-input {\n                padding: 12px 14px;\n                font-size: 14px;\n            }\n\n            .submit-button {\n                padding: 13px 28px;\n                font-size: 14px;\n            }\n\n            \/* \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 \u0423\u0416\u0415 \u0421\u041a\u0420\u042b\u0422\u0410 \u041d\u0410 \u042d\u0422\u041e\u041c \u0420\u0410\u0417\u0420\u0415\u0428\u0415\u041d\u0418\u0418 *\/\n            .form-image {\n                display: none;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .contact-form-section {\n                padding: 25px 0;\n            }\n\n            .form-container {\n                padding: 20px 15px;\n            }\n\n            .form-content h2 {\n                font-size: 20px;\n            }\n\n            .form-content p {\n                font-size: 13px;\n            }\n\n            .form-input {\n                padding: 11px 12px;\n                font-size: 13px;\n            }\n\n            .submit-button {\n                padding: 12px 25px;\n                font-size: 13px;\n            }\n\n            .disclaimer {\n                font-size: 10px;\n            }\n\n            \/* \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 \u0423\u0416\u0415 \u0421\u041a\u0420\u042b\u0422\u0410 \u041d\u0410 \u042d\u0422\u041e\u041c \u0420\u0410\u0417\u0420\u0415\u0428\u0415\u041d\u0418\u0418 *\/\n            .form-image {\n                display: none;\n            }\n        }\n\n        \/* \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b *\/\n        @media (min-width: 969px) and (max-width: 1200px) {\n            .contact-form-section {\n                padding: 50px 0;\n            }\n\n            .form-container {\n                grid-template-columns: 1fr 350px;\n                gap: 50px;\n                padding: 35px 40px;\n            }\n\n            .form-content h2 {\n                font-size: 28px;\n            }\n        }\n\n        \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 *\/\n        .form-container {\n            animation: fadeInUp 0.8s ease-out;\n        }\n\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        \/* \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043a \u044f\u043a\u043e\u0440\u044e *\/\n        html {\n            scroll-behavior: smooth;\n        }\n    <\/style>\n<\/head>\n<body>\n    <section class=\"contact-form-section\" id=\"contact-form\">\n        <div class=\"container\">\n            <div class=\"form-container\">\n                <div class=\"form-content\">\n                    <h2>\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b ?<\/h2>\n                    <p>\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0441\u0432\u043e\u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u0438 \u043c\u044b \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0432\u0430\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/p>\n                    \n                    <form class=\"contact-form\" id=\"contactForm\">\n                        <div class=\"form-row\">\n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"name\">\u0418\u043c\u044f<\/label>\n                                <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f\" required>\n                            <\/div>\n                            \n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\n                                <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"+7 (___) ___-__-__\" required>\n                            <\/div>\n                        <\/div>\n                        \n                        <button type=\"submit\" class=\"submit-button\" id=\"submitBtn\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/button>\n                        \n                        <p class=\"disclaimer\">\n                            \u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0412\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0412\u0430\u0448\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0435\u0439 TOO NER GROUP LTD\n                        <\/p>\n                    <\/form>\n                <\/div>\n                \n                <div class=\"form-image\">\n                    <img decoding=\"async\" src=\"https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/09\/3D-Hand-with-Smartphone.png\" alt=\"\u0444\u043e\u0442\u043e\" class=\"phone-illustration\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ \u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f Telegram\n        const CONFIG = {\n            TELEGRAM_BOT_TOKEN: '7739598044:AAEs2WND-B8_JnVrHG37fZ5gC2zsYXH15gM',\n            TELEGRAM_CHAT_ID: '7926492494'\n        };\n\n        \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0439\n        function showNotification(message, type = 'success') {\n            \/\/ \u0423\u0434\u0430\u043b\u044f\u0435\u043c \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f\n            const existingNotification = document.querySelector('.notification');\n            if (existingNotification) {\n                existingNotification.remove();\n            }\n\n            const notification = document.createElement('div');\n            notification.className = `notification ${type}`;\n            notification.textContent = message;\n            document.body.appendChild(notification);\n\n            \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435\n            setTimeout(() => notification.classList.add('show'), 100);\n\n            \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0447\u0435\u0440\u0435\u0437 5 \u0441\u0435\u043a\u0443\u043d\u0434\n            setTimeout(() => {\n                notification.classList.remove('show');\n                setTimeout(() => notification.remove(), 300);\n            }, 5000);\n        }\n\n        \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram\n        async function sendToTelegram(name, phone) {\n            const message = `\ud83d\udd14 <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u0441 \u0441\u0430\u0439\u0442\u0430!<\/b>\n\n\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcde <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n\n\u23f0 <b>\u0412\u0440\u0435\u043c\u044f:<\/b> ${new Date().toLocaleString('ru-RU')}\n\ud83c\udf10 <b>\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a:<\/b> \u0424\u043e\u0440\u043c\u0430 \"\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b\"`;\n            \n            const url = `https:\/\/api.telegram.org\/bot${CONFIG.TELEGRAM_BOT_TOKEN}\/sendMessage`;\n            \n            try {\n                const response = await fetch(url, {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application\/json',\n                    },\n                    body: JSON.stringify({\n                        chat_id: CONFIG.TELEGRAM_CHAT_ID,\n                        text: message,\n                        parse_mode: 'HTML'\n                    })\n                });\n\n                const result = await response.json();\n\n                if (!response.ok) {\n                    console.error('Telegram API Error:', result);\n                    throw new Error(result.description || '\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram');\n                }\n\n                return result;\n            } catch (error) {\n                console.error('Telegram error:', error);\n                throw error;\n            }\n        }\n\n        \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0444\u043e\u0440\u043c\u044b\n        document.getElementById('contactForm').addEventListener('submit', async function(e) {\n            e.preventDefault();\n\n            const submitBtn = document.getElementById('submitBtn');\n            const name = document.getElementById('name').value.trim();\n            const phone = document.getElementById('phone').value.trim();\n\n            \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n            if (!name || !phone) {\n                showNotification('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u043f\u043e\u043b\u044f', 'error');\n                return;\n            }\n\n            if (name.length < 2) {\n                showNotification('\u0418\u043c\u044f \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043c\u0438\u043d\u0438\u043c\u0443\u043c 2 \u0441\u0438\u043c\u0432\u043e\u043b\u0430', 'error');\n                return;\n            }\n\n            if (phone.length < 10) {\n                showNotification('\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430', 'error');\n                return;\n            }\n\n            \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n            submitBtn.disabled = true;\n            submitBtn.classList.add('loading');\n\n            try {\n                \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n                await sendToTelegram(name, phone);\n\n                \/\/ \u0423\u0441\u043f\u0435\u0445\n                showNotification('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u0412\u0430\u0448\u0430 \u0437\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.', 'success');\n                \n                \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0444\u043e\u0440\u043c\u0443\n                document.getElementById('contactForm').reset();\n\n            } catch (error) {\n                console.error('Form submission error:', error);\n                \n                \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443 \u0438\u043b\u0438 \u043e\u0431\u0449\u0443\u044e\n                let errorMessage = '\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.';\n                \n                if (error.message.includes('chat not found')) {\n                    errorMessage = '\u041e\u0448\u0438\u0431\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443.';\n                } else if (error.message.includes('bot was blocked')) {\n                    errorMessage = '\u0411\u043e\u0442 \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u043d. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443.';\n                }\n                \n                showNotification(errorMessage, 'error');\n            } finally {\n                \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n                submitBtn.disabled = false;\n                submitBtn.classList.remove('loading');\n            }\n        });\n\n        \/\/ \u041c\u0430\u0441\u043a\u0430 \u0434\u043b\u044f \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n        document.getElementById('phone').addEventListener('input', function(e) {\n            let value = e.target.value.replace(\/\\D\/g, '');\n    \n            \/\/ \u0415\u0441\u043b\u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 8, \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u043d\u0430 7\n            if (value.startsWith('8')) {\n                value = '7' + value.substring(1);\n            }\n    \n            \/\/ \u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u043c \u043d\u043e\u043c\u0435\u0440\n            if (value.length > 0) {\n                \/\/ \u0415\u0441\u043b\u0438 \u043f\u0435\u0440\u0432\u0430\u044f \u0446\u0438\u0444\u0440\u0430 7, \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u043c \u043a\u0430\u043a +7\n                if (value.startsWith('7')) {\n                    const phoneDigits = value.substring(1);\n                    if (phoneDigits.length === 0) {\n                        value = '+7 (';\n                    } else if (phoneDigits.length <= 3) {\n                        value = `+7 (${phoneDigits}`;\n                    } else if (phoneDigits.length <= 6) {\n                        value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3)}`;\n                    } else if (phoneDigits.length <= 8) {\n                        value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3, 6)}-${phoneDigits.substring(6)}`;\n                    } else {\n                        value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3, 6)}-${phoneDigits.substring(6, 8)}-${phoneDigits.substring(8, 10)}`;\n                    }\n                } else {\n                    \/\/ \u0415\u0441\u043b\u0438 \u043d\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 7, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c +7 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\n                    if (value.length <= 3) {\n                        value = `+7 (${value}`;\n                    } else if (value.length <= 6) {\n                        value = `+7 (${value.substring(0, 3)}) ${value.substring(3)}`;\n                    } else if (value.length <= 8) {\n                        value = `+7 (${value.substring(0, 3)}) ${value.substring(3, 6)}-${value.substring(6)}`;\n                    } else {\n                        value = `+7 (${value.substring(0, 3)}) ${value.substring(3, 6)}-${value.substring(6, 8)}-${value.substring(8, 10)}`;\n                    }\n                }\n            }\n    \n            e.target.value = value;\n        });\n\n        \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0446\u0438\u0444\u0440\u044b \u0438 \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0432 \u043f\u043e\u043b\u0435 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n        document.getElementById('phone').addEventListener('keydown', function(e) {\n            \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: backspace, delete, tab, escape, enter\n            if ([46, 8, 9, 27, 13].indexOf(e.keyCode) !== -1 ||\n                \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: Ctrl+A, Ctrl+C, Ctrl+V, Ctrl+X\n                (e.keyCode === 65 && e.ctrlKey === true) ||\n                (e.keyCode === 67 && e.ctrlKey === true) ||\n                (e.keyCode === 86 && e.ctrlKey === true) ||\n                (e.keyCode === 88 && e.ctrlKey === true) ||\n                \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: home, end, left, right\n                (e.keyCode >= 35 && e.keyCode <= 39)) {\n                return;\n            }\n            \/\/ \u0417\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u043c \u0432\u0441\u0451 \u043a\u0440\u043e\u043c\u0435 \u0446\u0438\u0444\u0440\n            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {\n                e.preventDefault();\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37a4be0 e-flex e-con-boxed e-con e-parent\" data-id=\"37a4be0\" data-element_type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4288bf2 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"4288bf2\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Footer - Neman Expert<\/title>\n\n    <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Atyp+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n        }\n\n        .footer {\n            background: #1a252f;\n            color: #ffffff;\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n        }\n\n        \/* \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421 \u0415\u0414\u0418\u041d\u042b\u041c\u0418 \u041e\u0422\u0421\u0422\u0423\u041f\u0410\u041c\u0418 *\/\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 1rem;\n            \/* 16px - \u043a\u0430\u043a \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n        }\n\n        .footer-content {\n            padding: 50px 0 25px;\n        }\n\n        \/* \u041d\u041e\u0412\u0410\u042f \u0421\u0415\u0422\u041a\u0410 \u0424\u0423\u0422\u0415\u0420\u0410 (4 \u041a\u041e\u041b\u041e\u041d\u041a\u0418) *\/\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr 1fr 1fr;\n            gap: 40px;\n            align-items: start;\n            margin-bottom: 40px;\n        }\n\n        .footer-col {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .footer-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 16px;\n            font-weight: 700;\n            color: #ffffff !important;\n            \/* Force white color *\/\n            margin-bottom: 25px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            opacity: 1;\n        }\n\n        \/* \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0411\u0440\u0435\u043d\u0434 *\/\n        .brand-col .footer-logo {\n            align-items: flex-start;\n            text-align: left;\n            margin-bottom: 20px;\n        }\n\n        .brand-col .since-text {\n            margin-top: 8px;\n            font-size: 13px;\n            opacity: 0.6;\n        }\n\n        .brand-col .footer-social {\n            justify-content: flex-start;\n            gap: 12px;\n        }\n\n        \/* \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b *\/\n        .footer-contacts {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .contact-item {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #e8eaed;\n            line-height: 1.5;\n        }\n\n        .contact-item strong {\n            color: #ffffff;\n            font-weight: 600;\n            display: block;\n            margin-bottom: 4px;\n        }\n\n        \/* Links Styling Fix *\/\n        .footer-links {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .footer-link {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #e2e8f0 !important;\n            \/* Light grey\/white for readability *\/\n            text-decoration: none;\n            transition: color 0.3s ease;\n            display: block;\n            \/* Ensure they sit on their own lines *\/\n            line-height: 1.4;\n        }\n\n        .footer-link:hover {\n            color: #5FBA51 !important;\n            padding-left: 5px;\n            \/* Subtle movement on hover *\/\n        }\n\n        \/* \u0417\u0414\u0415\u0421\u042c \u0417\u0410\u041c\u0415\u041d\u0418\u0422\u042c \u041d\u0410 \u0412\u0410\u0428 \u041b\u041e\u0413\u041e\u0422\u0418\u041f *\/\n        .logo-image {\n            max-width: 180px;\n            height: auto;\n            max-height: 80px;\n            object-fit: contain;\n        }\n\n        \/* \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 - \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f *\/\n        .logo-container {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 8px;\n        }\n\n        .logo-icon {\n            width: 55px;\n            height: 55px;\n            background: linear-gradient(135deg, #3498db, #2980b9);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            font-size: 26px;\n            color: white;\n            box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);\n        }\n\n        .logo-text {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 26px;\n            font-weight: 700;\n            color: #ffffff;\n            letter-spacing: 0.5px;\n        }\n\n        .logo-text .expert {\n            color: #27ae60;\n        }\n\n        .since-text {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 15px;\n            color: #bdc3c7;\n            font-weight: 500;\n            letter-spacing: 1px;\n        }\n\n        .footer-social {\n            display: flex;\n            justify-content: flex-end;\n            gap: 15px;\n        }\n\n        \/* \u0421\u043e\u0446\u0441\u0435\u0442\u0438 - \u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0441\u0442\u0438\u043b\u044c (\u041c\u043e\u043d\u043e\u0445\u0440\u043e\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e) *\/\n        .social-link {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            \/* \u041a\u0440\u0443\u0433\u043b\u044b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u0435\u0435 *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            color: white;\n            background: rgba(255, 255, 255, 0.05);\n            \/* \u041b\u0435\u0433\u043a\u0438\u0439 \u0444\u043e\u043d *\/\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            transition: all 0.3s ease;\n        }\n\n        .social-link svg {\n            width: 18px;\n            height: 18px;\n            fill: currentColor;\n            \/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c fill \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0445\u0440\u043e\u043c\u0430 *\/\n            stroke: none;\n            \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0431\u0432\u043e\u0434\u043a\u0443 \u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u0435\u0441\u0442\u044c \u0432 SVG \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e *\/\n        }\n\n        \/* \u0421\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0444\u0438\u043a\u0441\u044b \u0434\u043b\u044f SVG \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 stroke-based *\/\n        .social-link.youtube svg,\n        .social-link.instagram svg {\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 2;\n        }\n\n        .social-link:hover {\n            transform: translateY(-3px);\n            border-color: transparent;\n            background: white;\n            color: #1a252f;\n            \/* \u0418\u043a\u043e\u043d\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0442\u0435\u043c\u043d\u043e\u0439 \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435 *\/\n        }\n\n        \/* \u0426\u0432\u0435\u0442\u043d\u044b\u0435 \u0445\u043e\u0432\u0435\u0440\u044b (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u0437\u0430\u0445\u043e\u0447\u0435\u0442 \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0446\u0432\u0435\u0442\u0430) *\/\n        \/* \n        .social-link.youtube:hover { background: #FF0000; color: white; }\n        .social-link.twitter:hover { background: #000000; color: white; border-color: #333; }\n        .social-link.tiktok:hover { background: #000000; color: white; border-color: #333; }\n        .social-link.whatsapp:hover { background: #25D366; color: white; }\n        .social-link.instagram:hover { background: #d62976; color: white; } \n        *\/\n\n        .footer-legal {\n            border-top: 1px solid #2c3e50;\n            padding: 25px 0;\n            text-align: center;\n        }\n\n        .legal-links {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 30px;\n            flex-wrap: wrap;\n        }\n\n        .legal-link {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #95a5a6;\n            text-decoration: none;\n            transition: color 0.3s ease;\n            position: relative;\n        }\n\n        .legal-link:hover {\n            color: #5FBA51;\n        }\n\n        .legal-link::after {\n            content: '';\n            position: absolute;\n            bottom: -3px;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: #5FBA51;\n            transition: width 0.3s ease;\n        }\n\n        .legal-link:hover::after {\n            width: 100%;\n        }\n\n        \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n        .main-links .legal-link {\n            font-size: 16px;\n            color: #ffffff;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .main-links .legal-link:hover {\n            color: #5FBA51;\n        }\n\n        \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u043e\u0439 (\u044e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u043e\u0439) \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n        .secondary-links .legal-link {\n            font-size: 13px;\n            color: #64748b;\n        }\n\n        .footer-copyright {\n            border-top: 1px solid #2c3e50;\n            padding-top: 25px;\n            text-align: center;\n        }\n\n        .copyright-text {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #95a5a6;\n            font-weight: 400;\n        }\n\n        \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u042b\u0415 \u041e\u0422\u0421\u0422\u0423\u041f\u042b - \u041a\u0410\u041a \u0412 \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u041c \u0411\u041b\u041e\u041a\u0415 *\/\n        @media (max-width: 1024px) {\n            .container {\n                max-width: 1200px;\n                padding: 0 2rem;\n                \/* 32px \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\n            }\n\n            .footer-grid {\n                grid-template-columns: 1fr 1fr;\n                gap: 40px;\n            }\n        }\n\n        @media (max-width: 968px) {\n            .footer-content {\n                padding: 40px 0 20px;\n            }\n\n            .footer-main {\n                grid-template-columns: 1fr;\n                gap: 35px;\n                text-align: center;\n            }\n\n            .footer-contacts {\n                order: 2;\n                align-items: center;\n            }\n\n            .footer-logo {\n                order: 1;\n            }\n\n            .footer-social {\n                order: 3;\n                justify-content: center;\n            }\n\n            .contact-item {\n                font-size: 16px;\n            }\n\n            .logo-text {\n                font-size: 24px;\n            }\n\n            .logo-icon {\n                width: 50px;\n                height: 50px;\n                font-size: 24px;\n            }\n\n            .legal-links {\n                gap: 20px;\n            }\n\n            .legal-link {\n                font-size: 14px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .container {\n                padding: 0 1rem;\n                \/* 16px \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n            }\n        }\n\n        @media (max-width: 640px) {\n            .footer-content {\n                padding: 35px 0 18px;\n            }\n\n            .footer-main {\n                gap: 30px;\n            }\n\n            .logo-container {\n                flex-direction: column;\n                gap: 10px;\n            }\n\n            .logo-icon {\n                width: 45px;\n                height: 45px;\n                font-size: 22px;\n            }\n\n            .logo-text {\n                font-size: 22px;\n            }\n\n            .contact-item {\n                font-size: 15px;\n            }\n\n            .social-link {\n                width: 45px;\n                height: 45px;\n                font-size: 20px;\n            }\n\n            .footer-social {\n                gap: 12px;\n            }\n\n            .copyright-text {\n                font-size: 14px;\n            }\n\n            .since-text {\n                font-size: 14px;\n            }\n\n            .legal-links {\n                flex-direction: column;\n                gap: 15px;\n            }\n\n            .legal-link {\n                font-size: 13px;\n            }\n\n            .footer-grid {\n                grid-template-columns: 1fr;\n                gap: 35px;\n                text-align: center;\n            }\n\n            .brand-col .footer-logo,\n            .brand-col .footer-social {\n                align-items: center;\n                justify-content: center;\n                text-align: center;\n            }\n\n            .contact-item strong {\n                display: inline;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .footer-content {\n                padding: 30px 0 15px;\n            }\n\n            .footer-main {\n                gap: 25px;\n            }\n\n            .contact-item {\n                font-size: 14px;\n            }\n\n            .logo-text {\n                font-size: 20px;\n            }\n\n            .social-link {\n                width: 42px;\n                height: 42px;\n                font-size: 18px;\n            }\n\n            .copyright-text {\n                font-size: 13px;\n            }\n        }\n\n        \/* \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b *\/\n        @media (min-width: 969px) and (max-width: 1200px) {\n            .footer-content {\n                padding: 45px 0 22px;\n            }\n\n            .footer-main {\n                gap: 45px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-grid\">\n                    <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 1: \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0421\u043e\u0446\u0441\u0435\u0442\u0438 -->\n                    <div class=\"footer-col brand-col\">\n                        <div class=\"footer-logo\">\n                            <img decoding=\"async\" src=\"https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-\u043e\u0442-2025-06-24-10-53-02-Photoroom.png\"\n                                alt=\"NEMAN EXPERT\" class=\"logo-image\">\n                            <div class=\"since-text\">SINCE 2024<\/div>\n                        <\/div>\n                        <div class=\"footer-social\">\n                            <a href=\"https:\/\/www.youtube.com\/@NEMANEXPERT\" target=\"_blank\" class=\"social-link youtube\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n                                    height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n                                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path\n                                        d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\">\n                                    <\/path>\n                                    <polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon>\n                                <\/svg><\/a>\n                            <a href=\"https:\/\/x.com\/nemanexpert\" target=\"_blank\" class=\"social-link twitter\"><svg\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                                    fill=\"white\">\n                                    <path\n                                        d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" \/>\n                                <\/svg><\/a>\n                            <a href=\"https:\/\/www.tiktok.com\/@nemanexpert\" target=\"_blank\" class=\"social-link tiktok\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n                                    height=\"20\" viewBox=\"0 0 448 512\" fill=\"white\">\n                                    <path\n                                        d=\"M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z\" \/>\n                                <\/svg><\/a>\n                            <a href=\"https:\/\/www.instagram.com\/nemanexpert\" target=\"_blank\" class=\"social-link instagram\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n                                    height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n                                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n                                    <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n                                    <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n                                <\/svg><\/a>\n                            <a href=\"https:\/\/wa.me\/77473933040\" target=\"_blank\" class=\"social-link whatsapp\" rel=\"noopener\"><svg\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                                    fill=\"white\">\n                                    <path\n                                        d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488\" \/>\n                                <\/svg><\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 2: \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f -->\n                    <div class=\"footer-col\">\n                        <h4 class=\"footer-title\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/h4>\n                        <div class=\"footer-links\">\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=4096\" class=\"footer-link\">\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=4104\" class=\"footer-link\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438\n                                \u043e\u043f\u043b\u0430\u0442\u044b<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=4060\" class=\"footer-link\">FAQ<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 3: \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b -->\n                    <div class=\"footer-col\">\n                        <h4 class=\"footer-title\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/h4>\n                        <div class=\"footer-links\">\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=3839\" class=\"footer-link\">\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u0430\u044f \u043e\u0444\u0435\u0440\u0442\u0430<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=3923\" class=\"footer-link\">\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435\n                                \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=3898\" class=\"footer-link\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=3928\" class=\"footer-link\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430\n                                \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 4: \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b -->\n                    <div class=\"footer-col\">\n                        <h4 class=\"footer-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h4>\n                        <div class=\"footer-contacts\">\n                            <div class=\"contact-item\">\n                                <strong>\u0422\u0435\u043b:<\/strong> +7 747 393 30 40\n                            <\/div>\n                            <div class=\"contact-item\">\n                                <strong>Email:<\/strong> info@nemanexpert.kz\n                            <\/div>\n                            <div class=\"contact-item\">\n                                \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0430 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d, \u0433. \u0410\u043b\u043c\u0430\u0442\u044b, \u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u0422\u0443\u0440\u0430\u0440\u0430 \u0420\u044b\u0441\u043a\u0443\u043b\u043e\u0432\u0430, 166\/2\u0430\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"footer-copyright\">\n                    <div class=\"copyright-text\">\n                        Copyright \u00a9 2025 nemanexpert \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n<\/body>\n\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0423\u043c\u043d\u044b\u0439 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044f \u041f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442\u0435 \u0443\u0442\u0435\u043f\u043b\u0435\u043d\u0438\u0435? \u041d\u0430\u0448 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0442\u043e\u0447\u043d\u043e \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044f, \u0447\u0442\u043e\u0431\u044b \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0431\u044b\u043b \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d \u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0439 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2085","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/2085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2085"}],"version-history":[{"count":292,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/2085\/revisions"}],"predecessor-version":[{"id":4411,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/2085\/revisions\/4411"}],"wp:attachment":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}