\u0422\u0435\u0440\u043c\u043e\u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u00b7 \u0448\u043a\u0430\u0444\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #FAF9F6;\n font-family: 'Open Sans', 'Segoe UI', Roboto, system-ui, -apple-system, sans-serif;\n font-size: 16px;\n font-weight: 400;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n color: #2D3748;\n line-height: 1.4;\n letter-spacing: 0.01em;\n transition: background 0.3s ease, color 0.3s ease;\n }\n\n body.dark {\n background: #0F1720;\n color: #C1C0BD;\n }\n\n h1 { font-size: 36px; font-weight: 600; line-height: 1.2; }\n h2 { font-size: 26px; font-weight: 600; line-height: 1.3; }\n h3 { font-size: 20px; font-weight: 600; line-height: 1.4; }\n\n .main-container {\n max-width: 1260px; width: 100%; margin: 0 auto;\n padding: 2rem 1.5rem 2.5rem; display: flex; flex-direction: column; gap: 1.8rem;\n }\n\n .tabs-wrapper {\n display: flex; gap: 0.5rem; border-bottom: 2px solid #E2DFD7;\n padding-bottom: 0; margin-bottom: 0.2rem;\n }\n body.dark .tabs-wrapper { border-bottom-color: #2B3B4A; }\n\n .tab-btn {\n background: transparent; border: none; padding: 0.9rem 2rem;\n font-size: 1rem; font-weight: 600; color: #7A8290; letter-spacing: 0.4px;\n text-transform: uppercase; cursor: pointer; border-bottom: 3px solid transparent;\n transition: all 0.2s ease; background: #F4F1EC; border-radius: 10px 10px 0 0; margin-right: 4px;\n }\n body.dark .tab-btn { background: #16202B; color: #8C8D8E; }\n .tab-btn.active { color: #2D3748; background: #ffffff; border-bottom: 3px solid #2D3748; font-weight: 600; }\n body.dark .tab-btn.active { background: #1B2C3D; color: #C1C0BD; border-bottom-color: #C1C0BD; }\n .tab-btn:hover:not(.active) { color: #2D3748; background: #F9F7F3; }\n\n .global-panel {\n background: #ffffff; border-radius: 10px; padding: 1.8rem 2rem;\n margin-bottom: 0.5rem; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);\n border: 1px solid #ECEAE4; display: flex; flex-wrap: wrap; align-items: flex-end;\n gap: 24px; transition: background 0.3s ease, border-color 0.3s ease, opacity 0.2s ease;\n }\n body.dark .global-panel { background: #16202B; border-color: #2B3B4A; }\n \n \/* \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 disabled \u0434\u043b\u044f \u0432\u0441\u0435\u0439 \u043f\u0430\u043d\u0435\u043b\u0438 (\u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435, \u0444\u043e\u043d, pointer-events) *\/\n .global-panel.disabled {\n opacity: 0.6;\n background: #f0ede8;\n pointer-events: none;\n cursor: default;\n filter: grayscale(0.05);\n }\n body.dark .global-panel.disabled {\n background: #11181f;\n opacity: 0.55;\n filter: grayscale(0.1);\n }\n \/* \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442-\u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0432\u0435\u0434\u0435\u043d \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e *\/\n\n .global-field { display: flex; flex-direction: column; gap: 0.4rem; }\n .global-field.wide-field { min-width: 260px; }\n .global-field label { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #7A8290; }\n body.dark .global-field label { color: #8C8D8E; }\n .global-field input, .global-field select {\n padding: 0.8rem 1rem; border: 1px solid #D6D3CB; border-radius: 10px;\n font-size: 0.95rem; background: #FAF9F6; color: #2D3748; font-weight: 500;\n outline: none; transition: 0.2s; width: 120px;\n }\n .global-field.wide-field select { width: 280px; }\n body.dark .global-field input, body.dark .global-field select {\n background: #1B2C3D; border-color: #3A4A5A; color: #C1C0BD;\n }\n .global-field input:focus, .global-field select:focus {\n border-color: #969CA8; box-shadow: 0 0 0 3px rgba(150, 156, 168, 0.15);\n }\n \n \/* \u0411\u043b\u043e\u043a-\u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0434 \u043f\u0430\u043d\u0435\u043b\u044c\u044e, \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438 *\/\n .global-disabled-hint {\n margin-top: -0.8rem;\n margin-bottom: 0.2rem;\n font-size: 13px;\n font-weight: 500;\n padding: 0.5rem 1rem;\n border-radius: 10px;\n background: #F0EADF;\n color: #1f2b33;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n width: fit-content;\n }\n body.dark .global-disabled-hint {\n background: #1f2b33;\n color: #be9b5a;\n }\n .global-disabled-hint.hidden {\n display: none;\n }\n \/* ----- \u041d\u041e\u0412\u0410\u042f \u0414\u0412\u0423\u0425\u041a\u041e\u041b\u041e\u041d\u041e\u0427\u041d\u0410\u042f \u0421\u0422\u0420\u0423\u041a\u0422\u0423\u0420\u0410 ----- *\/\n .calc-card {\n background: #F4F1EC; border-radius: 10px;\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04); border: 1px solid #E4DFD6;\n display: flex; gap: 2rem; padding: 2rem;\n transition: background 0.3s;\n }\n body.dark .calc-card { background: #1B2C3D; border-color: #2B3B4A; }\n\n .calc-left {\n flex: 1 1 55%;\n display: flex; flex-direction: column; gap: 1.5rem;\n }\n\n .calc-right {\n flex: 1 1 45%;\n display: flex; flex-direction: column; gap: 1.5rem;\n margin-top: 76px;\n }\n\n .card-header-section {\n display: flex; align-items: baseline; justify-content: space-between;\n border-bottom: 1px solid #D6D1C7; padding-bottom: 1rem;\n }\n body.dark .card-header-section { border-bottom-color: #3A4A5A; }\n .card-header-section h2 { font-weight: 600; font-size: 26px; color: #2D3748; text-transform: uppercase; }\n body.dark .card-header-section h2 { color: #C1C0BD; }\n\n .params-grid {\n display: flex; flex-direction: column; gap: 1.5rem;\n background: rgba(255,255,255,0.5); border-radius: 10px;\n padding: 1.5rem 1.8rem; border: 1px solid #E7E2D9;\n }\n body.dark .params-grid { background: rgba(0,0,0,0.2); border-color: #2B3B4A; }\n\n .params-section {\n display: flex; flex-direction: column; gap: 1rem;\n }\n .params-section-title {\n font-weight: 600; font-size: 16px; color: #4a5568;\n margin-bottom: 0.3rem; border-bottom: 1px dashed #ccc; padding-bottom: 0.3rem;\n }\n body.dark .params-section-title { color: #b7c0cd; border-bottom-color: #3A4A5A; }\n\n .param-item {\n display: flex; align-items: center; gap: 1rem;\n }\n .param-item label { \n flex: 0 0 160px; font-weight: 500; color: #2D3748; font-size: 15px; \n }\n body.dark .param-item label { color: #C1C0BD; }\n\n .param-item input,\n .param-item select {\n flex: 0 0 160px; padding: 0.65rem 0.8rem;\n border: 1px solid #CFC9BE; border-radius: 10px; background: white;\n font-size: 0.9rem; color: #2D3748; outline: none;\n }\n body.dark .param-item input,\n body.dark .param-item select {\n background: #16202B; border-color: #3A4A5A; color: #C1C0BD;\n }\n\n .result-panel {\n background: white; border-radius: 10px; padding: 1.8rem 2rem;\n display: flex; flex-direction: column; gap: 1rem;\n color: #2D3748;\n }\n body.dark .result-panel { background: #0F1720; color: white; }\n \n .result-main {\n display: flex; flex-direction: column; gap: 0.5rem;\n }\n .result-label {\n font-size: 16px; font-weight: 600; color: #7A8290; text-transform: uppercase;\n }\n body.dark .result-label { color: #8C8D8E; }\n .result-value { font-size: 3rem; font-weight: 500; line-height: 1.1; }\n \n .result-details {\n display: flex; flex-wrap: wrap; gap: 1.5rem;\n font-size: 15px; color: #4a5568;\n }\n body.dark .result-details { color: #b7c0cd; }\n\n .warning-note {\n border-radius: 10px; padding: 0.8rem 1.2rem; font-weight: 600; font-size: 14px;\n background: #F5F2EC;\n }\n .warning-success { background: #e6f7e6; color: #1b4d1b; }\n .warning-critical { background: #fdecea; color: #b71c1c; }\n .warning-info { background: #e3f2fd; color: #0d3c61; }\n body.dark .warning-note { background: #1e2a36; }\n body.dark .warning-success { background: #1a3522; color: #90c890; }\n body.dark .warning-critical { background: #3d2020; color: #e6a1a1; }\n body.dark .warning-info { background: #1a2a3a; color: #90caf9; }\n\n .info-table {\n background: white; border-radius: 10px; padding: 1rem 1.5rem;\n border: 1px solid #DDD8CF; display: flex; flex-wrap: wrap; gap: 2rem;\n font-size: 15px;\n }\n body.dark .info-table { background: #16202B; border-color: #2B3B4A; }\n\n .condition-row {\n background: white; border-radius: 10px; padding: 0.8rem 1.2rem;\n border: 1px solid #DDD8CF; font-size: 14px; font-weight: 500;\n }\n body.dark .condition-row { background: #16202B; border-color: #2B3B4A; }\n\n @media (max-width: 900px) {\n .calc-card {\n flex-direction: column;\n }\n .param-item {\n flex-direction: column; align-items: flex-start; gap: 0.4rem;\n }\n .param-item label { flex: none; width: auto; }\n .param-item input, .param-item select { flex: none; width: 100%; max-width: 100%; }\n .calc-right { margin-top: 0; }\n }\n\n @media (max-width: 850px) {\n .header-nav { gap: 1.2rem; font-size: 0.9rem; }\n .main-container { padding: 1.2rem; }\n .header-container { padding: 0 1.2rem; }\n }\n\n @media (max-width: 650px) {\n .site-header { height: auto; }\n .header-container { flex-wrap: wrap; gap: 0.8rem; justify-content: center; padding: 0.8rem 1rem; }\n .header-nav { order: 3; width: 100%; justify-content: center; gap: 1.5rem; }\n .global-panel { flex-direction: column; }\n }\n\n \/* \u0421\u0431\u0440\u043e\u0441 \u0441\u0442\u0438\u043b\u0435\u0439 \u0434\u043b\u044f \u043c\u0435\u043d\u044e *\/\n .main-menu {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n gap: 5px;\n }\n\n .menu-item {\n position: relative;\n }\n\n .menu-item > a {\n display: block;\n padding: 10px 15px;\n text-decoration: none;\n white-space: nowrap;\n color: inherit;\n transition: color 0.5s ease;\n }\n\n .menu-item > a:hover {\n color: #7A8290;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430 *\/\n .submenu {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n list-style: none;\n padding: 0;\n margin: 0;\n min-width: 220px;\n background: #fff;\n border-radius: 6px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n z-index: 1000;\n overflow: visible;\n }\n\n .submenu li {\n position: relative;\n }\n\n .submenu-right {\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n list-style: none;\n padding: 0;\n margin: 0;\n min-width: 220px;\n background: #fff;\n border-radius: 6px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n z-index: 1001;\n overflow: hidden;\n }\n\n .has-submenu > a::after {\n content: '';\n display: inline-block;\n width: 4px;\n height: 4px;\n margin-left: 8px;\n border-right: 1px solid currentColor;\n border-bottom: 1px solid currentColor;\n transform: rotate(45deg);\n vertical-align: middle;\n margin-bottom: 2px;\n }\n\n .has-submenu-right:hover > .submenu-right {\n display: block;\n }\n\n .submenu-right li a {\n display: block;\n padding: 10px 15px;\n text-decoration: none;\n color: #333;\n font-size: 15px;\n border-bottom: 1px solid #f0f0f0;\n transition: background 0.2s, padding-left 0.2s, color 0.5s ease;\n }\n\n .submenu-right li:last-child a {\n border-bottom: none;\n }\n\n .submenu-right li a:hover {\n background: #f5f5f5;\n color: #7A8290;\n }\n\n \/* \u0421\u0442\u0440\u0435\u043b\u043e\u0447\u043a\u0430 \u0434\u043b\u044f \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0441 \u043f\u043e\u0434\u043c\u0435\u043d\u044e *\/\n .has-submenu-right > a::after {\n content: '\u203a';\n float: right;\n font-size: 18px;\n line-height: 1;\n }\n\n \/* \u041f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n .has-submenu:hover .submenu {\n display: block;\n }\n\n .submenu li a {\n display: block;\n padding: 10px 15px;\n text-decoration: none;\n color: #7A8290;\n font-size: 15px;\n background: #F4F1EC;\n border-bottom: 1px solid #f0f0f0;\n transition: color 0.7s ease;\n }\n\n .submenu li:last-child a {\n border-bottom: none;\n transition: color 0.7s ease;\n }\n\n .submenu li a:hover {\n background: #ECE8E1;\n color: black;\n }\n\n \/* \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f \u043f\u043e\u0434 \u0442\u0435\u043c\u043d\u0443\u044e \u0442\u0435\u043c\u0443 *\/\n [data-color-palette=\"dark\"] .submenu {\n background: #1e1e1e;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n }\n\n [data-color-palette=\"dark\"] .submenu li a {\n color: #ddd;\n border-bottom: 1px solid #333;\n }\n\n [data-color-palette=\"dark\"] .submenu li a:hover {\n background: #2a2a2a;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-container\">\n <div class=\"tabs-wrapper\" id=\"tabContainer\">\n <button class=\"tab-btn active\" data-tab=\"heating\">\u041d\u0430\u0433\u0440\u0435\u0432<\/button>\n <button class=\"tab-btn\" data-tab=\"cooling\">\u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435<\/button>\n <button class=\"tab-btn\" data-tab=\"ventilation\">\u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f<\/button>\n <\/div>\n\n \n <div class=\"global-panel\" id=\"globalParamsPanel\">\n <div class=\"global-field\"><label>\u0412\u044b\u0441\u043e\u0442\u0430 (\u043c\u043c)<\/label><input type=\"number\" id=\"global_h\" value=\"1800\" step=\"10\" min=\"100\"><\/div>\n <div class=\"global-field\"><label>\u0428\u0438\u0440\u0438\u043d\u0430 (\u043c\u043c)<\/label><input type=\"number\" id=\"global_w\" value=\"800\" step=\"10\" min=\"100\"><\/div>\n <div class=\"global-field\"><label>\u0413\u043b\u0443\u0431\u0438\u043d\u0430 (\u043c\u043c)<\/label><input type=\"number\" id=\"global_d\" value=\"600\" step=\"10\" min=\"100\"><\/div>\n <div class=\"global-field wide-field\"><label>\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0448\u043a\u0430\u0444\u0430<\/label><select id=\"global_pos_type\">\n <option value=\"1\">\u041e\u0434\u0438\u043d \u0448\u043a\u0430\u0444, \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0438\u0439<\/option>\n <option value=\"2\">\u041e\u0434\u0438\u043d \u0448\u043a\u0430\u0444, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043d\u0430 \u0441\u0442\u0435\u043d\u0443<\/option>\n <option value=\"3\">\u041a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0435\u0433\u043e \u0440\u044f\u0434\u0430<\/option>\n <option value=\"4\">\u041a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443<\/option>\n <option value=\"5\">\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0435\u0433\u043e \u0440\u044f\u0434\u0430<\/option>\n <option value=\"6\">\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443<\/option>\n <option value=\"7\">\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443, \u043f\u043e\u0434 \u043a\u043e\u0437\u044b\u0440\u044c\u043a\u043e\u043c<\/option>\n <\/select><\/div>\n <div class=\"global-field wide-field\"><label>\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441\u0442\u0435\u043d\u043e\u043a (\u0412\u0442\/\u043c\u00b2\u00b7\u041a)<\/label><select id=\"global_u\"><option value=\"5.5\">\u0421\u0442\u0430\u043b\u044c (5.5)<\/option><option value=\"3.7\">\u041d\u0435\u0440\u0436. \u0441\u0442\u0430\u043b\u044c (3.7)<\/option><option value=\"12\">\u0410\u043b\u044e\u043c\u0438\u043d\u0438\u0439 (12)<\/option><option value=\"3.5\">\u041f\u043b\u0430\u0441\u0442\u0438\u043a (3.5)<\/option><option value=\"1.8\">\u0414\u0432\u043e\u0439\u043d\u0430\u044f \u0441\u0442\u0435\u043d\u043a\u0430 (1.8)<\/option><option value=\"1.2\">\u0422\u0435\u0440\u043c\u043e\u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 OUTDOOR (1.2)<\/option><\/select><\/div>\n <\/div>\n <div id=\"globalDisabledHint\" class=\"global-disabled-hint hidden\">\n \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u00ab\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u00bb \u0438 \u00ab\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441\u0442\u0435\u043d\u043e\u043a\u00bb \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0440\u0430\u0441\u0447\u0451\u0442\u0430 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438\n <\/div>\n\n <div id=\"calcContainer\" class=\"calc-card\"><\/div>\n <\/div>\n\n <script>\n (function() {\n const tabBtns = document.querySelectorAll('.tab-btn');\n const calcContainer = document.getElementById('calcContainer');\n const globalPanel = document.getElementById('globalParamsPanel');\n const disabledHint = document.getElementById('globalDisabledHint');\n \n const globalH = document.getElementById('global_h');\n const globalW = document.getElementById('global_w');\n const globalD = document.getElementById('global_d');\n const globalPosType = document.getElementById('global_pos_type');\n const globalU = document.getElementById('global_u');\n\n let currentTab = 'heating';\n\n\n function safeParseFloat(v, def) { const p = parseFloat(v); return isNaN(p) ? def : p; }\n \n \/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0433\u0430\u0431\u0430\u0440\u0438\u0442\u043e\u0432 \u0432 \u043c\u0435\u0442\u0440\u0430\u0445\n function getDimsMeters() { \n return { \n H: safeParseFloat(globalH.value, 1800) \/ 1000, \n W: safeParseFloat(globalW.value, 800) \/ 1000, \n D: safeParseFloat(globalD.value, 600) \/ 1000 \n }; \n }\n \n \/\/ \u0424\u0423\u041d\u041a\u0426\u0418\u042f \u0420\u0410\u0421\u0427\u0415\u0422\u0410 \u042d\u0424\u0424\u0415\u041a\u0422\u0418\u0412\u041d\u041e\u0419 \u041f\u041b\u041e\u0429\u0410\u0414\u0418 Aeff \u043f\u043e \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c \u0444\u043e\u0440\u043c\u0443\u043b\u0430\u043c\n function calculateAeff() {\n const { H, W, D } = getDimsMeters();\n const posType = globalPosType.value;\n \n switch(posType) {\n case '1': return 1.8 * H * (W + D) + 1.4 * W * D;\n case '2': return 1.4 * W * (H + D) + 1.8 * D * H;\n case '3': return 1.4 * D * (H + W) + 1.8 * W * H;\n case '4': return 1.4 * H * (W + D) + 1.4 * W * D;\n case '5': return 1.8 * W * H + 1.4 * W * D + D * H;\n case '6': return 1.4 * W * (H + D) + D * H;\n case '7': return 1.4 * W * H + 0.7 * W * D + D * H;\n default: return 1.8 * H * (W + D) + 1.4 * W * D;\n }\n }\n\n function getU() { return safeParseFloat(globalU.value, 5.5); }\n function aeff() { return calculateAeff(); }\n \n \/\/ \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u043e\u0439 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0430\u043d\u0435\u043b\u0438 (disabled)\n function setGlobalPanelDisabled(disabled) {\n if (disabled) {\n globalPanel.classList.add('disabled');\n disabledHint.classList.remove('hidden');\n } else {\n globalPanel.classList.remove('disabled');\n disabledHint.classList.add('hidden');\n }\n }\n \n function renderHeating() {\n setGlobalPanelDisabled(false);\n const U = getU();\n const A = aeff();\n const tOut = safeParseFloat(document.getElementById('heat_tout')?.value, -20);\n const tIn = safeParseFloat(document.getElementById('heat_tin')?.value, 20);\n const dt = Math.max(0, tIn - tOut);\n document.getElementById('heat_dt').innerText = (tIn - tOut).toFixed(1);\n document.getElementById('heat_value').innerText = (U * A * dt).toFixed(1);\n document.getElementById('heat_aeff').innerText = A.toFixed(3);\n document.getElementById('heat_u_val').innerText = U.toFixed(2);\n }\n\n function renderCooling() {\n setGlobalPanelDisabled(false);\n const U = getU();\n const A = aeff();\n const q = safeParseFloat(document.getElementById('cool_qinternal')?.value, 500);\n const tOut = safeParseFloat(document.getElementById('cool_tout')?.value, 35);\n const tIn = safeParseFloat(document.getElementById('cool_tin')?.value, 28);\n const dt = Math.max(0, tOut - tIn);\n const Qwall = U * A * dt;\n const G = safeParseFloat(document.getElementById('cool_g')?.value, 800);\n const alpha = safeParseFloat(document.getElementById('cool_alpha')?.value, 0.6);\n const Kins = safeParseFloat(document.getElementById('cool_kins')?.value, 1);\n const side = document.getElementById('cool_side')?.value || 'front';\n const { H, W, D } = getDimsMeters();\n const As = (side === 'front' ? H * W : H * D) + W * D;\n const Qsun = G * alpha * Kins * As;\n const totalCooling = q + Qwall + Qsun;\n\n document.getElementById('cool_value').innerText = totalCooling.toFixed(1);\n document.getElementById('cool_qwall').innerText = Qwall.toFixed(1);\n document.getElementById('cool_qsun').innerText = Qsun.toFixed(1);\n \n const coolDt = tOut - tIn;\n let coolCondition = '';\n let coolConditionClass = 'condition-row';\n if (coolDt > 0) {\n coolCondition = '\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 (\u0442\u0435\u043f\u043b\u043e \u0438\u0434\u0435\u0442 \u0432\u043d\u0443\u0442\u0440\u044c)';\n coolConditionClass += ' warning-critical';\n } else if (coolDt < 0) {\n coolCondition = '\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u0441\u0442\u0435\u043d\u043a\u0438 (\u0442\u0435\u043f\u043b\u043e \u0443\u0445\u043e\u0434\u0438\u0442 \u043d\u0430\u0440\u0443\u0436\u0443)';\n coolConditionClass += ' warning-info';\n } else {\n coolCondition = '\u0422\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u044b \u0440\u0430\u0432\u043d\u044b';\n coolConditionClass += ' warning-info';\n }\n const conditionEl = document.getElementById('cool_condition');\n if (conditionEl) {\n conditionEl.innerText = coolCondition;\n conditionEl.className = coolConditionClass;\n }\n \n const sunWarningEl = document.getElementById('cool_warning_sun');\n if (sunWarningEl) {\n if (G > 0 && Qsun > 0) {\n sunWarningEl.innerHTML = '\u0421\u043e\u043b\u043d\u0435\u0447\u043d\u0430\u044f \u0440\u0430\u0434\u0438\u0430\u0446\u0438\u044f \u0443\u0447\u0442\u0435\u043d\u0430 (+' + Qsun.toFixed(0) + ' \u0412\u0442)';\n sunWarningEl.className = 'warning-note warning-info';\n } else if (G <= 0) {\n sunWarningEl.innerHTML = '';\n } else {\n sunWarningEl.innerHTML = '\u0421\u043e\u043b\u043d\u0435\u0447\u043d\u0430\u044f \u0440\u0430\u0434\u0438\u0430\u0446\u0438\u044f \u043d\u0435\u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u0430';\n sunWarningEl.className = 'warning-note';\n }\n }\n const coolAeffSpan = document.getElementById('cool_aeff_display');\n if (coolAeffSpan) coolAeffSpan.innerText = A.toFixed(3);\n }\n\n function renderVentilation() {\n \/\/ \u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f \u041d\u0415 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 U, Aeff, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u2014 \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e + \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u043c \u0432\u0432\u043e\u0434\n setGlobalPanelDisabled(true);\n \n const q = safeParseFloat(document.getElementById('fan_q')?.value, 500);\n const tOut = safeParseFloat(document.getElementById('fan_tout')?.value, 30);\n const tIn = safeParseFloat(document.getElementById('fan_tin')?.value, 35);\n const dt = tIn - tOut;\n const eta = safeParseFloat(document.getElementById('fan_eta')?.value, 0.65);\n document.getElementById('fan_dt').innerText = dt.toFixed(1);\n \n let V = 0, warningMessage = '', warningClass = 'warning-note';\n if (dt > 0) {\n V = q \/ (0.33 * dt * eta);\n if (dt > 10) { warningMessage = '\u0394T > 10\u00b0C \u2014 \u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e'; warningClass = 'warning-note warning-success'; }\n else if (dt > 5) { warningMessage = '5\u00b0C < \u0394T \u2264 10\u00b0C \u2014 \u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u043c'; warningClass = 'warning-note'; }\n else { warningMessage = '0\u00b0C < \u0394T \u2264 5\u00b0C \u2014 \u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f!'; warningClass = 'warning-note warning-critical'; }\n } else if (dt === 0) {\n V = 0; warningMessage = '\u0394T = 0\u00b0C \u2014 \u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f (\u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u044b \u0440\u0430\u0432\u043d\u044b)'; warningClass = 'warning-note warning-info';\n } else {\n V = 0; warningMessage = '\u0394T < 0\u00b0C \u2014 \u0412\u043d\u0443\u0442\u0440\u0438 \u0445\u043e\u043b\u043e\u0434\u043d\u0435\u0435 \u0447\u0435\u043c \u0441\u043d\u0430\u0440\u0443\u0436\u0438. \u0414\u043b\u044f \u043e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440. \u041f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0443 \"\u041e\u0425\u041b\u0410\u0416\u0414\u0415\u041d\u0418\u0415\"'; warningClass = 'warning-note warning-info';\n }\n \n document.getElementById('fan_value').innerText = V.toFixed(0);\n const warnEl = document.getElementById('fan_warning');\n if (warnEl) {\n warnEl.innerHTML = warningMessage;\n warnEl.className = warningClass;\n }\n const fanAeffSpan = document.getElementById('fan_aeff_display');\n if (fanAeffSpan) fanAeffSpan.innerText = '\u2014 (\u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f)';\n }\n\n function insertHTML(tab) {\n if(tab === 'heating') {\n calcContainer.innerHTML = `\n <div class=\"calc-left\">\n <div class=\"card-header-section\"><h2>\u041d\u0430\u0433\u0440\u0435\u0432<\/h2><\/div>\n <div class=\"params-grid\">\n <div class=\"params-section\">\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u043c\u0438\u043d. (\u00b0C)<\/label><input type=\"number\" id=\"heat_tout\" value=\"-20\" step=\"1\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0432\u043d\u0443\u0442\u0440\u0438 \u0446\u0435\u043b\u0435\u0432\u0430\u044f (\u00b0C)<\/label><input type=\"number\" id=\"heat_tin\" value=\"20\" step=\"1\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"calc-right\">\n <div class=\"result-panel\">\n <div class=\"result-main\">\n <div class=\"result-label\">\u0422\u0435\u043f\u043b\u043e\u043e\u0442\u0434\u0430\u0447\u0430<\/div>\n <div class=\"result-value\"><span id=\"heat_value\">0.0<\/span> \u0412\u0442<\/div>\n <\/div>\n <\/div>\n <div class=\"info-table\">\n <span>\u0394T: <span id=\"heat_dt\">40<\/span> \u00b0C<\/span>\n <span>A\u044d\u0444\u0444: <span id=\"heat_aeff\">0.000<\/span> \u043c\u00b2<\/span>\n <span>U: <span id=\"heat_u_val\">5.5<\/span> \u0412\u0442\/(\u043c\u00b2\u00b7\u041a)<\/span>\n <\/div>\n <\/div>`;\n }\n else if(tab === 'cooling') {\n calcContainer.innerHTML = `\n <div class=\"calc-left\">\n <div class=\"card-header-section\"><h2>\u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435<\/h2><\/div>\n <div class=\"params-grid\">\n <div class=\"params-section\">\n <div class=\"param-item\"><label>\u0422\u0435\u043f\u043b\u043e\u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u043e\u0440\u0443\u0434. (\u0412\u0442):<\/label><input type=\"number\" id=\"cool_qinternal\" value=\"500\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u043c\u0430\u043a\u0441. (\u00b0C):<\/label><input type=\"number\" id=\"cool_tout\" value=\"35\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0432\u043d\u0443\u0442\u0440\u0438 \u0446\u0435\u043b\u0435\u0432\u0430\u044f (\u00b0C):<\/label><input type=\"number\" id=\"cool_tin\" value=\"28\"><\/div>\n <\/div>\n <div class=\"params-section\">\n <div class=\"params-section-title\">\u0421\u043e\u043b\u043d\u0435\u0447\u043d\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 (\u0434\u043e\u043f.)<\/div>\n <div class=\"param-item\"><label>\u041f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u043b\u043d\u0435\u0447\u043d\u043e\u0439 \u0440\u0430\u0434\u0438\u0430\u0446\u0438\u0438 (G \u0412\u0442\/\u043c\u00b2):<\/label><input type=\"number\" id=\"cool_g\" value=\"800\"><\/div>\n <div class=\"param-item\"><label>\u041a\u043e\u044d\u0444. \u043f\u043e\u0433\u043b\u043e\u0449\u0435\u043d\u0438\u044f (\u03b1):<\/label><select id=\"cool_alpha\"><option value=\"0.3\">\u0421\u0432\u0435\u0442\u043b\u0430\u044f 0.3<\/option><option value=\"0.6\" selected>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f 0.6<\/option><option value=\"0.9\">\u0422\u0435\u043c\u043d\u0430\u044f 0.9<\/option><\/select><\/div>\n <div class=\"param-item\"><label>\u041a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u0442\u0435\u043f\u043b\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438 (K ins)<\/label><select id=\"cool_kins\"><option value=\"1\">\u0411\u0435\u0437 \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438 (1.0)<\/option><option value=\"0.65\">\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u0430\u044f \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f (0.65)<\/option><option value=\"0.4\">\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0442\u0435\u043f\u043b\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f (0.4)<\/option><option value=\"0.3\">\u0414\u0432\u043e\u0439\u043d\u0430\u044f \u0441\u0442\u0435\u043d\u043a\u0430 + \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f (0.3)<\/option><\/select><\/div>\n <div class=\"param-item\"><label>\u0421\u0442\u043e\u0440\u043e\u043d\u0430 \u043f\u043e\u0434 \u0441\u043e\u043b\u043d\u0446\u0435:<\/label><select id=\"cool_side\"><option value=\"front\">\u041f\u0435\u0440\u0435\u0434\u043d\u044f\u044f (H x W)<\/option><option value=\"side\">\u0411\u043e\u043a\u043e\u0432\u0430\u044f (H x D)<\/option><\/select><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"calc-right\">\n <div class=\"result-panel\">\n <div class=\"result-main\">\n <div class=\"result-label\">\u0425\u043e\u043b\u043e\u0434\u043e\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/div>\n <div class=\"result-value\"><span id=\"cool_value\">0<\/span> \u0412\u0442<\/div>\n <\/div>\n <\/div>\n <div id=\"cool_condition\" class=\"condition-row\"><\/div>\n <div id=\"cool_warning_sun\" class=\"warning-note\"><\/div>\n <div class=\"info-table\">\n <span>Q\u0441\u0442\u0435\u043d: <span id=\"cool_qwall\">0<\/span> \u0412\u0442<\/span>\n <span>Q\u0441\u043e\u043b\u043d\u0446\u0435: <span id=\"cool_qsun\">0<\/span> \u0412\u0442<\/span>\n <span>A\u044d\u0444\u0444: <span id=\"cool_aeff_display\">0.000<\/span> \u043c\u00b2<\/span>\n <\/div>\n <\/div>`;\n }\n else { \/\/ ventilation\n calcContainer.innerHTML = `\n <div class=\"calc-left\">\n <div class=\"card-header-section\"><h2>\u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f<\/h2><\/div>\n <div class=\"params-grid\">\n <div class=\"params-section\">\n <div class=\"param-item\"><label>\u0422\u0435\u043f\u043b\u043e\u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u043e\u0440\u0443\u0434. (\u0412\u0442):<\/label><input type=\"number\" id=\"fan_q\" value=\"500\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u043c\u0430\u043a\u0441. (\u00b0C):<\/label><input type=\"number\" id=\"fan_tout\" value=\"30\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0432\u043d\u0443\u0442\u0440\u0438 \u0446\u0435\u043b\u0435\u0432\u0430\u044f (\u00b0C):<\/label><input type=\"number\" id=\"fan_tin\" value=\"35\"><\/div>\n <div class=\"param-item\"><label>\u041a\u043e\u044d\u0444. \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0444\u0438\u043b\u044c\u0442\u0440\u0430 (\u03b7):<\/label><input type=\"number\" min=\"0.1\" max=\"1\" step=\"0.01\" id=\"fan_eta\" value=\"1\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"calc-right\">\n <div class=\"result-panel\">\n <div class=\"result-main\">\n <div class=\"result-label\">\u0412\u043e\u0437\u0434\u0443\u0448\u043d\u044b\u0439 \u043f\u043e\u0442\u043e\u043a<\/div>\n <div class=\"result-value\"><span id=\"fan_value\">0<\/span> \u043c\u00b3\/\u0447<\/div>\n <\/div>\n <\/div>\n <div class=\"info-table\">\n <span>\u0394T: <span id=\"fan_dt\">0<\/span> \u00b0C<\/span>\n <span>A\u044d\u0444\u0444: <span id=\"fan_aeff_display\">\u2014 (\u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f)<\/span><\/span>\n <\/div>\n <div id=\"fan_warning\" class=\"warning-note\"><\/div>\n <\/div>`;\n }\n }\n\n function bindEvents() {\n ['heat_tout','heat_tin','cool_qinternal','cool_tout','cool_tin','cool_g','cool_alpha','cool_kins','cool_side','fan_q','fan_tout','fan_tin','fan_eta'].forEach(id=>{\n const el = document.getElementById(id);\n if(el){ el.oninput = refresh; el.onchange = refresh; }\n });\n }\n\n function updateSolarRadiation() {\n const globalU = document.getElementById('global_u');\n const G = document.getElementById('cool_g');\n \n if (globalU && G) {\n if (globalU.value === '1.2') {\n G.value = 0;\n G.disabled = true;\n } else {\n G.disabled = false;\n G.value = '800';\n }\n }\n }\n\n function refresh() {\n if(currentTab === 'heating') renderHeating();\n else if(currentTab === 'cooling') renderCooling();\n else renderVentilation();\n }\n\n globalU.addEventListener('change', updateSolarRadiation);\n\n \/\/ \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f (\u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0438 \u043f\u0440\u043e\u0447\u0435\u0435) \u2014 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u044e\u0442, \u043d\u043e \u0434\u043b\u044f \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438 \u0431\u043b\u043e\u043a \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0430\u043d\u0435\u043b\u044c\u044e\n [globalH, globalW, globalD, globalPosType, globalU].forEach(e => { \n if(e) { e.oninput = refresh; e.onchange = refresh; } \n });\n\n tabBtns.forEach(b => b.addEventListener('click', function() {\n tabBtns.forEach(x => x.classList.remove('active'));\n this.classList.add('active');\n currentTab = this.dataset.tab;\n insertHTML(currentTab);\n bindEvents();\n updateSolarRadiation();\n refresh();\n }));\n\n updateSolarRadiation();\n insertHTML('heating');\n bindEvents();\n renderHeating();\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0422\u0435\u0440\u043c\u043e\u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u00b7 \u0448\u043a\u0430\u0444\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u041d\u0430\u0433\u0440\u0435\u0432 \u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f \u0412\u044b\u0441\u043e\u0442\u0430 (\u043c\u043c) \u0428\u0438\u0440\u0438\u043d\u0430 (\u043c\u043c) \u0413\u043b\u0443\u0431\u0438\u043d\u0430 (\u043c\u043c) \u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0448\u043a\u0430\u0444\u0430\u041e\u0434\u0438\u043d \u0448\u043a\u0430\u0444, \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0438\u0439\u041e\u0434\u0438\u043d \u0448\u043a\u0430\u0444, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043d\u0430 \u0441\u0442\u0435\u043d\u0443\u041a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0435\u0433\u043e \u0440\u044f\u0434\u0430\u041a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0435\u0433\u043e \u0440\u044f\u0434\u0430\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443, \u043f\u043e\u0434 \u043a\u043e\u0437\u044b\u0440\u044c\u043a\u043e\u043c \u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441\u0442\u0435\u043d\u043e\u043a…<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-420","page","type-page","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"sgadm","author_link":"https:\/\/silart.com\/en\/author\/sgadm\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/pages\/420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/comments?post=420"}],"version-history":[{"count":6,"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/pages\/420\/revisions"}],"predecessor-version":[{"id":2129,"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/pages\/420\/revisions\/2129"}],"wp:attachment":[{"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/media?parent=420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":420,"date":"2026-02-16T11:38:43","date_gmt":"2026-02-16T08:38:43","guid":{"rendered":"https:\/\/dev.silart.com\/?page_id=420"},"modified":"2026-05-13T16:27:47","modified_gmt":"2026-05-13T13:27:47","slug":"selection-tools","status":"publish","type":"page","link":"https:\/\/silart.com\/en\/selection-tools\/","title":{"rendered":"\u041f\u043e\u0434\u0431\u043e\u0440 \u0438 \u0440\u0430\u0441\u0447\u0435\u0442\u044b"},"content":{"rendered":"\n\n\n\n \n \n \n \n \n \u0422\u0435\u0440\u043c\u043e\u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u00b7 \u0448\u043a\u0430\u0444\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #FAF9F6;\n font-family: 'Open Sans', 'Segoe UI', Roboto, system-ui, -apple-system, sans-serif;\n font-size: 16px;\n font-weight: 400;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n color: #2D3748;\n line-height: 1.4;\n letter-spacing: 0.01em;\n transition: background 0.3s ease, color 0.3s ease;\n }\n\n body.dark {\n background: #0F1720;\n color: #C1C0BD;\n }\n\n h1 { font-size: 36px; font-weight: 600; line-height: 1.2; }\n h2 { font-size: 26px; font-weight: 600; line-height: 1.3; }\n h3 { font-size: 20px; font-weight: 600; line-height: 1.4; }\n\n .main-container {\n max-width: 1260px; width: 100%; margin: 0 auto;\n padding: 2rem 1.5rem 2.5rem; display: flex; flex-direction: column; gap: 1.8rem;\n }\n\n .tabs-wrapper {\n display: flex; gap: 0.5rem; border-bottom: 2px solid #E2DFD7;\n padding-bottom: 0; margin-bottom: 0.2rem;\n }\n body.dark .tabs-wrapper { border-bottom-color: #2B3B4A; }\n\n .tab-btn {\n background: transparent; border: none; padding: 0.9rem 2rem;\n font-size: 1rem; font-weight: 600; color: #7A8290; letter-spacing: 0.4px;\n text-transform: uppercase; cursor: pointer; border-bottom: 3px solid transparent;\n transition: all 0.2s ease; background: #F4F1EC; border-radius: 10px 10px 0 0; margin-right: 4px;\n }\n body.dark .tab-btn { background: #16202B; color: #8C8D8E; }\n .tab-btn.active { color: #2D3748; background: #ffffff; border-bottom: 3px solid #2D3748; font-weight: 600; }\n body.dark .tab-btn.active { background: #1B2C3D; color: #C1C0BD; border-bottom-color: #C1C0BD; }\n .tab-btn:hover:not(.active) { color: #2D3748; background: #F9F7F3; }\n\n .global-panel {\n background: #ffffff; border-radius: 10px; padding: 1.8rem 2rem;\n margin-bottom: 0.5rem; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);\n border: 1px solid #ECEAE4; display: flex; flex-wrap: wrap; align-items: flex-end;\n gap: 24px; transition: background 0.3s ease, border-color 0.3s ease, opacity 0.2s ease;\n }\n body.dark .global-panel { background: #16202B; border-color: #2B3B4A; }\n \n \/* \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 disabled \u0434\u043b\u044f \u0432\u0441\u0435\u0439 \u043f\u0430\u043d\u0435\u043b\u0438 (\u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435, \u0444\u043e\u043d, pointer-events) *\/\n .global-panel.disabled {\n opacity: 0.6;\n background: #f0ede8;\n pointer-events: none;\n cursor: default;\n filter: grayscale(0.05);\n }\n body.dark .global-panel.disabled {\n background: #11181f;\n opacity: 0.55;\n filter: grayscale(0.1);\n }\n \/* \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442-\u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0432\u0435\u0434\u0435\u043d \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e *\/\n\n .global-field { display: flex; flex-direction: column; gap: 0.4rem; }\n .global-field.wide-field { min-width: 260px; }\n .global-field label { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #7A8290; }\n body.dark .global-field label { color: #8C8D8E; }\n .global-field input, .global-field select {\n padding: 0.8rem 1rem; border: 1px solid #D6D3CB; border-radius: 10px;\n font-size: 0.95rem; background: #FAF9F6; color: #2D3748; font-weight: 500;\n outline: none; transition: 0.2s; width: 120px;\n }\n .global-field.wide-field select { width: 280px; }\n body.dark .global-field input, body.dark .global-field select {\n background: #1B2C3D; border-color: #3A4A5A; color: #C1C0BD;\n }\n .global-field input:focus, .global-field select:focus {\n border-color: #969CA8; box-shadow: 0 0 0 3px rgba(150, 156, 168, 0.15);\n }\n \n \/* \u0411\u043b\u043e\u043a-\u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0434 \u043f\u0430\u043d\u0435\u043b\u044c\u044e, \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438 *\/\n .global-disabled-hint {\n margin-top: -0.8rem;\n margin-bottom: 0.2rem;\n font-size: 13px;\n font-weight: 500;\n padding: 0.5rem 1rem;\n border-radius: 10px;\n background: #F0EADF;\n color: #1f2b33;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n width: fit-content;\n }\n body.dark .global-disabled-hint {\n background: #1f2b33;\n color: #be9b5a;\n }\n .global-disabled-hint.hidden {\n display: none;\n }\n \/* ----- \u041d\u041e\u0412\u0410\u042f \u0414\u0412\u0423\u0425\u041a\u041e\u041b\u041e\u041d\u041e\u0427\u041d\u0410\u042f \u0421\u0422\u0420\u0423\u041a\u0422\u0423\u0420\u0410 ----- *\/\n .calc-card {\n background: #F4F1EC; border-radius: 10px;\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04); border: 1px solid #E4DFD6;\n display: flex; gap: 2rem; padding: 2rem;\n transition: background 0.3s;\n }\n body.dark .calc-card { background: #1B2C3D; border-color: #2B3B4A; }\n\n .calc-left {\n flex: 1 1 55%;\n display: flex; flex-direction: column; gap: 1.5rem;\n }\n\n .calc-right {\n flex: 1 1 45%;\n display: flex; flex-direction: column; gap: 1.5rem;\n margin-top: 76px;\n }\n\n .card-header-section {\n display: flex; align-items: baseline; justify-content: space-between;\n border-bottom: 1px solid #D6D1C7; padding-bottom: 1rem;\n }\n body.dark .card-header-section { border-bottom-color: #3A4A5A; }\n .card-header-section h2 { font-weight: 600; font-size: 26px; color: #2D3748; text-transform: uppercase; }\n body.dark .card-header-section h2 { color: #C1C0BD; }\n\n .params-grid {\n display: flex; flex-direction: column; gap: 1.5rem;\n background: rgba(255,255,255,0.5); border-radius: 10px;\n padding: 1.5rem 1.8rem; border: 1px solid #E7E2D9;\n }\n body.dark .params-grid { background: rgba(0,0,0,0.2); border-color: #2B3B4A; }\n\n .params-section {\n display: flex; flex-direction: column; gap: 1rem;\n }\n .params-section-title {\n font-weight: 600; font-size: 16px; color: #4a5568;\n margin-bottom: 0.3rem; border-bottom: 1px dashed #ccc; padding-bottom: 0.3rem;\n }\n body.dark .params-section-title { color: #b7c0cd; border-bottom-color: #3A4A5A; }\n\n .param-item {\n display: flex; align-items: center; gap: 1rem;\n }\n .param-item label { \n flex: 0 0 160px; font-weight: 500; color: #2D3748; font-size: 15px; \n }\n body.dark .param-item label { color: #C1C0BD; }\n\n .param-item input,\n .param-item select {\n flex: 0 0 160px; padding: 0.65rem 0.8rem;\n border: 1px solid #CFC9BE; border-radius: 10px; background: white;\n font-size: 0.9rem; color: #2D3748; outline: none;\n }\n body.dark .param-item input,\n body.dark .param-item select {\n background: #16202B; border-color: #3A4A5A; color: #C1C0BD;\n }\n\n .result-panel {\n background: white; border-radius: 10px; padding: 1.8rem 2rem;\n display: flex; flex-direction: column; gap: 1rem;\n color: #2D3748;\n }\n body.dark .result-panel { background: #0F1720; color: white; }\n \n .result-main {\n display: flex; flex-direction: column; gap: 0.5rem;\n }\n .result-label {\n font-size: 16px; font-weight: 600; color: #7A8290; text-transform: uppercase;\n }\n body.dark .result-label { color: #8C8D8E; }\n .result-value { font-size: 3rem; font-weight: 500; line-height: 1.1; }\n \n .result-details {\n display: flex; flex-wrap: wrap; gap: 1.5rem;\n font-size: 15px; color: #4a5568;\n }\n body.dark .result-details { color: #b7c0cd; }\n\n .warning-note {\n border-radius: 10px; padding: 0.8rem 1.2rem; font-weight: 600; font-size: 14px;\n background: #F5F2EC;\n }\n .warning-success { background: #e6f7e6; color: #1b4d1b; }\n .warning-critical { background: #fdecea; color: #b71c1c; }\n .warning-info { background: #e3f2fd; color: #0d3c61; }\n body.dark .warning-note { background: #1e2a36; }\n body.dark .warning-success { background: #1a3522; color: #90c890; }\n body.dark .warning-critical { background: #3d2020; color: #e6a1a1; }\n body.dark .warning-info { background: #1a2a3a; color: #90caf9; }\n\n .info-table {\n background: white; border-radius: 10px; padding: 1rem 1.5rem;\n border: 1px solid #DDD8CF; display: flex; flex-wrap: wrap; gap: 2rem;\n font-size: 15px;\n }\n body.dark .info-table { background: #16202B; border-color: #2B3B4A; }\n\n .condition-row {\n background: white; border-radius: 10px; padding: 0.8rem 1.2rem;\n border: 1px solid #DDD8CF; font-size: 14px; font-weight: 500;\n }\n body.dark .condition-row { background: #16202B; border-color: #2B3B4A; }\n\n @media (max-width: 900px) {\n .calc-card {\n flex-direction: column;\n }\n .param-item {\n flex-direction: column; align-items: flex-start; gap: 0.4rem;\n }\n .param-item label { flex: none; width: auto; }\n .param-item input, .param-item select { flex: none; width: 100%; max-width: 100%; }\n .calc-right { margin-top: 0; }\n }\n\n @media (max-width: 850px) {\n .header-nav { gap: 1.2rem; font-size: 0.9rem; }\n .main-container { padding: 1.2rem; }\n .header-container { padding: 0 1.2rem; }\n }\n\n @media (max-width: 650px) {\n .site-header { height: auto; }\n .header-container { flex-wrap: wrap; gap: 0.8rem; justify-content: center; padding: 0.8rem 1rem; }\n .header-nav { order: 3; width: 100%; justify-content: center; gap: 1.5rem; }\n .global-panel { flex-direction: column; }\n }\n\n \/* \u0421\u0431\u0440\u043e\u0441 \u0441\u0442\u0438\u043b\u0435\u0439 \u0434\u043b\u044f \u043c\u0435\u043d\u044e *\/\n .main-menu {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n gap: 5px;\n }\n\n .menu-item {\n position: relative;\n }\n\n .menu-item > a {\n display: block;\n padding: 10px 15px;\n text-decoration: none;\n white-space: nowrap;\n color: inherit;\n transition: color 0.5s ease;\n }\n\n .menu-item > a:hover {\n color: #7A8290;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430 *\/\n .submenu {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n list-style: none;\n padding: 0;\n margin: 0;\n min-width: 220px;\n background: #fff;\n border-radius: 6px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n z-index: 1000;\n overflow: visible;\n }\n\n .submenu li {\n position: relative;\n }\n\n .submenu-right {\n display: none;\n position: absolute;\n left: 100%;\n top: 0;\n list-style: none;\n padding: 0;\n margin: 0;\n min-width: 220px;\n background: #fff;\n border-radius: 6px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n z-index: 1001;\n overflow: hidden;\n }\n\n .has-submenu > a::after {\n content: '';\n display: inline-block;\n width: 4px;\n height: 4px;\n margin-left: 8px;\n border-right: 1px solid currentColor;\n border-bottom: 1px solid currentColor;\n transform: rotate(45deg);\n vertical-align: middle;\n margin-bottom: 2px;\n }\n\n .has-submenu-right:hover > .submenu-right {\n display: block;\n }\n\n .submenu-right li a {\n display: block;\n padding: 10px 15px;\n text-decoration: none;\n color: #333;\n font-size: 15px;\n border-bottom: 1px solid #f0f0f0;\n transition: background 0.2s, padding-left 0.2s, color 0.5s ease;\n }\n\n .submenu-right li:last-child a {\n border-bottom: none;\n }\n\n .submenu-right li a:hover {\n background: #f5f5f5;\n color: #7A8290;\n }\n\n \/* \u0421\u0442\u0440\u0435\u043b\u043e\u0447\u043a\u0430 \u0434\u043b\u044f \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0441 \u043f\u043e\u0434\u043c\u0435\u043d\u044e *\/\n .has-submenu-right > a::after {\n content: '\u203a';\n float: right;\n font-size: 18px;\n line-height: 1;\n }\n\n \/* \u041f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n .has-submenu:hover .submenu {\n display: block;\n }\n\n .submenu li a {\n display: block;\n padding: 10px 15px;\n text-decoration: none;\n color: #7A8290;\n font-size: 15px;\n background: #F4F1EC;\n border-bottom: 1px solid #f0f0f0;\n transition: color 0.7s ease;\n }\n\n .submenu li:last-child a {\n border-bottom: none;\n transition: color 0.7s ease;\n }\n\n .submenu li a:hover {\n background: #ECE8E1;\n color: black;\n }\n\n \/* \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f \u043f\u043e\u0434 \u0442\u0435\u043c\u043d\u0443\u044e \u0442\u0435\u043c\u0443 *\/\n [data-color-palette=\"dark\"] .submenu {\n background: #1e1e1e;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n }\n\n [data-color-palette=\"dark\"] .submenu li a {\n color: #ddd;\n border-bottom: 1px solid #333;\n }\n\n [data-color-palette=\"dark\"] .submenu li a:hover {\n background: #2a2a2a;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-container\">\n <div class=\"tabs-wrapper\" id=\"tabContainer\">\n <button class=\"tab-btn active\" data-tab=\"heating\">\u041d\u0430\u0433\u0440\u0435\u0432<\/button>\n <button class=\"tab-btn\" data-tab=\"cooling\">\u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435<\/button>\n <button class=\"tab-btn\" data-tab=\"ventilation\">\u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f<\/button>\n <\/div>\n\n \n <div class=\"global-panel\" id=\"globalParamsPanel\">\n <div class=\"global-field\"><label>\u0412\u044b\u0441\u043e\u0442\u0430 (\u043c\u043c)<\/label><input type=\"number\" id=\"global_h\" value=\"1800\" step=\"10\" min=\"100\"><\/div>\n <div class=\"global-field\"><label>\u0428\u0438\u0440\u0438\u043d\u0430 (\u043c\u043c)<\/label><input type=\"number\" id=\"global_w\" value=\"800\" step=\"10\" min=\"100\"><\/div>\n <div class=\"global-field\"><label>\u0413\u043b\u0443\u0431\u0438\u043d\u0430 (\u043c\u043c)<\/label><input type=\"number\" id=\"global_d\" value=\"600\" step=\"10\" min=\"100\"><\/div>\n <div class=\"global-field wide-field\"><label>\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0448\u043a\u0430\u0444\u0430<\/label><select id=\"global_pos_type\">\n <option value=\"1\">\u041e\u0434\u0438\u043d \u0448\u043a\u0430\u0444, \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0438\u0439<\/option>\n <option value=\"2\">\u041e\u0434\u0438\u043d \u0448\u043a\u0430\u0444, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043d\u0430 \u0441\u0442\u0435\u043d\u0443<\/option>\n <option value=\"3\">\u041a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0435\u0433\u043e \u0440\u044f\u0434\u0430<\/option>\n <option value=\"4\">\u041a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443<\/option>\n <option value=\"5\">\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0435\u0433\u043e \u0440\u044f\u0434\u0430<\/option>\n <option value=\"6\">\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443<\/option>\n <option value=\"7\">\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443, \u043f\u043e\u0434 \u043a\u043e\u0437\u044b\u0440\u044c\u043a\u043e\u043c<\/option>\n <\/select><\/div>\n <div class=\"global-field wide-field\"><label>\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441\u0442\u0435\u043d\u043e\u043a (\u0412\u0442\/\u043c\u00b2\u00b7\u041a)<\/label><select id=\"global_u\"><option value=\"5.5\">\u0421\u0442\u0430\u043b\u044c (5.5)<\/option><option value=\"3.7\">\u041d\u0435\u0440\u0436. \u0441\u0442\u0430\u043b\u044c (3.7)<\/option><option value=\"12\">\u0410\u043b\u044e\u043c\u0438\u043d\u0438\u0439 (12)<\/option><option value=\"3.5\">\u041f\u043b\u0430\u0441\u0442\u0438\u043a (3.5)<\/option><option value=\"1.8\">\u0414\u0432\u043e\u0439\u043d\u0430\u044f \u0441\u0442\u0435\u043d\u043a\u0430 (1.8)<\/option><option value=\"1.2\">\u0422\u0435\u0440\u043c\u043e\u0438\u0437\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 OUTDOOR (1.2)<\/option><\/select><\/div>\n <\/div>\n <div id=\"globalDisabledHint\" class=\"global-disabled-hint hidden\">\n \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u00ab\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u00bb \u0438 \u00ab\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441\u0442\u0435\u043d\u043e\u043a\u00bb \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0440\u0430\u0441\u0447\u0451\u0442\u0430 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438\n <\/div>\n\n <div id=\"calcContainer\" class=\"calc-card\"><\/div>\n <\/div>\n\n <script>\n (function() {\n const tabBtns = document.querySelectorAll('.tab-btn');\n const calcContainer = document.getElementById('calcContainer');\n const globalPanel = document.getElementById('globalParamsPanel');\n const disabledHint = document.getElementById('globalDisabledHint');\n \n const globalH = document.getElementById('global_h');\n const globalW = document.getElementById('global_w');\n const globalD = document.getElementById('global_d');\n const globalPosType = document.getElementById('global_pos_type');\n const globalU = document.getElementById('global_u');\n\n let currentTab = 'heating';\n\n\n function safeParseFloat(v, def) { const p = parseFloat(v); return isNaN(p) ? def : p; }\n \n \/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0433\u0430\u0431\u0430\u0440\u0438\u0442\u043e\u0432 \u0432 \u043c\u0435\u0442\u0440\u0430\u0445\n function getDimsMeters() { \n return { \n H: safeParseFloat(globalH.value, 1800) \/ 1000, \n W: safeParseFloat(globalW.value, 800) \/ 1000, \n D: safeParseFloat(globalD.value, 600) \/ 1000 \n }; \n }\n \n \/\/ \u0424\u0423\u041d\u041a\u0426\u0418\u042f \u0420\u0410\u0421\u0427\u0415\u0422\u0410 \u042d\u0424\u0424\u0415\u041a\u0422\u0418\u0412\u041d\u041e\u0419 \u041f\u041b\u041e\u0429\u0410\u0414\u0418 Aeff \u043f\u043e \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c \u0444\u043e\u0440\u043c\u0443\u043b\u0430\u043c\n function calculateAeff() {\n const { H, W, D } = getDimsMeters();\n const posType = globalPosType.value;\n \n switch(posType) {\n case '1': return 1.8 * H * (W + D) + 1.4 * W * D;\n case '2': return 1.4 * W * (H + D) + 1.8 * D * H;\n case '3': return 1.4 * D * (H + W) + 1.8 * W * H;\n case '4': return 1.4 * H * (W + D) + 1.4 * W * D;\n case '5': return 1.8 * W * H + 1.4 * W * D + D * H;\n case '6': return 1.4 * W * (H + D) + D * H;\n case '7': return 1.4 * W * H + 0.7 * W * D + D * H;\n default: return 1.8 * H * (W + D) + 1.4 * W * D;\n }\n }\n\n function getU() { return safeParseFloat(globalU.value, 5.5); }\n function aeff() { return calculateAeff(); }\n \n \/\/ \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u043e\u0439 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0430\u043d\u0435\u043b\u0438 (disabled)\n function setGlobalPanelDisabled(disabled) {\n if (disabled) {\n globalPanel.classList.add('disabled');\n disabledHint.classList.remove('hidden');\n } else {\n globalPanel.classList.remove('disabled');\n disabledHint.classList.add('hidden');\n }\n }\n \n function renderHeating() {\n setGlobalPanelDisabled(false);\n const U = getU();\n const A = aeff();\n const tOut = safeParseFloat(document.getElementById('heat_tout')?.value, -20);\n const tIn = safeParseFloat(document.getElementById('heat_tin')?.value, 20);\n const dt = Math.max(0, tIn - tOut);\n document.getElementById('heat_dt').innerText = (tIn - tOut).toFixed(1);\n document.getElementById('heat_value').innerText = (U * A * dt).toFixed(1);\n document.getElementById('heat_aeff').innerText = A.toFixed(3);\n document.getElementById('heat_u_val').innerText = U.toFixed(2);\n }\n\n function renderCooling() {\n setGlobalPanelDisabled(false);\n const U = getU();\n const A = aeff();\n const q = safeParseFloat(document.getElementById('cool_qinternal')?.value, 500);\n const tOut = safeParseFloat(document.getElementById('cool_tout')?.value, 35);\n const tIn = safeParseFloat(document.getElementById('cool_tin')?.value, 28);\n const dt = Math.max(0, tOut - tIn);\n const Qwall = U * A * dt;\n const G = safeParseFloat(document.getElementById('cool_g')?.value, 800);\n const alpha = safeParseFloat(document.getElementById('cool_alpha')?.value, 0.6);\n const Kins = safeParseFloat(document.getElementById('cool_kins')?.value, 1);\n const side = document.getElementById('cool_side')?.value || 'front';\n const { H, W, D } = getDimsMeters();\n const As = (side === 'front' ? H * W : H * D) + W * D;\n const Qsun = G * alpha * Kins * As;\n const totalCooling = q + Qwall + Qsun;\n\n document.getElementById('cool_value').innerText = totalCooling.toFixed(1);\n document.getElementById('cool_qwall').innerText = Qwall.toFixed(1);\n document.getElementById('cool_qsun').innerText = Qsun.toFixed(1);\n \n const coolDt = tOut - tIn;\n let coolCondition = '';\n let coolConditionClass = 'condition-row';\n if (coolDt > 0) {\n coolCondition = '\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 (\u0442\u0435\u043f\u043b\u043e \u0438\u0434\u0435\u0442 \u0432\u043d\u0443\u0442\u0440\u044c)';\n coolConditionClass += ' warning-critical';\n } else if (coolDt < 0) {\n coolCondition = '\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e\u0435 \u043e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 \u0441\u0442\u0435\u043d\u043a\u0438 (\u0442\u0435\u043f\u043b\u043e \u0443\u0445\u043e\u0434\u0438\u0442 \u043d\u0430\u0440\u0443\u0436\u0443)';\n coolConditionClass += ' warning-info';\n } else {\n coolCondition = '\u0422\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u044b \u0440\u0430\u0432\u043d\u044b';\n coolConditionClass += ' warning-info';\n }\n const conditionEl = document.getElementById('cool_condition');\n if (conditionEl) {\n conditionEl.innerText = coolCondition;\n conditionEl.className = coolConditionClass;\n }\n \n const sunWarningEl = document.getElementById('cool_warning_sun');\n if (sunWarningEl) {\n if (G > 0 && Qsun > 0) {\n sunWarningEl.innerHTML = '\u0421\u043e\u043b\u043d\u0435\u0447\u043d\u0430\u044f \u0440\u0430\u0434\u0438\u0430\u0446\u0438\u044f \u0443\u0447\u0442\u0435\u043d\u0430 (+' + Qsun.toFixed(0) + ' \u0412\u0442)';\n sunWarningEl.className = 'warning-note warning-info';\n } else if (G <= 0) {\n sunWarningEl.innerHTML = '';\n } else {\n sunWarningEl.innerHTML = '\u0421\u043e\u043b\u043d\u0435\u0447\u043d\u0430\u044f \u0440\u0430\u0434\u0438\u0430\u0446\u0438\u044f \u043d\u0435\u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u0430';\n sunWarningEl.className = 'warning-note';\n }\n }\n const coolAeffSpan = document.getElementById('cool_aeff_display');\n if (coolAeffSpan) coolAeffSpan.innerText = A.toFixed(3);\n }\n\n function renderVentilation() {\n \/\/ \u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f \u041d\u0415 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 U, Aeff, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u2014 \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e + \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u043c \u0432\u0432\u043e\u0434\n setGlobalPanelDisabled(true);\n \n const q = safeParseFloat(document.getElementById('fan_q')?.value, 500);\n const tOut = safeParseFloat(document.getElementById('fan_tout')?.value, 30);\n const tIn = safeParseFloat(document.getElementById('fan_tin')?.value, 35);\n const dt = tIn - tOut;\n const eta = safeParseFloat(document.getElementById('fan_eta')?.value, 0.65);\n document.getElementById('fan_dt').innerText = dt.toFixed(1);\n \n let V = 0, warningMessage = '', warningClass = 'warning-note';\n if (dt > 0) {\n V = q \/ (0.33 * dt * eta);\n if (dt > 10) { warningMessage = '\u0394T > 10\u00b0C \u2014 \u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e'; warningClass = 'warning-note warning-success'; }\n else if (dt > 5) { warningMessage = '5\u00b0C < \u0394T \u2264 10\u00b0C \u2014 \u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u043c'; warningClass = 'warning-note'; }\n else { warningMessage = '0\u00b0C < \u0394T \u2264 5\u00b0C \u2014 \u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c \u0441\u0442\u0440\u043e\u0433\u043e \u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f!'; warningClass = 'warning-note warning-critical'; }\n } else if (dt === 0) {\n V = 0; warningMessage = '\u0394T = 0\u00b0C \u2014 \u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f (\u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u044b \u0440\u0430\u0432\u043d\u044b)'; warningClass = 'warning-note warning-info';\n } else {\n V = 0; warningMessage = '\u0394T < 0\u00b0C \u2014 \u0412\u043d\u0443\u0442\u0440\u0438 \u0445\u043e\u043b\u043e\u0434\u043d\u0435\u0435 \u0447\u0435\u043c \u0441\u043d\u0430\u0440\u0443\u0436\u0438. \u0414\u043b\u044f \u043e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440. \u041f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0443 \"\u041e\u0425\u041b\u0410\u0416\u0414\u0415\u041d\u0418\u0415\"'; warningClass = 'warning-note warning-info';\n }\n \n document.getElementById('fan_value').innerText = V.toFixed(0);\n const warnEl = document.getElementById('fan_warning');\n if (warnEl) {\n warnEl.innerHTML = warningMessage;\n warnEl.className = warningClass;\n }\n const fanAeffSpan = document.getElementById('fan_aeff_display');\n if (fanAeffSpan) fanAeffSpan.innerText = '\u2014 (\u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f)';\n }\n\n function insertHTML(tab) {\n if(tab === 'heating') {\n calcContainer.innerHTML = `\n <div class=\"calc-left\">\n <div class=\"card-header-section\"><h2>\u041d\u0430\u0433\u0440\u0435\u0432<\/h2><\/div>\n <div class=\"params-grid\">\n <div class=\"params-section\">\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u043c\u0438\u043d. (\u00b0C)<\/label><input type=\"number\" id=\"heat_tout\" value=\"-20\" step=\"1\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0432\u043d\u0443\u0442\u0440\u0438 \u0446\u0435\u043b\u0435\u0432\u0430\u044f (\u00b0C)<\/label><input type=\"number\" id=\"heat_tin\" value=\"20\" step=\"1\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"calc-right\">\n <div class=\"result-panel\">\n <div class=\"result-main\">\n <div class=\"result-label\">\u0422\u0435\u043f\u043b\u043e\u043e\u0442\u0434\u0430\u0447\u0430<\/div>\n <div class=\"result-value\"><span id=\"heat_value\">0.0<\/span> \u0412\u0442<\/div>\n <\/div>\n <\/div>\n <div class=\"info-table\">\n <span>\u0394T: <span id=\"heat_dt\">40<\/span> \u00b0C<\/span>\n <span>A\u044d\u0444\u0444: <span id=\"heat_aeff\">0.000<\/span> \u043c\u00b2<\/span>\n <span>U: <span id=\"heat_u_val\">5.5<\/span> \u0412\u0442\/(\u043c\u00b2\u00b7\u041a)<\/span>\n <\/div>\n <\/div>`;\n }\n else if(tab === 'cooling') {\n calcContainer.innerHTML = `\n <div class=\"calc-left\">\n <div class=\"card-header-section\"><h2>\u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435<\/h2><\/div>\n <div class=\"params-grid\">\n <div class=\"params-section\">\n <div class=\"param-item\"><label>\u0422\u0435\u043f\u043b\u043e\u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u043e\u0440\u0443\u0434. (\u0412\u0442):<\/label><input type=\"number\" id=\"cool_qinternal\" value=\"500\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u043c\u0430\u043a\u0441. (\u00b0C):<\/label><input type=\"number\" id=\"cool_tout\" value=\"35\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0432\u043d\u0443\u0442\u0440\u0438 \u0446\u0435\u043b\u0435\u0432\u0430\u044f (\u00b0C):<\/label><input type=\"number\" id=\"cool_tin\" value=\"28\"><\/div>\n <\/div>\n <div class=\"params-section\">\n <div class=\"params-section-title\">\u0421\u043e\u043b\u043d\u0435\u0447\u043d\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 (\u0434\u043e\u043f.)<\/div>\n <div class=\"param-item\"><label>\u041f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u043b\u043d\u0435\u0447\u043d\u043e\u0439 \u0440\u0430\u0434\u0438\u0430\u0446\u0438\u0438 (G \u0412\u0442\/\u043c\u00b2):<\/label><input type=\"number\" id=\"cool_g\" value=\"800\"><\/div>\n <div class=\"param-item\"><label>\u041a\u043e\u044d\u0444. \u043f\u043e\u0433\u043b\u043e\u0449\u0435\u043d\u0438\u044f (\u03b1):<\/label><select id=\"cool_alpha\"><option value=\"0.3\">\u0421\u0432\u0435\u0442\u043b\u0430\u044f 0.3<\/option><option value=\"0.6\" selected>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f 0.6<\/option><option value=\"0.9\">\u0422\u0435\u043c\u043d\u0430\u044f 0.9<\/option><\/select><\/div>\n <div class=\"param-item\"><label>\u041a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u0442\u0435\u043f\u043b\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438 (K ins)<\/label><select id=\"cool_kins\"><option value=\"1\">\u0411\u0435\u0437 \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u0438 (1.0)<\/option><option value=\"0.65\">\u0427\u0430\u0441\u0442\u0438\u0447\u043d\u0430\u044f \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f (0.65)<\/option><option value=\"0.4\">\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0442\u0435\u043f\u043b\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f (0.4)<\/option><option value=\"0.3\">\u0414\u0432\u043e\u0439\u043d\u0430\u044f \u0441\u0442\u0435\u043d\u043a\u0430 + \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f (0.3)<\/option><\/select><\/div>\n <div class=\"param-item\"><label>\u0421\u0442\u043e\u0440\u043e\u043d\u0430 \u043f\u043e\u0434 \u0441\u043e\u043b\u043d\u0446\u0435:<\/label><select id=\"cool_side\"><option value=\"front\">\u041f\u0435\u0440\u0435\u0434\u043d\u044f\u044f (H x W)<\/option><option value=\"side\">\u0411\u043e\u043a\u043e\u0432\u0430\u044f (H x D)<\/option><\/select><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"calc-right\">\n <div class=\"result-panel\">\n <div class=\"result-main\">\n <div class=\"result-label\">\u0425\u043e\u043b\u043e\u0434\u043e\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/div>\n <div class=\"result-value\"><span id=\"cool_value\">0<\/span> \u0412\u0442<\/div>\n <\/div>\n <\/div>\n <div id=\"cool_condition\" class=\"condition-row\"><\/div>\n <div id=\"cool_warning_sun\" class=\"warning-note\"><\/div>\n <div class=\"info-table\">\n <span>Q\u0441\u0442\u0435\u043d: <span id=\"cool_qwall\">0<\/span> \u0412\u0442<\/span>\n <span>Q\u0441\u043e\u043b\u043d\u0446\u0435: <span id=\"cool_qsun\">0<\/span> \u0412\u0442<\/span>\n <span>A\u044d\u0444\u0444: <span id=\"cool_aeff_display\">0.000<\/span> \u043c\u00b2<\/span>\n <\/div>\n <\/div>`;\n }\n else { \/\/ ventilation\n calcContainer.innerHTML = `\n <div class=\"calc-left\">\n <div class=\"card-header-section\"><h2>\u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f<\/h2><\/div>\n <div class=\"params-grid\">\n <div class=\"params-section\">\n <div class=\"param-item\"><label>\u0422\u0435\u043f\u043b\u043e\u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u043e\u0440\u0443\u0434. (\u0412\u0442):<\/label><input type=\"number\" id=\"fan_q\" value=\"500\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u043c\u0430\u043a\u0441. (\u00b0C):<\/label><input type=\"number\" id=\"fan_tout\" value=\"30\"><\/div>\n <div class=\"param-item\"><label>\u0422\u0435\u043c\u043f. \u0432\u043d\u0443\u0442\u0440\u0438 \u0446\u0435\u043b\u0435\u0432\u0430\u044f (\u00b0C):<\/label><input type=\"number\" id=\"fan_tin\" value=\"35\"><\/div>\n <div class=\"param-item\"><label>\u041a\u043e\u044d\u0444. \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0444\u0438\u043b\u044c\u0442\u0440\u0430 (\u03b7):<\/label><input type=\"number\" min=\"0.1\" max=\"1\" step=\"0.01\" id=\"fan_eta\" value=\"1\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"calc-right\">\n <div class=\"result-panel\">\n <div class=\"result-main\">\n <div class=\"result-label\">\u0412\u043e\u0437\u0434\u0443\u0448\u043d\u044b\u0439 \u043f\u043e\u0442\u043e\u043a<\/div>\n <div class=\"result-value\"><span id=\"fan_value\">0<\/span> \u043c\u00b3\/\u0447<\/div>\n <\/div>\n <\/div>\n <div class=\"info-table\">\n <span>\u0394T: <span id=\"fan_dt\">0<\/span> \u00b0C<\/span>\n <span>A\u044d\u0444\u0444: <span id=\"fan_aeff_display\">\u2014 (\u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f)<\/span><\/span>\n <\/div>\n <div id=\"fan_warning\" class=\"warning-note\"><\/div>\n <\/div>`;\n }\n }\n\n function bindEvents() {\n ['heat_tout','heat_tin','cool_qinternal','cool_tout','cool_tin','cool_g','cool_alpha','cool_kins','cool_side','fan_q','fan_tout','fan_tin','fan_eta'].forEach(id=>{\n const el = document.getElementById(id);\n if(el){ el.oninput = refresh; el.onchange = refresh; }\n });\n }\n\n function updateSolarRadiation() {\n const globalU = document.getElementById('global_u');\n const G = document.getElementById('cool_g');\n \n if (globalU && G) {\n if (globalU.value === '1.2') {\n G.value = 0;\n G.disabled = true;\n } else {\n G.disabled = false;\n G.value = '800';\n }\n }\n }\n\n function refresh() {\n if(currentTab === 'heating') renderHeating();\n else if(currentTab === 'cooling') renderCooling();\n else renderVentilation();\n }\n\n globalU.addEventListener('change', updateSolarRadiation);\n\n \/\/ \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f (\u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0438 \u043f\u0440\u043e\u0447\u0435\u0435) \u2014 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u044e\u0442, \u043d\u043e \u0434\u043b\u044f \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u0438 \u0431\u043b\u043e\u043a \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0430\u043d\u0435\u043b\u044c\u044e\n [globalH, globalW, globalD, globalPosType, globalU].forEach(e => { \n if(e) { e.oninput = refresh; e.onchange = refresh; } \n });\n\n tabBtns.forEach(b => b.addEventListener('click', function() {\n tabBtns.forEach(x => x.classList.remove('active'));\n this.classList.add('active');\n currentTab = this.dataset.tab;\n insertHTML(currentTab);\n bindEvents();\n updateSolarRadiation();\n refresh();\n }));\n\n updateSolarRadiation();\n insertHTML('heating');\n bindEvents();\n renderHeating();\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0422\u0435\u0440\u043c\u043e\u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u00b7 \u0448\u043a\u0430\u0444\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u041d\u0430\u0433\u0440\u0435\u0432 \u041e\u0445\u043b\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u0412\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044f \u0412\u044b\u0441\u043e\u0442\u0430 (\u043c\u043c) \u0428\u0438\u0440\u0438\u043d\u0430 (\u043c\u043c) \u0413\u043b\u0443\u0431\u0438\u043d\u0430 (\u043c\u043c) \u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0448\u043a\u0430\u0444\u0430\u041e\u0434\u0438\u043d \u0448\u043a\u0430\u0444, \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0438\u0439\u041e\u0434\u0438\u043d \u0448\u043a\u0430\u0444, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043d\u0430 \u0441\u0442\u0435\u043d\u0443\u041a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0435\u0433\u043e \u0440\u044f\u0434\u0430\u041a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0441\u0442\u043e\u044f\u0449\u0435\u0433\u043e \u0440\u044f\u0434\u0430\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443\u041d\u0435 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0448\u043a\u0430\u0444 \u0432 \u0440\u044f\u0434\u0443, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u043c \u043d\u0430 \u0441\u0442\u0435\u043d\u0443, \u043f\u043e\u0434 \u043a\u043e\u0437\u044b\u0440\u044c\u043a\u043e\u043c \u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441\u0442\u0435\u043d\u043e\u043a…<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-420","page","type-page","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"sgadm","author_link":"https:\/\/silart.com\/en\/author\/sgadm\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/pages\/420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/comments?post=420"}],"version-history":[{"count":6,"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/pages\/420\/revisions"}],"predecessor-version":[{"id":2129,"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/pages\/420\/revisions\/2129"}],"wp:attachment":[{"href":"https:\/\/silart.com\/en\/wp-json\/wp\/v2\/media?parent=420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}