{"id":44,"date":"2026-05-12T19:24:51","date_gmt":"2026-05-12T15:54:51","guid":{"rendered":"https:\/\/barghyaran.ir\/?page_id=44"},"modified":"2026-05-12T19:24:51","modified_gmt":"2026-05-12T15:54:51","slug":"%d9%85%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d8%aa%d9%88%d8%a7%d9%86-%d9%85%d8%b5%d8%b1%d9%81%db%8c-%db%8c%da%a9-%d9%88%d8%a7%d8%ad%d8%af","status":"publish","type":"page","link":"https:\/\/barghyaran.ir\/?page_id=44","title":{"rendered":"\u0645\u062d\u0627\u0633\u0628\u0647 \u062a\u0648\u0627\u0646 \u0645\u0635\u0631\u0641\u06cc \u06cc\u06a9 \u0648\u0627\u062d\u062f"},"content":{"rendered":"    \n    <style>\n    .energy-animation-container {\n        position: relative;\n        height: 280px;\n        margin-bottom: 30px;\n        border-radius: 15px;\n        overflow: hidden;\n        background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 50%, transparent 100%);\n        border: 2px solid rgba(245, 158, 11, 0.3);\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n    }\n\n    .animation-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }\n\n    .modern-tower {\n        position: absolute; bottom: 0; width: 6px; background: linear-gradient(to bottom, #3b82f6, #60a5fa, #93c5fd, #bfdbfe, #93c5fd, #60a5fa); border-radius: 3px; box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);\n    }\n    .tower-1 { left: 12%; height: 160px; animation: towerPulse 4s infinite ease-in-out; }\n    .tower-2 { left: 32%; height: 200px; animation: towerPulse 5s infinite ease-in-out 0.5s; }\n    .tower-3 { left: 52%; height: 180px; animation: towerPulse 4.5s infinite ease-in-out 1s; }\n    .tower-4 { left: 72%; height: 220px; animation: towerPulse 5.5s infinite ease-in-out 1.5s; }\n    .tower-5 { left: 92%; height: 170px; animation: towerPulse 4.8s infinite ease-in-out 2s; }\n\n    @keyframes towerPulse {\n        0%, 100% { opacity: 0.8; box-shadow: 0 0 15px rgba(59, 130, 246, 0.5); }\n        50% { opacity: 1; box-shadow: 0 0 25px rgba(59, 130, 246, 0.8), 0 0 40px rgba(96, 165, 250, 0.4); }\n    }\n\n    .energy-cable { position: absolute; height: 2px; background: linear-gradient(90deg, transparent, #10b981 20%, #34d399 50%, #10b981 80%, transparent); box-shadow: 0 0 15px #10b981; animation: energyFlow 3s linear infinite; }\n    .cable-1 { top: 70px; left: 8%; right: 8%; animation-delay: 0s; }\n    .cable-2 { top: 110px; left: 10%; right: 10%; animation-delay: 0.7s; }\n    .cable-3 { top: 150px; left: 12%; right: 12%; animation-delay: 1.4s; }\n\n    @keyframes energyFlow {\n        0% { opacity: 0.5; background-position: -200px 0; box-shadow: 0 0 15px #10b981; }\n        50% { opacity: 1; box-shadow: 0 0 25px #10b981, 0 0 40px #34d399; }\n        100% { opacity: 0.5; background-position: 200px 0; box-shadow: 0 0 15px #10b981; }\n    }\n\n    .solar-panel { position: absolute; width: 40px; height: 25px; background: linear-gradient(135deg, #1e40af, #3b82f6); border-radius: 5px; transform: rotate(15deg); box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2), 0 5px 15px rgba(0, 0, 0, 0.3); animation: solarAbsorb 6s infinite alternate; }\n    .panel-1 { top: 40px; left: 15%; }\n    .panel-2 { top: 80px; left: 35%; animation-delay: 1s; }\n    .panel-3 { top: 60px; left: 55%; animation-delay: 2s; }\n    .panel-4 { top: 100px; left: 75%; animation-delay: 3s; }\n    .panel-5 { top: 40px; left: 85%; animation-delay: 4s; }\n\n    @keyframes solarAbsorb {\n        0% { box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2), 0 5px 15px rgba(0, 0, 0, 0.3); }\n        100% { box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 30px rgba(245, 158, 11, 0.6), 0 0 50px rgba(245, 158, 11, 0.3); }\n    }\n\n    .smart-spark { position: absolute; width: 6px; height: 6px; background: radial-gradient(circle, #fef3c7, #f59e0b); border-radius: 50%; box-shadow: 0 0 10px #f59e0b, 0 0 20px #fbbf24; z-index: 2; }\n    .spark-1 { animation: sparkPathA 5s linear infinite; }\n    .spark-2 { animation: sparkPathB 6s linear infinite; }\n    .spark-3 { animation: sparkPathC 7s linear infinite; }\n    .spark-4 { animation: sparkPathD 8s linear infinite; }\n    .spark-5 { animation: sparkPathE 9s linear infinite; }\n\n    @keyframes sparkPathA {\n        0% { left: 12%; top: 70px; opacity: 0; }\n        20% { opacity: 1; }\n        50% { left: 32%; top: 110px; opacity: 0.8; }\n        80% { left: 22%; top: 150px; opacity: 0.3; }\n        100% { left: 22%; top: 180px; opacity: 0; }\n    }\n\n    @keyframes sparkPathB {\n        0% { left: 32%; top: 110px; opacity: 0; }\n        25% { opacity: 1; }\n        60% { left: 52%; top: 150px; opacity: 0.7; }\n        85% { left: 42%; top: 180px; opacity: 0.4; }\n        100% { left: 42%; top: 210px; opacity: 0; }\n    }\n\n    @keyframes sparkPathC {\n        0% { left: 52%; top: 70px; opacity: 0; }\n        30% { opacity: 1; }\n        70% { left: 72%; top: 110px; opacity: 0.6; }\n        90% { left: 62%; top: 150px; opacity: 0.2; }\n        100% { left: 62%; top: 180px; opacity: 0; }\n    }\n\n    @keyframes sparkPathD {\n        0% { left: 72%; top: 110px; opacity: 0; }\n        35% { opacity: 1; }\n        75% { left: 92%; top: 150px; opacity: 0.5; }\n        95% { left: 82%; top: 180px; opacity: 0.3; }\n        100% { left: 82%; top: 210px; opacity: 0; }\n    }\n\n    @keyframes sparkPathE {\n        0% { left: 15%; top: 40px; opacity: 0; }\n        40% { opacity: 1; }\n        80% { left: 85%; top: 100px; opacity: 0.4; }\n        100% { left: 75%; top: 140px; opacity: 0; }\n    }\n\n    .smart-home { position: absolute; bottom: 0; width: 50px; height: 40px; background: linear-gradient(135deg, #7c3aed, #8b5cf6); border-radius: 8px 8px 0 0; opacity: 0.8; box-shadow: 0 -5px 15px rgba(139, 92, 246, 0.3); animation: homeGlow 4s infinite alternate; }\n    .home-1 { left: 20%; height: 35px; }\n    .home-2 { left: 45%; height: 45px; animation-delay: 1s; }\n    .home-3 { left: 70%; height: 40px; animation-delay: 2s; }\n\n    @keyframes homeGlow {\n        0% { opacity: 0.6; box-shadow: 0 -5px 15px rgba(139, 92, 246, 0.3); }\n        100% { opacity: 1; box-shadow: 0 -5px 25px rgba(139, 92, 246, 0.6), 0 -10px 40px rgba(139, 92, 246, 0.2); }\n    }\n\n    .green-connection { position: absolute; background: linear-gradient(to bottom, #10b981, #34d399, #10b981); box-shadow: 0 0 10px #10b981; animation: greenPulse 2.5s ease-in-out infinite; width: 1px; }\n    .green-1 { left: 20%; top: 150px; bottom: 40px; }\n    .green-2 { left: 45%; top: 110px; bottom: 45px; animation-delay: 0.5s; }\n    .green-3 { left: 70%; top: 150px; bottom: 40px; animation-delay: 1s; }\n\n    @keyframes greenPulse {\n        0%, 100% { opacity: 0.3; box-shadow: 0 0 10px #10b981; }\n        50% { opacity: 1; box-shadow: 0 0 20px #10b981, 0 0 30px #34d399; }\n    }\n\n    .energy-text { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); color: #fef3c7; font-size: 1.2rem; font-weight: bold; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); animation: textGlow 3s infinite alternate; z-index: 3; white-space: nowrap; }\n\n    @keyframes textGlow {\n        0% { color: #fef3c7; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }\n        100% { color: #fbbf24; text-shadow: 0 0 20px #f59e0b, 0 0 30px #fbbf24; }\n    }\n\n    .cloud { position: absolute; background: rgba(255, 255, 255, 0.1); border-radius: 50px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.1); animation: cloudFloat 20s linear infinite; }\n    .cloud-1 { width: 100px; height: 30px; top: 30px; left: -100px; }\n    .cloud-2 { width: 150px; height: 40px; top: 60px; left: -150px; animation-delay: 5s; }\n    .cloud-3 { width: 80px; height: 25px; top: 90px; left: -80px; animation-delay: 10s; }\n\n    @keyframes cloudFloat {\n        0% { left: -200px; opacity: 0; }\n        10% { opacity: 0.3; }\n        90% { opacity: 0.3; }\n        100% { left: 100%; opacity: 0; }\n    }\n\n    \/* ==================== \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 ==================== *\/\n    .energy-calc-container {\n        direction: rtl;\n        font-family: Tahoma, sans-serif;\n        width: 100%;\n        margin: 0;\n        padding: 20px 0;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n        color: white;\n        box-sizing: border-box;\n    }\n\n    .main-grid {\n        display: grid;\n        grid-template-columns: 1fr 1.5fr;\n        gap: 25px;\n        margin-bottom: 25px;\n        padding: 0 20px;\n    }\n    \n    .calc-title {\n        font-size: 2.2rem;\n        margin: 0;\n        font-weight: bold;\n    }\n    \n    @media (max-width: 1024px) {\n        .main-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    \n    .section {\n        background: rgba(25, 25, 25, 0.9);\n        border-radius: 15px;\n        padding: 25px;\n        border: 1px solid rgba(245, 158, 11, 0.2);\n    }\n    \n    .section-title {\n        color: #fbbf24;\n        font-size: 1.4rem;\n        margin: 0 0 20px 0;\n        padding-bottom: 12px;\n        border-bottom: 2px solid rgba(245, 158, 11, 0.4);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    \n    .scenario-card {\n        background: rgba(40, 40, 40, 0.7);\n        padding: 12px 15px;\n        border-radius: 8px;\n        border-right: 4px solid;\n        margin-bottom: 12px;\n        transition: all 0.3s ease;\n    }\n    \n    .scenario-card:hover {\n        transform: translateX(-5px);\n        background: rgba(50, 50, 50, 0.8);\n    }\n    \n    .scenario-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 10px;\n    }\n    \n    .days-input {\n        width: 60px;\n        padding: 8px;\n        border: 2px solid #4b5563;\n        border-radius: 6px;\n        background: #1a1a1a;\n        color: #fef3c7;\n        text-align: center;\n        font-weight: bold;\n        font-size: 0.95rem;\n        transition: all 0.3s ease;\n    }\n    \n    .days-input:focus {\n        border-color: #f59e0b;\n        box-shadow: 0 0 10px rgba(245, 158, 11, 0.5);\n        outline: none;\n    }\n    \n    \/* \u0641\u06cc\u0644\u062a\u0631 *\/\n    .filter-section {\n        margin-bottom: 25px;\n        padding: 15px;\n        background: rgba(40, 40, 40, 0.5);\n        border-radius: 12px;\n        border: 1px solid rgba(245, 158, 11, 0.2);\n    }\n\n    .filter-label {\n        display: block;\n        color: #fbbf24;\n        font-size: 1.1rem;\n        font-weight: bold;\n        margin-bottom: 12px;\n        padding-right: 5px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .filter-container {\n        position: relative;\n        width: 100%;\n        max-width: 400px;\n    }\n\n    .filter-icon {\n        position: absolute;\n        left: 15px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: #f59e0b;\n        font-size: 1.2rem;\n        z-index: 2;\n        pointer-events: none;\n    }\n\n    .category-dropdown {\n        width: 100%;\n        padding: 14px 45px 14px 20px;\n        font-size: 1.1rem;\n        font-weight: bold;\n        border: 2px solid #4b5563;\n        border-radius: 12px;\n        background: linear-gradient(135deg, #1a1a1a, #0a0a0a);\n        color: #fef3c7;\n        cursor: pointer;\n        appearance: none;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n        background-repeat: no-repeat;\n        background-position: right 15px center;\n        background-size: 20px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n    }\n    \n    .category-dropdown:hover { border-color: #f59e0b; box-shadow: 0 0 20px rgba(245, 158, 11, 0.3); }\n    .category-dropdown:focus { outline: none; border-color: #f59e0b; box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2); }\n    .category-dropdown optgroup { background: #1a1a1a; color: #f59e0b; font-weight: bold; font-size: 0.9rem; padding: 5px; }\n    .category-dropdown option { background: #1a1a1a; color: #fef3c7; padding: 10px; font-size: 1rem; }\n    .category-dropdown option:checked { background: linear-gradient(135deg, #f59e0b, #d97706); color: #000; font-weight: bold; }\n    .category-dropdown option:hover { background: #2a2a2a; }\n    \n    .devices-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n        gap: 12px;\n        max-height: 500px;\n        overflow-y: auto;\n        padding: 8px 3px;\n    }\n    \n    .device-card {\n        background: rgba(40, 40, 40, 0.7);\n        border: 2px solid #374151;\n        border-radius: 8px;\n        padding: 12px 10px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        position: relative;\n        min-height: 140px;\n    }\n    \n    .device-card:hover { transform: translateY(-3px); border-color: #f59e0b; box-shadow: 0 5px 15px rgba(245, 158, 11, 0.2); }\n    .device-card.selected { border-color: #f59e0b; background: rgba(245, 158, 11, 0.1); }\n    \n    .device-name { color: #fef3c7; font-size: 1rem; margin: 0 0 6px 0; line-height: 1.3; }\n    \n    .device-type-badge { display: inline-block; padding: 3px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: bold; margin-right: 5px; margin-top: 5px; }\n    .type-standard { background: linear-gradient(135deg, #ef4444, #dc2626); color: white; }\n    .type-efficient { background: linear-gradient(135deg, #10b981, #059669); color: white; }\n    .type-inverter { background: linear-gradient(135deg, #3b82f6, #1d4ed8); color: white; }\n    .type-solar { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }\n    .type-smart { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }\n    \n    .efficiency-badge { display: inline-block; padding: 2px 6px; border-radius: 10px; font-size: 0.7rem; margin-right: 5px; }\n    .efficiency-low { background: #ef4444; color: white; }\n    .efficiency-medium { background: #f59e0b; color: black; }\n    .efficiency-high { background: #10b981; color: white; }\n    .efficiency-very-high { background: #3b82f6; color: white; }\n    .efficiency-energy-producer { background: #8b5cf6; color: white; }\n    \n    .savings-badge { background: linear-gradient(135deg, #10b981, #059669); color: white; padding: 4px 10px; border-radius: 15px; font-size: 0.8rem; font-weight: bold; margin-right: 10px; }\n    .energy-producer { border: 2px solid #f59e0b; box-shadow: 0 0 15px rgba(245, 158, 11, 0.3); }\n    \n    \/* \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 *\/\n    .calc-button {\n        background: linear-gradient(135deg, #f59e0b, #d97706);\n        color: #000;\n        border: none;\n        padding: 18px 40px;\n        border-radius: 10px;\n        cursor: pointer;\n        font-size: 1.2rem;\n        font-weight: bold;\n        margin: 30px 20px 0;\n        width: calc(100% - 40px);\n        transition: all 0.3s ease;\n        box-shadow: 0 5px 20px rgba(245, 158, 11, 0.4);\n    }\n    \n    .calc-button:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(245, 158, 11, 0.6); }\n    \n    .export-buttons { display: flex; gap: 15px; margin-top: 20px; padding: 0 20px; }\n    .export-btn { flex: 1; padding: 15px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 10px; }\n    .export-pdf { background: linear-gradient(135deg, #ef4444, #dc2626); color: white; }\n    .export-pdf:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(239, 68, 68, 0.3); }\n    .export-image { background: linear-gradient(135deg, #3b82f6, #1d4ed8); color: white; }\n    .export-image:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(59, 130, 246, 0.3); }\n    \n    \/* \u0646\u062a\u0627\u06cc\u062c *\/\n    .results-section { margin-top: 35px; background: rgba(20, 20, 20, 0.95); border-radius: 15px; padding: 30px 20px; border: 2px solid #10b981; box-shadow: 0 0 30px rgba(16, 185, 129, 0.2); }\n    .results-header { color: #10b981; font-size: 1.8rem; margin: 0 0 25px 0; text-align: center; }\n    \n    .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 25px; }\n    \n    .stat-card { background: rgba(35, 35, 35, 0.8); padding: 15px 10px; border-radius: 10px; text-align: center; border: 1px solid rgba(16, 185, 129, 0.3); transition: all 0.3s ease; min-height: 120px; display: flex; flex-direction: column; justify-content: center; }\n    .stat-card:hover { transform: translateY(-5px); border-color: #10b981; box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3); }\n    .stat-value { font-size: 1.8rem !important; font-weight: bold; color: #10b981; margin: 8px 0; }\n    \n    \/* \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0627\u0631\u0627\u06cc\u06cc *\/\n    .efficiency-section { background: rgba(30, 30, 30, 0.8); border-radius: 12px; padding: 20px; margin-top: 25px; border: 2px solid rgba(16, 185, 129, 0.3); }\n    .efficiency-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 15px; }\n    .efficiency-card { background: rgba(40, 40, 40, 0.7); padding: 15px; border-radius: 8px; text-align: center; border-left: 4px solid; }\n    .recommendation-card { background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.05)); border: 2px solid rgba(16, 185, 129, 0.3); border-radius: 10px; padding: 20px; margin-top: 20px; }\n    \n    \/* \u062c\u0632\u0626\u06cc\u0627\u062a \u0633\u0646\u0627\u0631\u06cc\u0648 *\/\n    .scenario-details-container { margin-top: 25px; }\n    .scenario-details-card { background: rgba(40, 40, 40, 0.6); border-radius: 8px; margin-bottom: 15px; border-left: 4px solid; cursor: pointer; overflow: hidden; }\n    .scenario-summary { background: rgba(245, 158, 11, 0.1); padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }\n    .scenario-content { padding: 15px 20px; border-top: 1px solid rgba(255,255,255,0.1); }\n    .device-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }\n    .device-row:last-child { border-bottom: none; }\n    \n    \/* \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 *\/\n    .advanced-settings-section { margin-top: 25px; background: rgba(40, 40, 40, 0.6); border-radius: 10px; padding: 20px; border: 1px solid rgba(245, 158, 11, 0.3); }\n    .device-settings-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; margin: 20px 0; max-height: 400px; overflow-y: auto; padding: 10px; }\n    .device-setting-card { background: rgba(60, 60, 60, 0.6); padding: 15px; border-radius: 8px; border-left: 4px solid #f59e0b; }\n    .device-setting-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }\n    .device-setting-name { color: #fef3c7; font-size: 1rem; font-weight: bold; }\n    .hours-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 8px; margin-top: 10px; }\n    .hour-input-container { text-align: center; }\n    .hour-label { color: #9ca3af; font-size: 0.8rem; margin-bottom: 4px; display: block; }\n    .hour-input { width: 100%; padding: 8px; border: 1px solid #4b5563; border-radius: 4px; background: #1a1a1a; color: #fef3c7; text-align: center; }\n    .power-input-container { display: flex; align-items: center; gap: 10px; margin-top: 10px; }\n    .power-input { flex: 1; padding: 8px; border: 1px solid #4b5563; border-radius: 4px; background: #1a1a1a; color: #fef3c7; text-align: center; }\n    .original-value { color: #9ca3af; font-size: 0.8rem; }\n    \n    .toggle-button {\n        background: linear-gradient(135deg, #f59e0b, #d97706);\n        color: #000;\n        border: none;\n        padding: 12px 25px;\n        border-radius: 8px;\n        cursor: pointer;\n        font-weight: bold;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin: 10px auto;\n    }\n    \n    .toggle-button:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(245, 158, 11, 0.3); }\n    \n    .action-buttons { display: flex; gap: 15px; margin-top: 20px; }\n    .action-btn { flex: 1; padding: 15px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; transition: all 0.3s ease; }\n    .recalculate-btn { background: linear-gradient(135deg, #10b981, #059669); color: white; display: flex; align-items: center; justify-content: center; gap: 10px; }\n    .recalculate-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(16, 185, 129, 0.3); }\n    \n    \/* \u0627\u0639\u0644\u0627\u0646\u200c\u0647\u0627 *\/\n    .notification {\n        position: fixed;\n        top: 20px;\n        right: 20px;\n        padding: 15px 25px;\n        border-radius: 8px;\n        color: white;\n        font-weight: bold;\n        z-index: 10000;\n        animation: slideIn 0.3s ease, fadeOut 0.3s ease 2.7s;\n        animation-fill-mode: forwards;\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n    }\n    \n    .notification.success { background: linear-gradient(135deg, #10b981, #059669); }\n    .notification.error { background: linear-gradient(135deg, #ef4444, #dc2626); }\n    .notification.info { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }\n    \n    @keyframes slideIn {\n        from { transform: translateX(100%); opacity: 0; }\n        to { transform: translateX(0); opacity: 1; }\n    }\n    \n    @keyframes fadeOut {\n        from { opacity: 1; }\n        to { opacity: 0; }\n    }\n    \n    .copy-btn {\n        background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n        color: white;\n        border: none;\n        padding: 15px 30px;\n        border-radius: 10px;\n        cursor: pointer;\n        font-weight: bold;\n        font-size: 1.1rem;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        width: 100%;\n        margin-top: 15px;\n    }\n\n    .copy-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(139, 92, 246, 0.4); }\n    .copy-btn:active { transform: translateY(-1px); }\n    .copy-btn.copied { background: linear-gradient(135deg, #10b981, #059669); animation: pulse 0.5s ease; }\n\n    @keyframes pulse {\n        0% { transform: scale(1); }\n        50% { transform: scale(1.05); }\n        100% { transform: scale(1); }\n    }\n\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u062e\u0637\u0627 *\/\n    .days-error { background: linear-gradient(135deg, #ef4444, #dc2626) !important; color: white !important; border: 2px solid #dc2626 !important; animation: pulse-error 1s infinite; }\n    .days-error-message { background: rgba(239, 68, 68, 0.1); border: 2px solid #ef4444; color: #fecaca; padding: 15px; border-radius: 8px; margin: 15px 20px 0; text-align: center; font-weight: bold; }\n    \n    @keyframes pulse-error {\n        0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }\n        70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }\n    }\n    \n    \/* \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0627\u0631\u0627\u06cc\u06cc *\/\n    .analysis-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin-top: 15px; }\n    .analysis-card { background: rgba(255, 255, 255, 0.05); padding: 12px; border-radius: 8px; text-align: center; }\n    .analysis-title { color: #9ca3af; font-size: 0.85rem; margin-bottom: 5px; }\n    .analysis-value { color: #f59e0b; font-size: 1.2rem; font-weight: bold; }\n    .potential-savings { background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 8px; padding: 15px; margin-top: 15px; }\n    .potential-title { color: #f59e0b; font-weight: bold; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }\n    \n    \/* \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc *\/\n    .guide-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0, 0, 0, 0.85);\n        z-index: 9999;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        animation: fadeIn 0.3s ease;\n    }\n    \n    .guide-container {\n        background: linear-gradient(135deg, #1a1a1a, #0a0a0a);\n        border-radius: 20px;\n        border: 3px solid #f59e0b;\n        width: 90%;\n        max-width: 900px;\n        max-height: 85vh;\n        overflow-y: auto;\n        padding: 25px;\n        box-shadow: 0 0 50px rgba(245, 158, 11, 0.5);\n    }\n    \n    .guide-header {\n        background: linear-gradient(135deg, #f59e0b, #d97706);\n        color: #000;\n        padding: 20px;\n        border-radius: 15px 15px 0 0;\n        text-align: center;\n        margin: -25px -25px 25px -25px;\n    }\n    \n    .guide-title {\n        font-size: 1.8rem;\n        margin: 0;\n        font-weight: bold;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 15px;\n    }\n    \n    .guide-steps {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 20px;\n        margin-bottom: 30px;\n    }\n    \n    .guide-step {\n        background: rgba(40, 40, 40, 0.7);\n        border-radius: 12px;\n        padding: 20px;\n        border: 2px solid;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n    \n    .guide-step:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(245, 158, 11, 0.3); }\n    .guide-step-1 { border-color: #f59e0b; }\n    .guide-step-2 { border-color: #10b981; }\n    .guide-step-3 { border-color: #3b82f6; }\n    .guide-step-4 { border-color: #8b5cf6; }\n    .guide-step-5 { border-color: #ef4444; }\n    .guide-step-6 { border-color: #fbbf24; }\n    \n    .step-number { background: #000; color: white; width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem; margin-bottom: 15px; }\n    .step-title { color: #fef3c7; font-size: 1.2rem; margin: 0 0 10px 0; display: flex; align-items: center; gap: 10px; }\n    .step-content { color: #d1d5db; font-size: 0.95rem; line-height: 1.6; }\n    .step-icon { font-size: 1.5rem; }\n    \n    .tips-section { background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.05)); border: 2px solid rgba(16, 185, 129, 0.3); border-radius: 15px; padding: 20px; margin-top: 20px; }\n    .tips-title { color: #10b981; font-size: 1.3rem; margin: 0 0 15px 0; display: flex; align-items: center; gap: 10px; }\n    .tips-list { color: #fef3c7; padding-right: 20px; margin: 0; }\n    .tips-list li { margin-bottom: 10px; padding-right: 5px; }\n    \n    .guide-buttons { display: flex; gap: 15px; justify-content: center; margin-top: 30px; }\n    .guide-btn { padding: 15px 30px; border: none; border-radius: 10px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 10px; }\n    .guide-btn-primary { background: linear-gradient(135deg, #f59e0b, #d97706); color: #000; }\n    .guide-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4); }\n    .guide-btn-secondary { background: linear-gradient(135deg, #3b82f6, #1d4ed8); color: white; }\n    .guide-btn-secondary:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4); }\n    \n    \/* \u062f\u06a9\u0645\u0647 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0634\u0646\u0627\u0648\u0631 *\/\n    .guide-trigger-btn {\n        position: fixed;\n        bottom: 30px;\n        left: 60px;\n        background: linear-gradient(145deg, #F59E0B, #D97706);\n        color: #000;\n        border: none;\n        border-radius: 50px 50px 50px 10px;\n        padding: 15px 25px;\n        font-size: 1.1rem;\n        font-weight: bold;\n        cursor: pointer;\n        z-index: 9998;\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(245, 158, 11, 0.8), 0 0 0 6px rgba(245, 158, 11, 0.2);\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        min-width: 130px;\n        font-family: Tahoma, sans-serif;\n        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n        letter-spacing: 0.5px;\n        overflow: hidden;\n    }\n    \n    .guide-trigger-btn:hover {\n        transform: translateY(-5px) scale(1.05);\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(245, 158, 11, 1), 0 0 0 8px rgba(245, 158, 11, 0.3);\n        background: linear-gradient(145deg, #FBBF24, #F59E0B);\n    }\n    \n    .guide-icon { background: #000; color: #F59E0B; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; font-weight: bold; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; }\n    .guide-trigger-btn:hover .guide-icon { transform: rotate(360deg) scale(1.1); background: #000; color: #FBBF24; }\n    \n    .quick-help-btn { padding: 8px 15px; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3); color: #3b82f6; border-radius: 20px; font-size: 0.85rem; cursor: pointer; transition: all 0.3s ease; }\n    .quick-help-btn:hover { background: rgba(59, 130, 246, 0.2); transform: translateY(-2px); }\n    \n    .highlight-element { animation: highlight-pulse 2s infinite; box-shadow: 0 0 20px #f59e0b; border-radius: 8px; }\n    @keyframes highlight-pulse {\n        0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); }\n        70% { box-shadow: 0 0 0 15px rgba(245, 158, 11, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }\n    }\n    \n    \/* \u0631\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 *\/\n    @media (max-width: 768px) {\n        .energy-animation-container { height: 200px; }\n        .energy-text { font-size: 1rem; top: 15px; }\n        .modern-tower { width: 4px; }\n        .tower-1 { left: 10%; height: 120px; }\n        .tower-2 { left: 30%; height: 150px; }\n        .tower-3 { left: 50%; height: 130px; }\n        .tower-4 { left: 70%; height: 160px; }\n        .tower-5 { left: 90%; height: 140px; }\n        .solar-panel { width: 30px; height: 20px; }\n        \n        .energy-calc-container { padding: 15px 0; }\n        .calc-title { font-size: 1.8rem; }\n        .section { padding: 20px; }\n        .main-grid { padding: 0 15px; }\n        .devices-grid { grid-template-columns: 1fr; }\n        .export-buttons { flex-direction: column; padding: 0 15px; }\n        .stats-grid { grid-template-columns: 1fr; }\n        .action-buttons { flex-direction: column; }\n        .device-settings-grid { grid-template-columns: 1fr; }\n        .efficiency-grid { grid-template-columns: 1fr; }\n        .analysis-summary { grid-template-columns: 1fr; }\n        \n        .guide-container { width: 95%; padding: 15px; }\n        .guide-steps { grid-template-columns: 1fr; }\n        .guide-buttons { flex-direction: column; }\n        .guide-trigger-btn { bottom: 15px; left: 15px; padding: 10px 15px; font-size: 0.9rem; min-width: 80px; }\n        .calc-button, .days-error-message { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); }\n    }\n    \n    @media (min-width: 1400px) {\n        .stats-grid { grid-template-columns: repeat(4, 1fr); }\n        .analysis-summary { grid-template-columns: repeat(6, 1fr); }\n        .devices-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }\n    }\n    <\/style>\n    \n    <!-- \u0628\u062e\u0634 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 -->\n    <div class=\"energy-animation-container\">\n        <div class=\"animation-layer\">\n            <div class=\"energy-text\">\u26a1 \u0645\u062d\u0627\u0633\u0628\u0647 \u0647\u0648\u0634\u0645\u0646\u062f \u0645\u0635\u0631\u0641 \u0627\u0646\u0631\u0698\u06cc + \u067e\u0646\u0644\u200c\u0647\u0627\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc \ud83d\udd0b<\/div>\n            <div class=\"modern-tower tower-1\"><\/div>\n            <div class=\"modern-tower tower-2\"><\/div>\n            <div class=\"modern-tower tower-3\"><\/div>\n            <div class=\"modern-tower tower-4\"><\/div>\n            <div class=\"modern-tower tower-5\"><\/div>\n            <div class=\"energy-cable cable-1\"><\/div>\n            <div class=\"energy-cable cable-2\"><\/div>\n            <div class=\"energy-cable cable-3\"><\/div>\n            <div class=\"solar-panel panel-1\"><\/div>\n            <div class=\"solar-panel panel-2\"><\/div>\n            <div class=\"solar-panel panel-3\"><\/div>\n            <div class=\"solar-panel panel-4\"><\/div>\n            <div class=\"solar-panel panel-5\"><\/div>\n            <div class=\"smart-spark spark-1\"><\/div>\n            <div class=\"smart-spark spark-2\"><\/div>\n            <div class=\"smart-spark spark-3\"><\/div>\n            <div class=\"smart-spark spark-4\"><\/div>\n            <div class=\"smart-spark spark-5\"><\/div>\n            <div class=\"smart-home home-1\"><\/div>\n            <div class=\"smart-home home-2\"><\/div>\n            <div class=\"smart-home home-3\"><\/div>\n            <div class=\"green-connection green-1\"><\/div>\n            <div class=\"green-connection green-2\"><\/div>\n            <div class=\"green-connection green-3\"><\/div>\n            <div class=\"cloud cloud-1\"><\/div>\n            <div class=\"cloud cloud-2\"><\/div>\n            <div class=\"cloud cloud-3\"><\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc -->\n    <button class=\"guide-trigger-btn\" onclick=\"showGuide()\" title=\"\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628\">\n        <span class=\"guide-icon\">?<\/span>\n        <span class=\"guide-text\">\u0631\u0627\u0647\u0646\u0645\u0627<\/span>\n    <\/button>\n    \n    <div class=\"guide-overlay\" id=\"guideOverlay\">\n        <div class=\"guide-container\">\n            <div class=\"guide-header\">\n                <h2 class=\"guide-title\">\ud83c\udfae \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0633\u0631\u06cc\u0639 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0645\u0635\u0631\u0641 \u0628\u0631\u0642<\/h2>\n            <\/div>\n            \n            <div class=\"guide-steps\">\n                <div class=\"guide-step guide-step-1\" onclick=\"highlightElement('.scenario-card:first-child')\">\n                    <div class=\"step-number\">1<\/div>\n                    <h3 class=\"step-title\"><span class=\"step-icon\">\ud83d\udcc5<\/span> \u062a\u0646\u0638\u06cc\u0645 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0645\u0635\u0631\u0641<\/h3>\n                    <div class=\"step-content\">\n                        <p>\u2022 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0632\u0646\u062f\u06af\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u062a\u0639\u062f\u0627\u062f \u0631\u0648\u0632\u0647\u0627\u06cc \u0647\u0631 \u0633\u0646\u0627\u0631\u06cc\u0648 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 <strong>\u0645\u062c\u0645\u0648\u0639 \u0631\u0648\u0632\u0647\u0627 \u0628\u0627\u06cc\u062f \u06f3\u06f0 \u0631\u0648\u0632 \u0628\u0627\u0634\u062f<\/strong><\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"guide-step guide-step-2\" onclick=\"highlightElement('.category-dropdown')\">\n                    <div class=\"step-number\">2<\/div>\n                    <h3 class=\"step-title\"><span class=\"step-icon\">\ud83d\udd0c<\/span> \u0641\u06cc\u0644\u062a\u0631 \u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627<\/h3>\n                    <div class=\"step-content\">\n                        <p>\u2022 \u0627\u0632 \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0634\u0648\u06cc\u06cc \u0628\u0631\u0627\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0631 \u0627\u0633\u0627\u0633 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u06cc\u0627 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u0631\u0648\u06cc \u06a9\u0627\u0631\u062a \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u0648\u0646\u062f<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"guide-step guide-step-3\" onclick=\"highlightElement('.device-card.selected:first-child')\">\n                    <div class=\"step-number\">3<\/div>\n                    <h3 class=\"step-title\"><span class=\"step-icon\">\u2699\ufe0f<\/span> \u062a\u0646\u0638\u06cc\u0645 \u062a\u0639\u062f\u0627\u062f \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627<\/h3>\n                    <div class=\"step-content\">\n                        <p>\u2022 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u062a\u0639\u062f\u0627\u062f \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0686\u0646\u062f \u062f\u0633\u062a\u06af\u0627\u0647 \u0645\u0634\u0627\u0628\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u0627\u06cc\u0646\u0648\u0631\u062a\u0631 \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"guide-step guide-step-4\" onclick=\"toggleAdvancedSettings(); highlightElement('#advancedSettings')\">\n                    <div class=\"step-number\">4<\/div>\n                    <h3 class=\"step-title\"><span class=\"step-icon\">\ud83c\udf9b\ufe0f<\/span> \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/h3>\n                    <div class=\"step-content\">\n                        <p>\u2022 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u0648\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc \u062f\u0633\u062a\u06af\u0627\u0647 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u0633\u0627\u0639\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0647\u0631 \u0633\u0646\u0627\u0631\u06cc\u0648 \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"guide-step guide-step-5\" onclick=\"highlightElement('.calc-button')\">\n                    <div class=\"step-number\">5<\/div>\n                    <h3 class=\"step-title\"><span class=\"step-icon\">\ud83d\udcca<\/span> \u0645\u062d\u0627\u0633\u0628\u0647 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0646\u062a\u0627\u06cc\u062c<\/h3>\n                    <div class=\"step-content\">\n                        <p>\u2022 \u062f\u06a9\u0645\u0647 \u0645\u062d\u0627\u0633\u0628\u0647 \u0631\u0627 \u0628\u0632\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u0645\u0635\u0631\u0641 \u0631\u0648\u0632\u0627\u0646\u0647 \u0648 \u0645\u0627\u0647\u0627\u0646\u0647 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0631\u0627 \u0645\u0637\u0627\u0644\u0639\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"guide-step guide-step-6\" onclick=\"highlightElement('.export-btn')\">\n                    <div class=\"step-number\">6<\/div>\n                    <h3 class=\"step-title\"><span class=\"step-icon\">\ud83d\udccb<\/span> \u06a9\u067e\u06cc \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u062a\u0627\u06cc\u062c<\/h3>\n                    <div class=\"step-content\">\n                        <p>\u2022 \u0645\u0635\u0631\u0641 \u0645\u0627\u0647\u0627\u0646\u0647 \u0631\u0627 \u06a9\u067e\u06cc \u06a9\u0646\u06cc\u062f<\/p>\n                        <p>\u2022 \u0646\u062a\u0627\u06cc\u062c \u0631\u0627 \u0628\u0627 \u062f\u06cc\u06af\u0631\u0627\u0646 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f<\/p>\n                        <p>\u2022 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0627\u062a \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0627 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tips-section\">\n                <h3 class=\"tips-title\">\ud83d\udca1 \u0646\u06a9\u0627\u062a \u0637\u0644\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u0647\u062a\u0631<\/h3>\n                <ul class=\"tips-list\">\n                    <li><strong>\u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/strong> \u062a\u0627 \u06f4\u06f0\u066a \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc \u062f\u0627\u0631\u0646\u062f (\u0628\u0627 \u0622\u06cc\u06a9\u0648\u0646 \ud83d\udd0b)<\/li>\n                    <li><strong>\u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/strong> \u0627\u0646\u0631\u0698\u06cc \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f (\u0645\u0642\u062f\u0627\u0631 \u0645\u0646\u0641\u06cc)<\/li>\n                    <li><strong>\u0631\u0646\u06af\u200c\u0647\u0627 \u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647 \u06a9\u0627\u0631\u0627\u06cc\u06cc<\/strong>: \u0642\u0631\u0645\u0632 (\u06a9\u0645) \u2190 \u0633\u0628\u0632 (\u0639\u0627\u0644\u06cc)<\/li>\n                    <li>\u0627\u0632 <strong>\u0641\u06cc\u0644\u062a\u0631 \u0646\u0648\u0639 \u062f\u0633\u062a\u06af\u0627\u0647<\/strong> \u0628\u0631\u0627\u06cc \u0645\u0642\u0627\u06cc\u0633\u0647 \u0633\u0631\u06cc\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"guide-buttons\">\n                <button class=\"guide-btn guide-btn-primary\" onclick=\"startTutorial()\">\ud83c\udfac \u0634\u0631\u0648\u0639 \u0622\u0645\u0648\u0632\u0634 \u062a\u0639\u0627\u0645\u0644\u06cc<\/button>\n                <button class=\"guide-btn guide-btn-secondary\" onclick=\"hideGuide()\">\u2705 \u0641\u0647\u0645\u06cc\u062f\u0645\u060c \u0634\u0631\u0648\u0639 \u06a9\u0646\u0645<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"energy-calc-container\">\n        <div class=\"calc-header\" style=\"padding: 0 20px;\">\n            <h1 class=\"calc-title\">\u26a1 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0645\u0635\u0631\u0641 \u0628\u0631\u0642 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 + \u0627\u06cc\u0646\u0648\u0631\u062a\u0631\u0647\u0627<\/h1>\n            <p style=\"color: #000; margin: 10px 0 0 0; font-size: 1.1rem;\">\n                \u0645\u062d\u0627\u0633\u0628\u0647 \u062f\u0642\u06cc\u0642 \u0645\u0635\u0631\u0641 \u0627\u0646\u0631\u0698\u06cc \u0628\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u06cc\u0646\u0648\u0631\u062a\u0631\u060c \u06a9\u0645\u200c\u0645\u0635\u0631\u0641 \u0648 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc\n            <\/p>\n        <\/div>\n        \n        <form method=\"POST\" id=\"mainForm\">\n            <input type=\"hidden\" id=\"energy_calc_nonce\" name=\"energy_calc_nonce\" value=\"4fff97203d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F44\" \/>            \n                        \n            <div class=\"main-grid\">\n                <div class=\"section\">\n                    <h3 class=\"section-title\">\ud83d\udcc5 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0645\u0635\u0631\u0641 \u0645\u0627\u0647\u0627\u0646\u0647 (\u0645\u062c\u0645\u0648\u0639 \u0628\u0627\u06cc\u062f 30 \u0631\u0648\u0632 \u0628\u0627\u0634\u062f)<\/h3>\n                                            <div class=\"scenario-card\" style=\"border-right-color: #f59e0b\">\n                            <div class=\"scenario-header\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <span style=\"font-size: 1.4rem;\">\ud83c\udfe0<\/span>\n                                    <div>\n                                        <h4 style=\"color: #fef3c7; margin: 0; font-size: 1.1rem;\">\u0631\u0648\u0632\u0645\u0631\u0647 \u0639\u0627\u062f\u06cc<\/h4>\n                                        <p style=\"color: #9ca3af; margin: 5px 0 0 0; font-size: 0.9rem;\">\u062d\u0636\u0648\u0631 \u0645\u0639\u0645\u0648\u0644\u06cc \u062f\u0631 \u0645\u0646\u0632\u0644<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div>\n                                    <input type=\"number\" \n                                           name=\"scenario_days[normal]\" \n                                           value=\"10\"\n                                           min=\"0\" \n                                           max=\"30\"\n                                           class=\"days-input \"\n                                           onchange=\"updateDaysSummary()\">\n                                    <span style=\"color: #9ca3af; margin-right: 5px;\">\u0631\u0648\u0632<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"scenario-card\" style=\"border-right-color: #d97706\">\n                            <div class=\"scenario-header\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <span style=\"font-size: 1.4rem;\">\ud83c\udf19<\/span>\n                                    <div>\n                                        <h4 style=\"color: #fef3c7; margin: 0; font-size: 1.1rem;\">\u0634\u0628\u0627\u0646\u0647<\/h4>\n                                        <p style=\"color: #9ca3af; margin: 5px 0 0 0; font-size: 0.9rem;\">\u062d\u0636\u0648\u0631 \u0634\u0628 \u062f\u0631 \u0645\u0646\u0632\u0644<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div>\n                                    <input type=\"number\" \n                                           name=\"scenario_days[nightly]\" \n                                           value=\"4\"\n                                           min=\"0\" \n                                           max=\"30\"\n                                           class=\"days-input \"\n                                           onchange=\"updateDaysSummary()\">\n                                    <span style=\"color: #9ca3af; margin-right: 5px;\">\u0631\u0648\u0632<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"scenario-card\" style=\"border-right-color: #fbbf24\">\n                            <div class=\"scenario-header\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <span style=\"font-size: 1.4rem;\">\ud83c\udf89<\/span>\n                                    <div>\n                                        <h4 style=\"color: #fef3c7; margin: 0; font-size: 1.1rem;\">\u062a\u0639\u0637\u06cc\u0644\u0627\u062a<\/h4>\n                                        <p style=\"color: #9ca3af; margin: 5px 0 0 0; font-size: 0.9rem;\">\u062d\u0636\u0648\u0631 \u06a9\u0627\u0645\u0644 \u062f\u0631 \u0645\u0646\u0632\u0644<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div>\n                                    <input type=\"number\" \n                                           name=\"scenario_days[holiday]\" \n                                           value=\"8\"\n                                           min=\"0\" \n                                           max=\"30\"\n                                           class=\"days-input \"\n                                           onchange=\"updateDaysSummary()\">\n                                    <span style=\"color: #9ca3af; margin-right: 5px;\">\u0631\u0648\u0632<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"scenario-card\" style=\"border-right-color: #fcd34d\">\n                            <div class=\"scenario-header\">\n                                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                                    <span style=\"font-size: 1.4rem;\">\u2708\ufe0f<\/span>\n                                    <div>\n                                        <h4 style=\"color: #fef3c7; margin: 0; font-size: 1.1rem;\">\u0639\u062f\u0645 \u062d\u0636\u0648\u0631<\/h4>\n                                        <p style=\"color: #9ca3af; margin: 5px 0 0 0; font-size: 0.9rem;\">\u062e\u0631\u0648\u062c \u0627\u0632 \u0645\u0646\u0632\u0644<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div>\n                                    <input type=\"number\" \n                                           name=\"scenario_days[away]\" \n                                           value=\"8\"\n                                           min=\"0\" \n                                           max=\"30\"\n                                           class=\"days-input \"\n                                           onchange=\"updateDaysSummary()\">\n                                    <span style=\"color: #9ca3af; margin-right: 5px;\">\u0631\u0648\u0632<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                        \n                    <div style=\"background: linear-gradient(135deg, #f59e0b, #fbbf24); color: #000; padding: 15px; border-radius: 8px; text-align: center; margin-top: 15px; \">\n                        \ud83d\udcca \u062c\u0645\u0639 \u0631\u0648\u0632\u0647\u0627: <strong id=\"totalDays\">30<\/strong> \u0627\u0632 \n                        <span style=\"font-weight: bold; color: #000;\">30 \u0631\u0648\u0632<\/span>\n                                            <\/div>\n                    \n                    <input type=\"hidden\" name=\"month_days\" value=\"30\">\n                <\/div>\n                \n                <div class=\"section\">\n                    <h3 class=\"section-title\">\ud83d\udd0c \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0628\u0631\u0642\u06cc<\/h3>\n                    \n                    <div class=\"filter-section\">\n                        <label class=\"filter-label\">\n                            \ud83d\udd0d \u0641\u06cc\u0644\u062a\u0631 \u0648 \u062c\u0633\u062a\u062c\u0648\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\n                            <span style=\"color: #9ca3af; font-size: 0.85rem; font-weight: normal;\">(\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u06cc\u0627 \u0646\u0648\u0639 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc)<\/span>\n                        <\/label>\n                        \n                        <div class=\"filter-container\">\n                            <span class=\"filter-icon\">\u25bc<\/span>\n                            <select id=\"combinedFilter\" class=\"category-dropdown\" onchange=\"applyCombinedFilter(this.value)\" title=\"\u0628\u0631\u0627\u06cc \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0631\u062f\u0646 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f\">\n                                <option value=\"all_all\">\ud83c\udfaf \u0647\u0645\u0647 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 (\u062d\u0630\u0641 \u0641\u06cc\u0644\u062a\u0631)<\/option>\n                                \n                                <optgroup label=\"\ud83d\udcc2 \u0641\u06cc\u0644\u062a\u0631 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\">\n                                    <option value=\"cat_lighting\">\ud83d\udca1 \u0631\u0648\u0634\u0646\u0627\u06cc\u06cc<\/option>\n                                    <option value=\"cat_appliance\">\ud83c\udfe0 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc<\/option>\n                                    <option value=\"cat_cooling\">\u2744\ufe0f \u0633\u0631\u0645\u0627\u06cc\u0634<\/option>\n                                    <option value=\"cat_heating\">\ud83d\udd25 \u06af\u0631\u0645\u0627\u06cc\u0634<\/option>\n                                    <option value=\"cat_entertainment\">\ud83c\udfae \u0633\u0631\u06af\u0631\u0645\u06cc<\/option>\n                                    <option value=\"cat_kitchen\">\ud83c\udf73 \u0622\u0634\u067e\u0632\u062e\u0627\u0646\u0647<\/option>\n                                    <option value=\"cat_energy\">\u2600\ufe0f \u0627\u0646\u0631\u0698\u06cc<\/option>\n                                    <option value=\"cat_personal\">\ud83d\udcf1 \u0634\u062e\u0635\u06cc<\/option>\n                                    <option value=\"cat_security\">\ud83d\udd12 \u0627\u0645\u0646\u06cc\u062a\u06cc<\/option>\n                                    <option value=\"cat_garden\">\ud83c\udf3f \u062d\u06cc\u0627\u0637 \u0648 \u0628\u0627\u063a<\/option>\n                                <\/optgroup>\n                                \n                                <optgroup label=\"\ud83d\udd27 \u0641\u06cc\u0644\u062a\u0631 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc\">\n                                    <option value=\"type_inverter\">\ud83d\udd0b \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/option>\n                                    <option value=\"type_efficient\">\ud83c\udf3f \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/option>\n                                    <option value=\"type_standard\">\u2699\ufe0f \u0645\u0639\u0645\u0648\u0644\u06cc<\/option>\n                                    <option value=\"type_solar\">\u2600\ufe0f \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/option>\n                                    <option value=\"type_smart\">\ud83e\udd16 \u0647\u0648\u0634\u0645\u0646\u062f<\/option>\n                                <\/optgroup>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"devices-grid\" id=\"devices-container\">\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"lamp\"\n                                 data-category=\"lighting\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"lamp\" \n                                       id=\"device_lamp\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udca1 \u0644\u0627\u0645\u067e \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 10 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"led_lamp\"\n                                 data-category=\"lighting\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"led_lamp\" \n                                       id=\"device_led_lamp\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udca1 \u0644\u0627\u0645\u067e LED \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 7 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"smart_lamp\"\n                                 data-category=\"lighting\"\n                                 data-type=\"smart\"\n                                 data-efficiency=\"\u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"smart_lamp\" \n                                       id=\"device_smart_lamp\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udca1 \u0644\u0627\u0645\u067e \u0647\u0648\u0634\u0645\u0646\u062f<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-smart\">\n                                        \u0647\u0648\u0634\u0645\u0646\u062f                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-very-high\">\n                                                                                    \u26a1 \u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 5 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"fridge\"\n                                 data-category=\"appliance\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"fridge\" \n                                       id=\"device_fridge\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\u2744\ufe0f \u06cc\u062e\u0686\u0627\u0644 \u0641\u0631\u06cc\u0632\u0631 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 250 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"fridge_inverter\"\n                                 data-category=\"appliance\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"fridge_inverter\" \n                                       id=\"device_fridge_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u06cc\u062e\u0686\u0627\u0644 \u0641\u0631\u06cc\u0632\u0631 \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 150 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 40% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"fridge_5star\"\n                                 data-category=\"appliance\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"fridge_5star\" \n                                       id=\"device_fridge_5star\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\u2b50 \u06cc\u062e\u0686\u0627\u0644 \u06f5 \u0633\u062a\u0627\u0631\u0647<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-very-high\">\n                                                                                    \u26a1 \u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 120 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 52% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"tv\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"tv\" \n                                       id=\"device_tv\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcfa \u062a\u0644\u0648\u06cc\u0632\u06cc\u0648\u0646 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 150 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"tv_led\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0645\u062a\u0648\u0633\u0637\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"tv_led\" \n                                       id=\"device_tv_led\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcfa \u062a\u0644\u0648\u06cc\u0632\u06cc\u0648\u0646 LED<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-medium\">\n                                                                                    \u26a1 \u0645\u062a\u0648\u0633\u0637                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 100 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 33% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"tv_oled\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"tv_oled\" \n                                       id=\"device_tv_oled\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcfa \u062a\u0644\u0648\u06cc\u0632\u06cc\u0648\u0646 OLED \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 70 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 53% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"ac\"\n                                 data-category=\"cooling\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"ac\" \n                                       id=\"device_ac\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\u2744\ufe0f \u06a9\u0648\u0644\u0631 \u06af\u0627\u0632\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1500 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"ac_inverter\"\n                                 data-category=\"cooling\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"ac_inverter\" \n                                       id=\"device_ac_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u06a9\u0648\u0644\u0631 \u06af\u0627\u0632\u06cc \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 900 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 40% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"ac_eco\"\n                                 data-category=\"cooling\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"ac_eco\" \n                                       id=\"device_ac_eco\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf3f \u06a9\u0648\u0644\u0631 \u06af\u0627\u0632\u06cc \u0627\u06a9\u0648<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-very-high\">\n                                                                                    \u26a1 \u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 750 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 50% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"water_ac\"\n                                 data-category=\"cooling\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u0645\u062a\u0648\u0633\u0637\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"water_ac\" \n                                       id=\"device_water_ac\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udca7 \u06a9\u0648\u0644\u0631 \u0622\u0628\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-medium\">\n                                                                                    \u26a1 \u0645\u062a\u0648\u0633\u0637                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 400 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"water_ac_inverter\"\n                                 data-category=\"cooling\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"water_ac_inverter\" \n                                       id=\"device_water_ac_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u06a9\u0648\u0644\u0631 \u0622\u0628\u06cc \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 200 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 50% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"washing_machine\"\n                                 data-category=\"appliance\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"washing_machine\" \n                                       id=\"device_washing_machine\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udc55 \u0645\u0627\u0634\u06cc\u0646 \u0644\u0628\u0627\u0633\u0634\u0648\u06cc\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 900 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"washing_machine_inverter\"\n                                 data-category=\"appliance\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"washing_machine_inverter\" \n                                       id=\"device_washing_machine_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u0645\u0627\u0634\u06cc\u0646 \u0644\u0628\u0627\u0633\u0634\u0648\u06cc\u06cc \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 500 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 44% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"washing_machine_eco\"\n                                 data-category=\"appliance\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"washing_machine_eco\" \n                                       id=\"device_washing_machine_eco\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf3f \u0645\u0627\u0634\u06cc\u0646 \u0644\u0628\u0627\u0633\u0634\u0648\u06cc\u06cc \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-very-high\">\n                                                                                    \u26a1 \u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 400 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 56% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"dish_washer\"\n                                 data-category=\"appliance\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"dish_washer\" \n                                       id=\"device_dish_washer\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf7d\ufe0f \u0645\u0627\u0634\u06cc\u0646 \u0638\u0631\u0641\u0634\u0648\u06cc\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 900 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"dish_washer_inverter\"\n                                 data-category=\"appliance\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"dish_washer_inverter\" \n                                       id=\"device_dish_washer_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u0645\u0627\u0634\u06cc\u0646 \u0638\u0631\u0641\u0634\u0648\u06cc\u06cc \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 500 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 44% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"computer\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"computer\" \n                                       id=\"device_computer\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcbb \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0631\u0648\u0645\u06cc\u0632\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 400 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"laptop\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"laptop\" \n                                       id=\"device_laptop\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcbb \u0644\u067e \u062a\u0627\u067e \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 60 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 85% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"mini_pc\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"mini_pc\" \n                                       id=\"device_mini_pc\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcbb \u0645\u06cc\u0646\u06cc \u067e\u06cc \u0633\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-very-high\">\n                                                                                    \u26a1 \u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 30 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 92% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"router\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"router\" \n                                       id=\"device_router\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udce1 \u0645\u0648\u062f\u0645 \u0648\u0627\u06cc \u0641\u0627\u06cc \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 8 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"charger_fast\"\n                                 data-category=\"personal\"\n                                 data-type=\"smart\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"charger_fast\" \n                                       id=\"device_charger_fast\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\u26a1 \u0634\u0627\u0631\u0698\u0631 \u0633\u0631\u06cc\u0639 \u0647\u0648\u0634\u0645\u0646\u062f<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-smart\">\n                                        \u0647\u0648\u0634\u0645\u0646\u062f                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 3 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"water_heater\"\n                                 data-category=\"appliance\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"water_heater\" \n                                       id=\"device_water_heater\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd25 \u0622\u0628\u06af\u0631\u0645\u06a9\u0646 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 2000 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"water_heater_inverter\"\n                                 data-category=\"appliance\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"water_heater_inverter\" \n                                       id=\"device_water_heater_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u0622\u0628\u06af\u0631\u0645\u06a9\u0646 \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1200 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 40% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"solar_water_heater\"\n                                 data-category=\"appliance\"\n                                 data-type=\"solar\"\n                                 data-efficiency=\"\u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"solar_water_heater\" \n                                       id=\"device_solar_water_heater\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\u2600\ufe0f \u0622\u0628\u06af\u0631\u0645\u06a9\u0646 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-solar\">\n                                        \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-very-high\">\n                                                                                    \u26a1 \u062e\u06cc\u0644\u06cc \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 100 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 95% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"vacuum_cleaner\"\n                                 data-category=\"appliance\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"vacuum_cleaner\" \n                                       id=\"device_vacuum_cleaner\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83e\uddf9 \u062c\u0627\u0631\u0648 \u0628\u0631\u0642\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1200 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"vacuum_cleaner_cordless\"\n                                 data-category=\"appliance\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"vacuum_cleaner_cordless\" \n                                       id=\"device_vacuum_cleaner_cordless\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u062c\u0627\u0631\u0648 \u0628\u0631\u0642\u06cc \u0628\u06cc\u200c\u0633\u06cc\u0645 \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 400 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 67% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"microwave\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"microwave\" \n                                       id=\"device_microwave\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf72 \u0645\u0627\u06cc\u06a9\u0631\u0648\u0641\u0631 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1000 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"microwave_inverter\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"microwave_inverter\" \n                                       id=\"device_microwave_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u0645\u0627\u06cc\u06a9\u0631\u0648\u0641\u0631 \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 700 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 30% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"induction_cooker\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"induction_cooker\" \n                                       id=\"device_induction_cooker\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd25 \u0627\u062c\u0627\u0642 \u0627\u0644\u0642\u0627\u06cc\u06cc \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1500 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 40% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  energy-producer\"\n                                 data-device-id=\"solar_panel\"\n                                 data-category=\"energy\"\n                                 data-type=\"solar\"\n                                 data-efficiency=\"\u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0631\u0698\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"solar_panel\" \n                                       id=\"device_solar_panel\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\u2600\ufe0f \u067e\u0646\u0644 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-solar\">\n                                        \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-energy-producer\">\n                                                                                    \u26a1 \u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0631\u0698\u06cc\n                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \u26a1 \u062a\u0648\u0644\u06cc\u062f: 300 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                                                    <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  energy-producer\"\n                                 data-device-id=\"power_bank\"\n                                 data-category=\"energy\"\n                                 data-type=\"solar\"\n                                 data-efficiency=\"\u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0631\u0698\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"power_bank\" \n                                       id=\"device_power_bank\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u067e\u0627\u0648\u0631 \u0628\u0627\u0646\u06a9 \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-solar\">\n                                        \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-energy-producer\">\n                                                                                    \u26a1 \u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0631\u0698\u06cc\n                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \u26a1 \u062a\u0648\u0644\u06cc\u062f: 100 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                                                    <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"hairdryer\"\n                                 data-category=\"personal\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"hairdryer\" \n                                       id=\"device_hairdryer\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udc87 \u0633\u0634\u0648\u0627\u0631 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1200 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"hairdryer_low\"\n                                 data-category=\"personal\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0645\u062a\u0648\u0633\u0637\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"hairdryer_low\" \n                                       id=\"device_hairdryer_low\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udc87 \u0633\u0634\u0648\u0627\u0631 \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-medium\">\n                                                                                    \u26a1 \u0645\u062a\u0648\u0633\u0637                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 800 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 33% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"shaver\"\n                                 data-category=\"personal\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"shaver\" \n                                       id=\"device_shaver\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83e\ude92 \u0631\u06cc\u0634\u200c\u062a\u0631\u0627\u0634 \u0628\u0631\u0642\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 5 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"epilator\"\n                                 data-category=\"personal\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"epilator\" \n                                       id=\"device_epilator\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udc86 \u0627\u067e\u06cc\u0644\u06cc\u062f\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 15 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"electric_toothbrush\"\n                                 data-category=\"personal\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"electric_toothbrush\" \n                                       id=\"device_electric_toothbrush\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83e\uddb7 \u0645\u0633\u0648\u0627\u06a9 \u0628\u0631\u0642\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 2 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"soundbar\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"soundbar\" \n                                       id=\"device_soundbar\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0a \u0633\u0627\u0646\u062f\u0628\u0627\u0631 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 50 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"soundbar_efficient\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"soundbar_efficient\" \n                                       id=\"device_soundbar_efficient\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0a \u0633\u0627\u0646\u062f\u0628\u0627\u0631 \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 25 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 50% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"home_theater\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"home_theater\" \n                                       id=\"device_home_theater\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udfac \u0633\u06cc\u0633\u062a\u0645 \u0633\u06cc\u0646\u0645\u0627\u06cc \u062e\u0627\u0646\u06af\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 200 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"gaming_console\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"gaming_console\" \n                                       id=\"device_gaming_console\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udfae \u06a9\u0646\u0633\u0648\u0644 \u0628\u0627\u0632\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 150 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"gaming_console_efficient\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"gaming_console_efficient\" \n                                       id=\"device_gaming_console_efficient\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udfae \u06a9\u0646\u0633\u0648\u0644 \u0628\u0627\u0632\u06cc \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 80 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 47% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"blender\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"blender\" \n                                       id=\"device_blender\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83e\uddc3 \u0645\u062e\u0644\u0648\u0637 \u06a9\u0646 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 300 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"blender_inverter\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"blender_inverter\" \n                                       id=\"device_blender_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u0645\u062e\u0644\u0648\u0637 \u06a9\u0646 \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 200 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 33% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"juicer\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"juicer\" \n                                       id=\"device_juicer\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf79 \u0622\u0628\u0645\u06cc\u0648\u0647\u200c\u06af\u06cc\u0631\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 400 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"toaster\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"toaster\" \n                                       id=\"device_toaster\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf5e \u062a\u0648\u0633\u062a\u0631 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 800 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"rice_cooker\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"rice_cooker\" \n                                       id=\"device_rice_cooker\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf5a \u067e\u0644\u0648\u067e\u0632 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 500 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"rice_cooker_fuzzy\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"rice_cooker_fuzzy\" \n                                       id=\"device_rice_cooker_fuzzy\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u067e\u0644\u0648\u067e\u0632 \u0641\u0627\u0632\u06cc \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 300 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 40% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"coffee_maker\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"coffee_maker\" \n                                       id=\"device_coffee_maker\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\u2615 \u0642\u0647\u0648\u0647\u200c\u0633\u0627\u0632<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 900 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"coffee_maker_eco\"\n                                 data-category=\"kitchen\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"coffee_maker_eco\" \n                                       id=\"device_coffee_maker_eco\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf3f \u0642\u0647\u0648\u0647\u200c\u0633\u0627\u0632 \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 600 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 33% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"electric_heater\"\n                                 data-category=\"heating\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"electric_heater\" \n                                       id=\"device_electric_heater\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd25 \u0647\u06cc\u062a\u0631 \u0628\u0631\u0642\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 2000 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"oil_heater\"\n                                 data-category=\"heating\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0645\u062a\u0648\u0633\u0637\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"oil_heater\" \n                                       id=\"device_oil_heater\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udee2\ufe0f \u0628\u062e\u0627\u0631\u06cc \u0631\u0648\u063a\u0646\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-medium\">\n                                                                                    \u26a1 \u0645\u062a\u0648\u0633\u0637                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1500 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 25% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"electric_radiator\"\n                                 data-category=\"heating\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"electric_radiator\" \n                                       id=\"device_electric_radiator\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u0631\u0627\u062f\u06cc\u0627\u062a\u0648\u0631 \u0628\u0631\u0642\u06cc \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1000 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 50% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"electric_blanket\"\n                                 data-category=\"heating\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"electric_blanket\" \n                                       id=\"device_electric_blanket\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udecf\ufe0f \u067e\u062a\u0648\u06cc \u0628\u0631\u0642\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 100 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"floor_heating\"\n                                 data-category=\"heating\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"floor_heating\" \n                                       id=\"device_floor_heating\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd25 \u06af\u0631\u0645\u0627\u06cc\u0634 \u0627\u0632 \u06a9\u0641 \u0628\u0631\u0642\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 150 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"cctv_camera\"\n                                 data-category=\"security\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u0645\u062a\u0648\u0633\u0637\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"cctv_camera\" \n                                       id=\"device_cctv_camera\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcf9 \u062f\u0648\u0631\u0628\u06cc\u0646 \u0645\u062f\u0627\u0631\u0628\u0633\u062a\u0647<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-medium\">\n                                                                                    \u26a1 \u0645\u062a\u0648\u0633\u0637                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 8 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"cctv_camera_poe\"\n                                 data-category=\"security\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"cctv_camera_poe\" \n                                       id=\"device_cctv_camera_poe\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u062f\u0648\u0631\u0628\u06cc\u0646 POE \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 5 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 38% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"alarm_system\"\n                                 data-category=\"security\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u0645\u062a\u0648\u0633\u0637\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"alarm_system\" \n                                       id=\"device_alarm_system\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udea8 \u0633\u06cc\u0633\u062a\u0645 \u062f\u0632\u062f\u06af\u06cc\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-medium\">\n                                                                                    \u26a1 \u0645\u062a\u0648\u0633\u0637                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 20 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"smart_lock\"\n                                 data-category=\"security\"\n                                 data-type=\"smart\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"smart_lock\" \n                                       id=\"device_smart_lock\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd10 \u0642\u0641\u0644 \u0647\u0648\u0634\u0645\u0646\u062f<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-smart\">\n                                        \u0647\u0648\u0634\u0645\u0646\u062f                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 3 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"air_purifier\"\n                                 data-category=\"appliance\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"air_purifier\" \n                                       id=\"device_air_purifier\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udca8 \u062a\u0635\u0641\u06cc\u0647\u200c\u06a9\u0646\u0646\u062f\u0647 \u0647\u0648\u0627 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 50 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"air_purifier_inverter\"\n                                 data-category=\"appliance\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"air_purifier_inverter\" \n                                       id=\"device_air_purifier_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u062a\u0635\u0641\u06cc\u0647\u200c\u06a9\u0646\u0646\u062f\u0647 \u0647\u0648\u0627 \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 30 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 40% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"dehumidifier\"\n                                 data-category=\"appliance\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"dehumidifier\" \n                                       id=\"device_dehumidifier\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udca7 \u0631\u0637\u0648\u0628\u062a\u200c\u06af\u06cc\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 200 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"humidifier\"\n                                 data-category=\"appliance\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"humidifier\" \n                                       id=\"device_humidifier\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udca8 \u0631\u0637\u0648\u0628\u062a\u200c\u0633\u0627\u0632<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 30 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"electric_mosquito\"\n                                 data-category=\"appliance\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"electric_mosquito\" \n                                       id=\"device_electric_mosquito\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83e\udd9f \u062f\u0641\u0639 \u06a9\u0646\u0646\u062f\u0647 \u067e\u0634\u0647 \u0628\u0631\u0642\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 5 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"cordless_phone\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"cordless_phone\" \n                                       id=\"device_cordless_phone\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcde \u062a\u0644\u0641\u0646 \u0628\u06cc\u200c\u0633\u06cc\u0645<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 3 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"printer\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"printer\" \n                                       id=\"device_printer\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udda8\ufe0f \u067e\u0631\u06cc\u0646\u062a\u0631 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 50 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"printer_eco\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"printer_eco\" \n                                       id=\"device_printer_eco\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf3f \u067e\u0631\u06cc\u0646\u062a\u0631 \u06a9\u0645\u200c\u0645\u0635\u0631\u0641<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 25 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 50% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"scanner\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"scanner\" \n                                       id=\"device_scanner\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcc4 \u0627\u0633\u06a9\u0646\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 15 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"electric_mower\"\n                                 data-category=\"garden\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"electric_mower\" \n                                       id=\"device_electric_mower\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\u2702\ufe0f \u0686\u0645\u0646\u200c\u0632\u0646 \u0628\u0631\u0642\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1000 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"electric_mower_battery\"\n                                 data-category=\"garden\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"electric_mower_battery\" \n                                       id=\"device_electric_mower_battery\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u0686\u0645\u0646\u200c\u0632\u0646 \u0628\u0627\u062a\u0631\u06cc\u200c\u062f\u0627\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 500 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 50% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"pool_pump\"\n                                 data-category=\"garden\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"pool_pump\" \n                                       id=\"device_pool_pump\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udca6 \u067e\u0645\u067e \u0627\u0633\u062a\u062e\u0631 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 1000 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"pool_pump_inverter\"\n                                 data-category=\"garden\"\n                                 data-type=\"inverter\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"pool_pump_inverter\" \n                                       id=\"device_pool_pump_inverter\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u067e\u0645\u067e \u0627\u0633\u062a\u062e\u0631 \u0627\u06cc\u0646\u0648\u0631\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-inverter\">\n                                        \u0627\u06cc\u0646\u0648\u0631\u062a\u0631                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 500 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 50% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"outdoor_lighting\"\n                                 data-category=\"lighting\"\n                                 data-type=\"efficient\"\n                                 data-efficiency=\"\u0639\u0627\u0644\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"outdoor_lighting\" \n                                       id=\"device_outdoor_lighting\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udca1 \u0631\u0648\u0634\u0646\u0627\u06cc\u06cc \u062d\u06cc\u0627\u0637 LED<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-efficient\">\n                                        \u06a9\u0645\u200c\u0645\u0635\u0631\u0641                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-high\">\n                                                                                    \u26a1 \u0639\u0627\u0644\u06cc                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 10 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                    <span class=\"savings-badge\">\ud83d\udcb0 80% \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc<\/span>\n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"tv_standby\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"tv_standby\" \n                                       id=\"device_tv_standby\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcfa \u062d\u0627\u0644\u062a \u0627\u0633\u062a\u0646\u062f\u0628\u0627\u06cc \u062a\u0644\u0648\u06cc\u0632\u06cc\u0648\u0646<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 5 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"computer_standby\"\n                                 data-category=\"entertainment\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"computer_standby\" \n                                       id=\"device_computer_standby\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udcbb \u062d\u0627\u0644\u062a \u0627\u0633\u062a\u0646\u062f\u0628\u0627\u06cc \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 10 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  \"\n                                 data-device-id=\"charger_standby\"\n                                 data-category=\"personal\"\n                                 data-type=\"standard\"\n                                 data-efficiency=\"\u06a9\u0645\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"charger_standby\" \n                                       id=\"device_charger_standby\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\u26a1 \u0634\u0627\u0631\u0698\u0631 \u0645\u062a\u0635\u0644 \u0628\u062f\u0648\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-standard\">\n                                        \u0645\u0639\u0645\u0648\u0644\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-low\">\n                                                                                    \u26a1 \u06a9\u0645                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \ud83d\udd0b 2 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                        \n                                                                                                            <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  energy-producer\"\n                                 data-device-id=\"home_battery\"\n                                 data-category=\"energy\"\n                                 data-type=\"smart\"\n                                 data-efficiency=\"\u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0631\u0698\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"home_battery\" \n                                       id=\"device_home_battery\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83d\udd0b \u0628\u0627\u062a\u0631\u06cc \u062e\u0627\u0646\u06af\u06cc<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-smart\">\n                                        \u0647\u0648\u0634\u0645\u0646\u062f                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-energy-producer\">\n                                                                                    \u26a1 \u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0631\u0698\u06cc\n                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \u26a1 \u062a\u0648\u0644\u06cc\u062f: 500 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                                                    <\/div>\n                                \n                                                            <\/div>\n                                                    <div class=\"device-card  energy-producer\"\n                                 data-device-id=\"wind_turbine\"\n                                 data-category=\"energy\"\n                                 data-type=\"solar\"\n                                 data-efficiency=\"\u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0631\u0698\u06cc\">\n                                \n                                <input type=\"checkbox\" \n                                       name=\"devices[]\" \n                                       value=\"wind_turbine\" \n                                       id=\"device_wind_turbine\"\n                                                                              style=\"display: none;\">\n                                \n                                <h4 class=\"device-name\">\ud83c\udf2a\ufe0f \u062a\u0648\u0631\u0628\u06cc\u0646 \u0628\u0627\u062f\u06cc \u06a9\u0648\u0686\u06a9<\/h4>\n                                \n                                <div style=\"margin: 8px 0;\">\n                                                                        <span class=\"device-type-badge type-solar\">\n                                        \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc                                    <\/span>\n                                    \n                                    <span class=\"efficiency-badge efficiency-energy-producer\">\n                                                                                    \u26a1 \u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0631\u0698\u06cc\n                                                                            <\/span>\n                                <\/div>\n                                \n                                <div style=\"margin-top: 8px;\">\n                                                                            <span style=\"color: #f59e0b; font-weight: bold;\">\n                                            \u26a1 \u062a\u0648\u0644\u06cc\u062f: 200 \u0648\u0627\u062a\n                                                                                    <\/span>\n                                                                    <\/div>\n                                \n                                                            <\/div>\n                                            <\/div>\n                    \n                    <div style=\"color: #9ca3af; font-size: 0.9rem; margin-top: 15px; text-align: center;\">\n                        \ud83d\udcdd <span id=\"selectedCount\">0<\/span> \u0646\u0648\u0639 \u062f\u0633\u062a\u06af\u0627\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0627\u0633\u062a\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <button type=\"submit\" class=\"calc-button\" >\n                                    \ud83d\udd04 \u0627\u0646\u062c\u0627\u0645 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\n                            <\/button>\n            \n            <input type=\"hidden\" name=\"advanced_settings\" id=\"advanced_settings_input\" value=\"\">\n        <\/form>\n        \n        <div class=\"advanced-settings-section\" id=\"advancedSettings\">\n            <h3 class=\"section-title\" style=\"cursor: pointer;\" onclick=\"toggleAdvancedSettings()\">\n                \u2699\ufe0f \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\n                <span id=\"settingsToggleIcon\" style=\"font-size: 1.2rem; margin-right: auto;\">\u25bc<\/span>\n            <\/h3>\n            \n            <div id=\"settingsContent\" style=\"display: none;\">\n                <h4 style=\"color: #f59e0b; margin: 20px 0 10px 0; display: flex; align-items: center; gap: 10px;\">\n                    \ud83d\udd27 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647\n                <\/h4>\n                <div class=\"device-settings-grid\" id=\"deviceSettingsContainer\"><\/div>\n                \n                <div class=\"action-buttons\">\n                    <button type=\"button\" class=\"action-btn recalculate-btn\" onclick=\"saveAndRecalculate()\">\n                        \ud83d\udcbe \u0630\u062e\u06cc\u0631\u0647 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0648 \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u062c\u062f\u062f\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n            <\/div>\n\n    <script>\n    \/\/ ==================== \u062a\u0648\u0627\u0628\u0639 \u0627\u0635\u0644\u06cc ====================\n    function applyCombinedFilter(value) {\n        const devices = document.querySelectorAll('.device-card');\n        \n        if (value === 'all_all') {\n            devices.forEach(device => {\n                device.style.display = 'block';\n                setTimeout(() => {\n                    device.style.opacity = '1';\n                    device.style.transform = 'translateY(0)';\n                }, 50);\n            });\n            return;\n        }\n        \n        const [filterType, filterValue] = value.split('_');\n        \n        devices.forEach(device => {\n            let shouldShow = false;\n            \n            if (filterType === 'cat') {\n                const deviceCategory = device.dataset.category;\n                shouldShow = (deviceCategory === filterValue);\n            } else if (filterType === 'type') {\n                const deviceType = device.dataset.type;\n                shouldShow = (deviceType === filterValue);\n            }\n            \n            if (shouldShow) {\n                device.style.display = 'block';\n                setTimeout(() => {\n                    device.style.opacity = '1';\n                    device.style.transform = 'translateY(0)';\n                }, 50);\n            } else {\n                device.style.opacity = '0';\n                device.style.transform = 'translateY(10px)';\n                setTimeout(() => {\n                    device.style.display = 'none';\n                }, 300);\n            }\n        });\n        \n        const filterNames = {\n            'cat_lighting': '\ud83d\udca1 \u0631\u0648\u0634\u0646\u0627\u06cc\u06cc',\n            'cat_appliance': '\ud83c\udfe0 \u0644\u0648\u0627\u0632\u0645 \u062e\u0627\u0646\u06af\u06cc',\n            'cat_cooling': '\u2744\ufe0f \u0633\u0631\u0645\u0627\u06cc\u0634',\n            'cat_heating': '\ud83d\udd25 \u06af\u0631\u0645\u0627\u06cc\u0634',\n            'cat_entertainment': '\ud83c\udfae \u0633\u0631\u06af\u0631\u0645\u06cc',\n            'cat_kitchen': '\ud83c\udf73 \u0622\u0634\u067e\u0632\u062e\u0627\u0646\u0647',\n            'cat_energy': '\u2600\ufe0f \u0627\u0646\u0631\u0698\u06cc',\n            'cat_personal': '\ud83d\udcf1 \u0634\u062e\u0635\u06cc',\n            'cat_security': '\ud83d\udd12 \u0627\u0645\u0646\u06cc\u062a\u06cc',\n            'cat_garden': '\ud83c\udf3f \u062d\u06cc\u0627\u0637 \u0648 \u0628\u0627\u063a',\n            'type_inverter': '\ud83d\udd0b \u0627\u06cc\u0646\u0648\u0631\u062a\u0631',\n            'type_efficient': '\ud83c\udf3f \u06a9\u0645\u200c\u0645\u0635\u0631\u0641',\n            'type_standard': '\u2699\ufe0f \u0645\u0639\u0645\u0648\u0644\u06cc',\n            'type_solar': '\u2600\ufe0f \u062e\u0648\u0631\u0634\u06cc\u062f\u06cc',\n            'type_smart': '\ud83e\udd16 \u0647\u0648\u0634\u0645\u0646\u062f'\n        };\n        \n        if (filterNames[value]) {\n            showNotification(`\u0641\u06cc\u0644\u062a\u0631: ${filterNames[value]}`, 'info');\n        }\n    }\n    \n    function toggleDevice(deviceId, element) {\n        const checkbox = document.getElementById('device_' + deviceId);\n        const card = element.closest('.device-card') || element;\n        \n        if (!checkbox) return;\n        \n        checkbox.checked = !checkbox.checked;\n        \n        if (checkbox.checked) {\n            card.classList.add('selected');\n            \n            if (!card.querySelector('input[name^=\"device_quantities\"]')) {\n                const defaultQuantity = card.querySelector('.device-name').textContent.includes('\u0634\u0627\u0631\u0698\u0631') ? 2 : 1;\n                const quantityHtml = `\n                    <div style=\"margin-top: 10px; display: flex; align-items: center; gap: 10px;\">\n                        <span style=\"color: #9ca3af; font-size: 0.9rem;\">\u062a\u0639\u062f\u0627\u062f:<\/span>\n                        <input type=\"number\" \n                               name=\"device_quantities[${deviceId}]\" \n                               value=\"${defaultQuantity}\" \n                               min=\"1\" \n                               max=\"20\"\n                               style=\"width: 70px; padding: 8px; border: 1px solid #4b5563; border-radius: 4px; background: #1a1a1a; color: #fef3c7; text-align: center;\">\n                    <\/div>\n                `;\n                card.insertAdjacentHTML('beforeend', quantityHtml);\n            }\n        } else {\n            card.classList.remove('selected');\n            \n            const quantityInput = card.querySelector('input[name^=\"device_quantities\"]');\n            if (quantityInput && quantityInput.parentNode) {\n                quantityInput.parentNode.remove();\n            }\n        }\n        \n        updateSelectedCount();\n        updateDeviceSettings();\n    }\n    \n    function updateSelectedCount() {\n        const selectedCount = document.querySelectorAll('.device-card.selected').length;\n        const countElement = document.getElementById('selectedCount');\n        if (countElement) {\n            countElement.textContent = selectedCount;\n        }\n    }\n    \n    function updateDaysSummary() {\n        const inputs = document.querySelectorAll('input[name^=\"scenario_days\"]');\n        let total = 0;\n        inputs.forEach(input => total += parseInt(input.value) || 0);\n        \n        const summary = document.getElementById('totalDays');\n        const calcButton = document.querySelector('.calc-button');\n        const daysContainer = document.querySelector('.scenario-card + div');\n        \n        if (summary) {\n            summary.textContent = total;\n        }\n        \n        if (total !== 30) {\n            inputs.forEach(input => {\n                input.classList.add('days-error');\n            });\n            \n            if (calcButton) {\n                calcButton.innerHTML = '\u274c \u062a\u0639\u062f\u0627\u062f \u0631\u0648\u0632\u0647\u0627 \u0635\u062d\u06cc\u062d \u0646\u06cc\u0633\u062a (\u0628\u0627\u06cc\u062f 30 \u0631\u0648\u0632 \u0628\u0627\u0634\u062f)';\n                calcButton.style.background = 'linear-gradient(135deg, #ef4444, #dc2626)';\n            }\n            \n            if (daysContainer) {\n                daysContainer.style.background = 'linear-gradient(135deg, #ef4444, #dc2626)';\n                daysContainer.style.color = 'white';\n            }\n        } else {\n            inputs.forEach(input => {\n                input.classList.remove('days-error');\n            });\n            \n            if (calcButton) {\n                calcButton.innerHTML = '\ud83d\udd04 \u0627\u0646\u062c\u0627\u0645 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647';\n                calcButton.style.background = 'linear-gradient(135deg, #f59e0b, #d97706)';\n            }\n            \n            if (daysContainer) {\n                daysContainer.style.background = 'linear-gradient(135deg, #f59e0b, #fbbf24)';\n                daysContainer.style.color = '#000';\n            }\n        }\n    }\n    \n    function toggleScenarioDetails(scenarioKey) {\n        const content = document.getElementById('details_' + scenarioKey);\n        if (content) {\n            content.style.display = content.style.display === 'none' ? 'block' : 'none';\n        }\n    }\n    \n    function toggleAdvancedSettings() {\n        const content = document.getElementById('settingsContent');\n        const icon = document.getElementById('settingsToggleIcon');\n        \n        if (content.style.display === 'none' || !content.style.display) {\n            content.style.display = 'block';\n            icon.textContent = '\u25b2';\n            updateDeviceSettings();\n        } else {\n            content.style.display = 'none';\n            icon.textContent = '\u25bc';\n        }\n    }\n    \n    \/\/ 3. \u062a\u0627\u0628\u0639 updateDeviceSettings \u0631\u0627 \u062f\u0631 \u0642\u0633\u0645\u062a \u0633\u0627\u062e\u062a HTML \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0641\u06cc\u0644\u062f\u0647\u0627 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f:\nfunction updateDeviceSettings() {\n    const selectedDevices = document.querySelectorAll('.device-card.selected');\n    const container = document.getElementById('deviceSettingsContainer');\n    \n    if (!container) return;\n    \n    if (selectedDevices.length === 0) {\n        container.innerHTML = '<div style=\"color: #9ca3af; text-align: center; padding: 20px;\">\u0647\u06cc\u0686 \u062f\u0633\u062a\u06af\u0627\u0647\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a.<\/div>';\n        return;\n    }\n    \n    let html = '';\n    \n    \/\/ \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0639\u0644\u06cc \u0627\u0632 \u0641\u0631\u0645\n    const currentSettings = getCurrentAdvancedSettings();\n    \n    selectedDevices.forEach(card => {\n        const deviceId = card.dataset.deviceId;\n        const deviceName = card.querySelector('.device-name').textContent;\n        const powerText = card.querySelector('span[style*=\"color: #f59e0b\"]').textContent;\n        let originalPower = 0;\n        \n        \/\/ \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u062a\u0648\u0627\u0646 \u0627\u0635\u0644\u06cc\n        const powerMatch = powerText.match(\/\\d+\/);\n        if (powerMatch) {\n            originalPower = parseInt(powerMatch[0]);\n            if (powerText.includes('\u062a\u0648\u0644\u06cc\u062f')) {\n                originalPower = -originalPower;\n            }\n        }\n        \n        const quantityInput = card.querySelector('input[name^=\"device_quantities\"]');\n        const quantity = quantityInput ? parseInt(quantityInput.value) : 1;\n        \n        \/\/ \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647\n        const savedSettings = loadSavedDeviceSettings(deviceId);\n        const phpDevices = {\"lamp\":{\"name\":\"\\ud83d\\udca1 \\u0644\\u0627\\u0645\\u067e \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":10,\"hours_normal\":4,\"hours_nightly\":3,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"lighting\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"led_lamp\":{\"name\":\"\\ud83d\\udca1 \\u0644\\u0627\\u0645\\u067e LED \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":7,\"hours_normal\":4,\"hours_nightly\":3,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"lighting\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"smart_lamp\":{\"name\":\"\\ud83d\\udca1 \\u0644\\u0627\\u0645\\u067e \\u0647\\u0648\\u0634\\u0645\\u0646\\u062f\",\"power\":5,\"hours_normal\":4,\"hours_nightly\":3,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"lighting\",\"type\":\"smart\",\"efficiency\":\"\\u062e\\u06cc\\u0644\\u06cc \\u0639\\u0627\\u0644\\u06cc\"},\"fridge\":{\"name\":\"\\u2744\\ufe0f \\u06cc\\u062e\\u0686\\u0627\\u0644 \\u0641\\u0631\\u06cc\\u0632\\u0631 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":250,\"hours_normal\":24,\"hours_nightly\":24,\"hours_holiday\":24,\"hours_away\":24,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"fridge_inverter\":{\"name\":\"\\ud83d\\udd0b \\u06cc\\u062e\\u0686\\u0627\\u0644 \\u0641\\u0631\\u06cc\\u0632\\u0631 \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":150,\"hours_normal\":24,\"hours_nightly\":24,\"hours_holiday\":24,\"hours_away\":24,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":40},\"fridge_5star\":{\"name\":\"\\u2b50 \\u06cc\\u062e\\u0686\\u0627\\u0644 \\u06f5 \\u0633\\u062a\\u0627\\u0631\\u0647\",\"power\":120,\"hours_normal\":24,\"hours_nightly\":24,\"hours_holiday\":24,\"hours_away\":24,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"efficient\",\"efficiency\":\"\\u062e\\u06cc\\u0644\\u06cc \\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":52},\"tv\":{\"name\":\"\\ud83d\\udcfa \\u062a\\u0644\\u0648\\u06cc\\u0632\\u06cc\\u0648\\u0646 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":150,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":6,\"hours_away\":1,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"tv_led\":{\"name\":\"\\ud83d\\udcfa \\u062a\\u0644\\u0648\\u06cc\\u0632\\u06cc\\u0648\\u0646 LED\",\"power\":100,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":6,\"hours_away\":1,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u0645\\u062a\\u0648\\u0633\\u0637\",\"savings_percent\":33},\"tv_oled\":{\"name\":\"\\ud83d\\udcfa \\u062a\\u0644\\u0648\\u06cc\\u0632\\u06cc\\u0648\\u0646 OLED \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":70,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":6,\"hours_away\":1,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":53},\"ac\":{\"name\":\"\\u2744\\ufe0f \\u06a9\\u0648\\u0644\\u0631 \\u06af\\u0627\\u0632\\u06cc \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":1500,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":8,\"hours_away\":1,\"default_quantity\":1,\"category\":\"cooling\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"ac_inverter\":{\"name\":\"\\ud83d\\udd0b \\u06a9\\u0648\\u0644\\u0631 \\u06af\\u0627\\u0632\\u06cc \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":900,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":8,\"hours_away\":1,\"default_quantity\":1,\"category\":\"cooling\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":40},\"ac_eco\":{\"name\":\"\\ud83c\\udf3f \\u06a9\\u0648\\u0644\\u0631 \\u06af\\u0627\\u0632\\u06cc \\u0627\\u06a9\\u0648\",\"power\":750,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":8,\"hours_away\":1,\"default_quantity\":1,\"category\":\"cooling\",\"type\":\"efficient\",\"efficiency\":\"\\u062e\\u06cc\\u0644\\u06cc \\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":50},\"water_ac\":{\"name\":\"\\ud83d\\udca7 \\u06a9\\u0648\\u0644\\u0631 \\u0622\\u0628\\u06cc \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":400,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":8,\"hours_away\":1,\"default_quantity\":1,\"category\":\"cooling\",\"type\":\"standard\",\"efficiency\":\"\\u0645\\u062a\\u0648\\u0633\\u0637\"},\"water_ac_inverter\":{\"name\":\"\\ud83d\\udd0b \\u06a9\\u0648\\u0644\\u0631 \\u0622\\u0628\\u06cc \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":200,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":8,\"hours_away\":1,\"default_quantity\":1,\"category\":\"cooling\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":50},\"washing_machine\":{\"name\":\"\\ud83d\\udc55 \\u0645\\u0627\\u0634\\u06cc\\u0646 \\u0644\\u0628\\u0627\\u0633\\u0634\\u0648\\u06cc\\u06cc \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":900,\"hours_normal\":1,\"hours_nightly\":0.5,\"hours_holiday\":2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"washing_machine_inverter\":{\"name\":\"\\ud83d\\udd0b \\u0645\\u0627\\u0634\\u06cc\\u0646 \\u0644\\u0628\\u0627\\u0633\\u0634\\u0648\\u06cc\\u06cc \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":500,\"hours_normal\":1,\"hours_nightly\":0.5,\"hours_holiday\":2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":44},\"washing_machine_eco\":{\"name\":\"\\ud83c\\udf3f \\u0645\\u0627\\u0634\\u06cc\\u0646 \\u0644\\u0628\\u0627\\u0633\\u0634\\u0648\\u06cc\\u06cc \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":400,\"hours_normal\":1,\"hours_nightly\":0.5,\"hours_holiday\":2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"efficient\",\"efficiency\":\"\\u062e\\u06cc\\u0644\\u06cc \\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":56},\"dish_washer\":{\"name\":\"\\ud83c\\udf7d\\ufe0f \\u0645\\u0627\\u0634\\u06cc\\u0646 \\u0638\\u0631\\u0641\\u0634\\u0648\\u06cc\\u06cc \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":900,\"hours_normal\":1,\"hours_nightly\":0.5,\"hours_holiday\":2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"dish_washer_inverter\":{\"name\":\"\\ud83d\\udd0b \\u0645\\u0627\\u0634\\u06cc\\u0646 \\u0638\\u0631\\u0641\\u0634\\u0648\\u06cc\\u06cc \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":500,\"hours_normal\":1,\"hours_nightly\":0.5,\"hours_holiday\":2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":44},\"computer\":{\"name\":\"\\ud83d\\udcbb \\u06a9\\u0627\\u0645\\u067e\\u06cc\\u0648\\u062a\\u0631 \\u0631\\u0648\\u0645\\u06cc\\u0632\\u06cc\",\"power\":400,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"laptop\":{\"name\":\"\\ud83d\\udcbb \\u0644\\u067e \\u062a\\u0627\\u067e \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":60,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":85},\"mini_pc\":{\"name\":\"\\ud83d\\udcbb \\u0645\\u06cc\\u0646\\u06cc \\u067e\\u06cc \\u0633\\u06cc\",\"power\":30,\"hours_normal\":4,\"hours_nightly\":2,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u062e\\u06cc\\u0644\\u06cc \\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":92},\"router\":{\"name\":\"\\ud83d\\udce1 \\u0645\\u0648\\u062f\\u0645 \\u0648\\u0627\\u06cc \\u0641\\u0627\\u06cc \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":8,\"hours_normal\":24,\"hours_nightly\":24,\"hours_holiday\":24,\"hours_away\":24,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"charger_fast\":{\"name\":\"\\u26a1 \\u0634\\u0627\\u0631\\u0698\\u0631 \\u0633\\u0631\\u06cc\\u0639 \\u0647\\u0648\\u0634\\u0645\\u0646\\u062f\",\"power\":3,\"hours_normal\":3,\"hours_nightly\":2,\"hours_holiday\":4,\"hours_away\":0,\"default_quantity\":2,\"category\":\"personal\",\"type\":\"smart\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"water_heater\":{\"name\":\"\\ud83d\\udd25 \\u0622\\u0628\\u06af\\u0631\\u0645\\u06a9\\u0646 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":2000,\"hours_normal\":2,\"hours_nightly\":1,\"hours_holiday\":3,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"water_heater_inverter\":{\"name\":\"\\ud83d\\udd0b \\u0622\\u0628\\u06af\\u0631\\u0645\\u06a9\\u0646 \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":1200,\"hours_normal\":2,\"hours_nightly\":1,\"hours_holiday\":3,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":40},\"solar_water_heater\":{\"name\":\"\\u2600\\ufe0f \\u0622\\u0628\\u06af\\u0631\\u0645\\u06a9\\u0646 \\u062e\\u0648\\u0631\\u0634\\u06cc\\u062f\\u06cc\",\"power\":100,\"hours_normal\":2,\"hours_nightly\":1,\"hours_holiday\":3,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"solar\",\"efficiency\":\"\\u062e\\u06cc\\u0644\\u06cc \\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":95},\"vacuum_cleaner\":{\"name\":\"\\ud83e\\uddf9 \\u062c\\u0627\\u0631\\u0648 \\u0628\\u0631\\u0642\\u06cc \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":1200,\"hours_normal\":0.3,\"hours_nightly\":0.1,\"hours_holiday\":0.5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"vacuum_cleaner_cordless\":{\"name\":\"\\ud83d\\udd0b \\u062c\\u0627\\u0631\\u0648 \\u0628\\u0631\\u0642\\u06cc \\u0628\\u06cc\\u200c\\u0633\\u06cc\\u0645 \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":400,\"hours_normal\":0.3,\"hours_nightly\":0.1,\"hours_holiday\":0.5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":67},\"microwave\":{\"name\":\"\\ud83c\\udf72 \\u0645\\u0627\\u06cc\\u06a9\\u0631\\u0648\\u0641\\u0631 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":1000,\"hours_normal\":0.5,\"hours_nightly\":0.2,\"hours_holiday\":0.7,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"microwave_inverter\":{\"name\":\"\\ud83d\\udd0b \\u0645\\u0627\\u06cc\\u06a9\\u0631\\u0648\\u0641\\u0631 \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":700,\"hours_normal\":0.5,\"hours_nightly\":0.2,\"hours_holiday\":0.7,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":30},\"induction_cooker\":{\"name\":\"\\ud83d\\udd25 \\u0627\\u062c\\u0627\\u0642 \\u0627\\u0644\\u0642\\u0627\\u06cc\\u06cc \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":1500,\"hours_normal\":1,\"hours_nightly\":0.5,\"hours_holiday\":1.5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":40},\"solar_panel\":{\"name\":\"\\u2600\\ufe0f \\u067e\\u0646\\u0644 \\u062e\\u0648\\u0631\\u0634\\u06cc\\u062f\\u06cc\",\"power\":-300,\"hours_normal\":6,\"hours_nightly\":0,\"hours_holiday\":8,\"hours_away\":6,\"default_quantity\":1,\"category\":\"energy\",\"type\":\"solar\",\"efficiency\":\"\\u062a\\u0648\\u0644\\u06cc\\u062f \\u0627\\u0646\\u0631\\u0698\\u06cc\",\"produces_energy\":true},\"power_bank\":{\"name\":\"\\ud83d\\udd0b \\u067e\\u0627\\u0648\\u0631 \\u0628\\u0627\\u0646\\u06a9 \\u062e\\u0648\\u0631\\u0634\\u06cc\\u062f\\u06cc\",\"power\":-100,\"hours_normal\":4,\"hours_nightly\":4,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"energy\",\"type\":\"solar\",\"efficiency\":\"\\u062a\\u0648\\u0644\\u06cc\\u062f \\u0627\\u0646\\u0631\\u0698\\u06cc\",\"produces_energy\":true},\"hairdryer\":{\"name\":\"\\ud83d\\udc87 \\u0633\\u0634\\u0648\\u0627\\u0631 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":1200,\"hours_normal\":0.3,\"hours_nightly\":0.2,\"hours_holiday\":0.5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"personal\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"hairdryer_low\":{\"name\":\"\\ud83d\\udc87 \\u0633\\u0634\\u0648\\u0627\\u0631 \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":800,\"hours_normal\":0.3,\"hours_nightly\":0.2,\"hours_holiday\":0.5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"personal\",\"type\":\"efficient\",\"efficiency\":\"\\u0645\\u062a\\u0648\\u0633\\u0637\",\"savings_percent\":33},\"shaver\":{\"name\":\"\\ud83e\\ude92 \\u0631\\u06cc\\u0634\\u200c\\u062a\\u0631\\u0627\\u0634 \\u0628\\u0631\\u0642\\u06cc\",\"power\":5,\"hours_normal\":0.1,\"hours_nightly\":0.1,\"hours_holiday\":0.2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"personal\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"epilator\":{\"name\":\"\\ud83d\\udc86 \\u0627\\u067e\\u06cc\\u0644\\u06cc\\u062f\\u06cc\",\"power\":15,\"hours_normal\":0.2,\"hours_nightly\":0.1,\"hours_holiday\":0.3,\"hours_away\":0,\"default_quantity\":1,\"category\":\"personal\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"electric_toothbrush\":{\"name\":\"\\ud83e\\uddb7 \\u0645\\u0633\\u0648\\u0627\\u06a9 \\u0628\\u0631\\u0642\\u06cc\",\"power\":2,\"hours_normal\":0.1,\"hours_nightly\":0.1,\"hours_holiday\":0.1,\"hours_away\":0,\"default_quantity\":2,\"category\":\"personal\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"soundbar\":{\"name\":\"\\ud83d\\udd0a \\u0633\\u0627\\u0646\\u062f\\u0628\\u0627\\u0631 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":50,\"hours_normal\":3,\"hours_nightly\":2,\"hours_holiday\":5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"soundbar_efficient\":{\"name\":\"\\ud83d\\udd0a \\u0633\\u0627\\u0646\\u062f\\u0628\\u0627\\u0631 \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":25,\"hours_normal\":3,\"hours_nightly\":2,\"hours_holiday\":5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":50},\"home_theater\":{\"name\":\"\\ud83c\\udfac \\u0633\\u06cc\\u0633\\u062a\\u0645 \\u0633\\u06cc\\u0646\\u0645\\u0627\\u06cc \\u062e\\u0627\\u0646\\u06af\\u06cc\",\"power\":200,\"hours_normal\":2,\"hours_nightly\":1,\"hours_holiday\":4,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"gaming_console\":{\"name\":\"\\ud83c\\udfae \\u06a9\\u0646\\u0633\\u0648\\u0644 \\u0628\\u0627\\u0632\\u06cc\",\"power\":150,\"hours_normal\":2,\"hours_nightly\":1,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"gaming_console_efficient\":{\"name\":\"\\ud83c\\udfae \\u06a9\\u0646\\u0633\\u0648\\u0644 \\u0628\\u0627\\u0632\\u06cc \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":80,\"hours_normal\":2,\"hours_nightly\":1,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":47},\"blender\":{\"name\":\"\\ud83e\\uddc3 \\u0645\\u062e\\u0644\\u0648\\u0637 \\u06a9\\u0646 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":300,\"hours_normal\":0.2,\"hours_nightly\":0.1,\"hours_holiday\":0.3,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"blender_inverter\":{\"name\":\"\\ud83d\\udd0b \\u0645\\u062e\\u0644\\u0648\\u0637 \\u06a9\\u0646 \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":200,\"hours_normal\":0.2,\"hours_nightly\":0.1,\"hours_holiday\":0.3,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":33},\"juicer\":{\"name\":\"\\ud83c\\udf79 \\u0622\\u0628\\u0645\\u06cc\\u0648\\u0647\\u200c\\u06af\\u06cc\\u0631\\u06cc\",\"power\":400,\"hours_normal\":0.1,\"hours_nightly\":0.05,\"hours_holiday\":0.2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"toaster\":{\"name\":\"\\ud83c\\udf5e \\u062a\\u0648\\u0633\\u062a\\u0631 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":800,\"hours_normal\":0.1,\"hours_nightly\":0.05,\"hours_holiday\":0.2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"rice_cooker\":{\"name\":\"\\ud83c\\udf5a \\u067e\\u0644\\u0648\\u067e\\u0632 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":500,\"hours_normal\":0.5,\"hours_nightly\":0.3,\"hours_holiday\":1,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"rice_cooker_fuzzy\":{\"name\":\"\\ud83d\\udd0b \\u067e\\u0644\\u0648\\u067e\\u0632 \\u0641\\u0627\\u0632\\u06cc \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":300,\"hours_normal\":0.5,\"hours_nightly\":0.3,\"hours_holiday\":1,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":40},\"coffee_maker\":{\"name\":\"\\u2615 \\u0642\\u0647\\u0648\\u0647\\u200c\\u0633\\u0627\\u0632\",\"power\":900,\"hours_normal\":0.2,\"hours_nightly\":0.1,\"hours_holiday\":0.3,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"coffee_maker_eco\":{\"name\":\"\\ud83c\\udf3f \\u0642\\u0647\\u0648\\u0647\\u200c\\u0633\\u0627\\u0632 \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":600,\"hours_normal\":0.2,\"hours_nightly\":0.1,\"hours_holiday\":0.3,\"hours_away\":0,\"default_quantity\":1,\"category\":\"kitchen\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":33},\"electric_heater\":{\"name\":\"\\ud83d\\udd25 \\u0647\\u06cc\\u062a\\u0631 \\u0628\\u0631\\u0642\\u06cc \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":2000,\"hours_normal\":3,\"hours_nightly\":2,\"hours_holiday\":5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"heating\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"oil_heater\":{\"name\":\"\\ud83d\\udee2\\ufe0f \\u0628\\u062e\\u0627\\u0631\\u06cc \\u0631\\u0648\\u063a\\u0646\\u06cc\",\"power\":1500,\"hours_normal\":3,\"hours_nightly\":2,\"hours_holiday\":5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"heating\",\"type\":\"efficient\",\"efficiency\":\"\\u0645\\u062a\\u0648\\u0633\\u0637\",\"savings_percent\":25},\"electric_radiator\":{\"name\":\"\\ud83d\\udd0b \\u0631\\u0627\\u062f\\u06cc\\u0627\\u062a\\u0648\\u0631 \\u0628\\u0631\\u0642\\u06cc \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":1000,\"hours_normal\":3,\"hours_nightly\":2,\"hours_holiday\":5,\"hours_away\":0,\"default_quantity\":1,\"category\":\"heating\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":50},\"electric_blanket\":{\"name\":\"\\ud83d\\udecf\\ufe0f \\u067e\\u062a\\u0648\\u06cc \\u0628\\u0631\\u0642\\u06cc\",\"power\":100,\"hours_normal\":4,\"hours_nightly\":8,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":2,\"category\":\"heating\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"floor_heating\":{\"name\":\"\\ud83d\\udd25 \\u06af\\u0631\\u0645\\u0627\\u06cc\\u0634 \\u0627\\u0632 \\u06a9\\u0641 \\u0628\\u0631\\u0642\\u06cc\",\"power\":150,\"hours_normal\":6,\"hours_nightly\":8,\"hours_holiday\":10,\"hours_away\":4,\"default_quantity\":30,\"category\":\"heating\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"cctv_camera\":{\"name\":\"\\ud83d\\udcf9 \\u062f\\u0648\\u0631\\u0628\\u06cc\\u0646 \\u0645\\u062f\\u0627\\u0631\\u0628\\u0633\\u062a\\u0647\",\"power\":8,\"hours_normal\":24,\"hours_nightly\":24,\"hours_holiday\":24,\"hours_away\":24,\"default_quantity\":4,\"category\":\"security\",\"type\":\"standard\",\"efficiency\":\"\\u0645\\u062a\\u0648\\u0633\\u0637\"},\"cctv_camera_poe\":{\"name\":\"\\ud83d\\udd0b \\u062f\\u0648\\u0631\\u0628\\u06cc\\u0646 POE \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":5,\"hours_normal\":24,\"hours_nightly\":24,\"hours_holiday\":24,\"hours_away\":24,\"default_quantity\":4,\"category\":\"security\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":38},\"alarm_system\":{\"name\":\"\\ud83d\\udea8 \\u0633\\u06cc\\u0633\\u062a\\u0645 \\u062f\\u0632\\u062f\\u06af\\u06cc\\u0631\",\"power\":20,\"hours_normal\":24,\"hours_nightly\":24,\"hours_holiday\":24,\"hours_away\":24,\"default_quantity\":1,\"category\":\"security\",\"type\":\"standard\",\"efficiency\":\"\\u0645\\u062a\\u0648\\u0633\\u0637\"},\"smart_lock\":{\"name\":\"\\ud83d\\udd10 \\u0642\\u0641\\u0644 \\u0647\\u0648\\u0634\\u0645\\u0646\\u062f\",\"power\":3,\"hours_normal\":24,\"hours_nightly\":24,\"hours_holiday\":24,\"hours_away\":24,\"default_quantity\":2,\"category\":\"security\",\"type\":\"smart\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"air_purifier\":{\"name\":\"\\ud83d\\udca8 \\u062a\\u0635\\u0641\\u06cc\\u0647\\u200c\\u06a9\\u0646\\u0646\\u062f\\u0647 \\u0647\\u0648\\u0627 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":50,\"hours_normal\":8,\"hours_nightly\":10,\"hours_holiday\":12,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"air_purifier_inverter\":{\"name\":\"\\ud83d\\udd0b \\u062a\\u0635\\u0641\\u06cc\\u0647\\u200c\\u06a9\\u0646\\u0646\\u062f\\u0647 \\u0647\\u0648\\u0627 \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":30,\"hours_normal\":8,\"hours_nightly\":10,\"hours_holiday\":12,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":40},\"dehumidifier\":{\"name\":\"\\ud83d\\udca7 \\u0631\\u0637\\u0648\\u0628\\u062a\\u200c\\u06af\\u06cc\\u0631\",\"power\":200,\"hours_normal\":4,\"hours_nightly\":3,\"hours_holiday\":6,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"humidifier\":{\"name\":\"\\ud83d\\udca8 \\u0631\\u0637\\u0648\\u0628\\u062a\\u200c\\u0633\\u0627\\u0632\",\"power\":30,\"hours_normal\":6,\"hours_nightly\":8,\"hours_holiday\":10,\"hours_away\":0,\"default_quantity\":1,\"category\":\"appliance\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"electric_mosquito\":{\"name\":\"\\ud83e\\udd9f \\u062f\\u0641\\u0639 \\u06a9\\u0646\\u0646\\u062f\\u0647 \\u067e\\u0634\\u0647 \\u0628\\u0631\\u0642\\u06cc\",\"power\":5,\"hours_normal\":8,\"hours_nightly\":10,\"hours_holiday\":12,\"hours_away\":0,\"default_quantity\":2,\"category\":\"appliance\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"cordless_phone\":{\"name\":\"\\ud83d\\udcde \\u062a\\u0644\\u0641\\u0646 \\u0628\\u06cc\\u200c\\u0633\\u06cc\\u0645\",\"power\":3,\"hours_normal\":24,\"hours_nightly\":24,\"hours_holiday\":24,\"hours_away\":24,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"printer\":{\"name\":\"\\ud83d\\udda8\\ufe0f \\u067e\\u0631\\u06cc\\u0646\\u062a\\u0631 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":50,\"hours_normal\":1,\"hours_nightly\":0.5,\"hours_holiday\":2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"printer_eco\":{\"name\":\"\\ud83c\\udf3f \\u067e\\u0631\\u06cc\\u0646\\u062a\\u0631 \\u06a9\\u0645\\u200c\\u0645\\u0635\\u0631\\u0641\",\"power\":25,\"hours_normal\":1,\"hours_nightly\":0.5,\"hours_holiday\":2,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":50},\"scanner\":{\"name\":\"\\ud83d\\udcc4 \\u0627\\u0633\\u06a9\\u0646\\u0631\",\"power\":15,\"hours_normal\":0.5,\"hours_nightly\":0.2,\"hours_holiday\":1,\"hours_away\":0,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\"},\"electric_mower\":{\"name\":\"\\u2702\\ufe0f \\u0686\\u0645\\u0646\\u200c\\u0632\\u0646 \\u0628\\u0631\\u0642\\u06cc\",\"power\":1000,\"hours_normal\":0.5,\"hours_nightly\":0.2,\"hours_holiday\":1,\"hours_away\":0,\"default_quantity\":1,\"category\":\"garden\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"electric_mower_battery\":{\"name\":\"\\ud83d\\udd0b \\u0686\\u0645\\u0646\\u200c\\u0632\\u0646 \\u0628\\u0627\\u062a\\u0631\\u06cc\\u200c\\u062f\\u0627\\u0631\",\"power\":500,\"hours_normal\":0.5,\"hours_nightly\":0.2,\"hours_holiday\":1,\"hours_away\":0,\"default_quantity\":1,\"category\":\"garden\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":50},\"pool_pump\":{\"name\":\"\\ud83d\\udca6 \\u067e\\u0645\\u067e \\u0627\\u0633\\u062a\\u062e\\u0631 \\u0645\\u0639\\u0645\\u0648\\u0644\\u06cc\",\"power\":1000,\"hours_normal\":6,\"hours_nightly\":6,\"hours_holiday\":8,\"hours_away\":4,\"default_quantity\":1,\"category\":\"garden\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"pool_pump_inverter\":{\"name\":\"\\ud83d\\udd0b \\u067e\\u0645\\u067e \\u0627\\u0633\\u062a\\u062e\\u0631 \\u0627\\u06cc\\u0646\\u0648\\u0631\\u062a\\u0631\",\"power\":500,\"hours_normal\":6,\"hours_nightly\":6,\"hours_holiday\":8,\"hours_away\":4,\"default_quantity\":1,\"category\":\"garden\",\"type\":\"inverter\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":50},\"outdoor_lighting\":{\"name\":\"\\ud83d\\udca1 \\u0631\\u0648\\u0634\\u0646\\u0627\\u06cc\\u06cc \\u062d\\u06cc\\u0627\\u0637 LED\",\"power\":10,\"hours_normal\":5,\"hours_nightly\":8,\"hours_holiday\":6,\"hours_away\":2,\"default_quantity\":6,\"category\":\"lighting\",\"type\":\"efficient\",\"efficiency\":\"\\u0639\\u0627\\u0644\\u06cc\",\"savings_percent\":80},\"tv_standby\":{\"name\":\"\\ud83d\\udcfa \\u062d\\u0627\\u0644\\u062a \\u0627\\u0633\\u062a\\u0646\\u062f\\u0628\\u0627\\u06cc \\u062a\\u0644\\u0648\\u06cc\\u0632\\u06cc\\u0648\\u0646\",\"power\":5,\"hours_normal\":20,\"hours_nightly\":22,\"hours_holiday\":18,\"hours_away\":24,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"computer_standby\":{\"name\":\"\\ud83d\\udcbb \\u062d\\u0627\\u0644\\u062a \\u0627\\u0633\\u062a\\u0646\\u062f\\u0628\\u0627\\u06cc \\u06a9\\u0627\\u0645\\u067e\\u06cc\\u0648\\u062a\\u0631\",\"power\":10,\"hours_normal\":20,\"hours_nightly\":22,\"hours_holiday\":18,\"hours_away\":24,\"default_quantity\":1,\"category\":\"entertainment\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"charger_standby\":{\"name\":\"\\u26a1 \\u0634\\u0627\\u0631\\u0698\\u0631 \\u0645\\u062a\\u0635\\u0644 \\u0628\\u062f\\u0648\\u0646 \\u0627\\u0633\\u062a\\u0641\\u0627\\u062f\\u0647\",\"power\":2,\"hours_normal\":20,\"hours_nightly\":22,\"hours_holiday\":18,\"hours_away\":24,\"default_quantity\":3,\"category\":\"personal\",\"type\":\"standard\",\"efficiency\":\"\\u06a9\\u0645\"},\"home_battery\":{\"name\":\"\\ud83d\\udd0b \\u0628\\u0627\\u062a\\u0631\\u06cc \\u062e\\u0627\\u0646\\u06af\\u06cc\",\"power\":-500,\"hours_normal\":8,\"hours_nightly\":8,\"hours_holiday\":10,\"hours_away\":4,\"default_quantity\":1,\"category\":\"energy\",\"type\":\"smart\",\"efficiency\":\"\\u062a\\u0648\\u0644\\u06cc\\u062f \\u0627\\u0646\\u0631\\u0698\\u06cc\",\"produces_energy\":true},\"wind_turbine\":{\"name\":\"\\ud83c\\udf2a\\ufe0f \\u062a\\u0648\\u0631\\u0628\\u06cc\\u0646 \\u0628\\u0627\\u062f\\u06cc \\u06a9\\u0648\\u0686\\u06a9\",\"power\":-200,\"hours_normal\":12,\"hours_nightly\":12,\"hours_holiday\":14,\"hours_away\":12,\"default_quantity\":1,\"category\":\"energy\",\"type\":\"solar\",\"efficiency\":\"\\u062a\\u0648\\u0644\\u06cc\\u062f \\u0627\\u0646\\u0631\\u0698\\u06cc\",\"produces_energy\":true}};\n        const defaultHours = phpDevices[deviceId] || {};\n        \n        console.log('Processing device:', deviceId, {\n            savedSettings,\n            currentPowerSetting: currentSettings['custom_power_' + deviceId],\n            originalPower: Math.abs(originalPower)\n        });\n        \n        \/\/ \u062a\u0639\u06cc\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0628\u0631\u0627\u06cc \u062a\u0648\u0627\u0646\n        let powerValue = Math.abs(originalPower);\n        \n        \/\/ \u0627\u0648\u0644\u0648\u06cc\u062a: \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0639\u0644\u06cc \u0641\u0631\u0645\u060c \u0633\u067e\u0633 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647\n        if (currentSettings['custom_power_' + deviceId]) {\n            powerValue = currentSettings['custom_power_' + deviceId];\n            console.log('Using current form power for', deviceId, ':', powerValue);\n        } else if (savedSettings.power) {\n            powerValue = savedSettings.power;\n            console.log('Using saved power for', deviceId, ':', powerValue);\n        }\n        \n        html += `\n            <div class=\"device-setting-card\">\n                <div class=\"device-setting-header\">\n                    <div class=\"device-setting-name\">${deviceName}<\/div>\n                    <span style=\"color: #9ca3af; font-size: 0.9rem;\">\u062a\u0639\u062f\u0627\u062f: ${quantity}<\/span>\n                <\/div>\n                \n                <div class=\"power-input-container\">\n                    <span style=\"color: #fef3c7; font-size: 0.9rem;\">\u0642\u062f\u0631\u062a (\u0648\u0627\u062a):<\/span>\n                    <input type=\"number\" \n                           id=\"custom_power_${deviceId}\" \n                           class=\"power-input\" \n                           value=\"${powerValue}\" \n                           min=\"1\" \n                           step=\"1\"\n                           onchange=\"console.log('Power changed for ${deviceId}:', this.value)\">\n                    <span class=\"original-value\" title=\"\u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636\">(${Math.abs(originalPower)})<\/span>\n                <\/div>\n                \n                <div style=\"margin-top: 15px;\">\n                    <div style=\"color: #fef3c7; font-size: 0.9rem; margin-bottom: 8px;\">\u0633\u0627\u0639\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627:<\/div>\n                    <div class=\"hours-grid\">\n                        ${['normal', 'nightly', 'holiday', 'away'].map(scenario => {\n                            \/\/ \u062a\u0639\u06cc\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636\n                            let hourValue = defaultHours['hours_' + scenario] || 0;\n                            \n                            const currentKey = 'custom_hours_' + deviceId + '_' + scenario;\n                            const savedKey = 'hours_' + scenario;\n                            \n                            \/\/ \u0627\u0648\u0644\u0648\u06cc\u062a: \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0639\u0644\u06cc \u0641\u0631\u0645\n                            if (currentSettings[currentKey] !== undefined) {\n                                hourValue = currentSettings[currentKey];\n                                console.log('Using current form hours for', deviceId, scenario, ':', hourValue);\n                            }\n                            \/\/ \u0633\u067e\u0633 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647\n                            else if (savedSettings[savedKey] !== undefined) {\n                                hourValue = savedSettings[savedKey];\n                                console.log('Using saved hours for', deviceId, scenario, ':', hourValue);\n                            }\n                            \n                            const scenarioNames = {\n                                'normal': '\ud83c\udfe0 \u0631\u0648\u0632\u0645\u0631\u0647 \u0639\u0627\u062f\u06cc',\n                                'nightly': '\ud83c\udf19 \u0634\u0628\u0627\u0646\u0647', \n                                'holiday': '\ud83c\udf89 \u062a\u0639\u0637\u06cc\u0644\u0627\u062a',\n                                'away': '\u2708\ufe0f \u0639\u062f\u0645 \u062d\u0636\u0648\u0631'\n                            };\n                            \n                            return `\n                                <div class=\"hour-input-container\">\n                                    <span class=\"hour-label\">${scenarioNames[scenario]}<\/span>\n                                    <input type=\"number\" \n                                           id=\"custom_hours_${deviceId}_${scenario}\" \n                                           class=\"hour-input\" \n                                           value=\"${hourValue}\" \n                                           min=\"0\" \n                                           max=\"24\" \n                                           step=\"0.5\"\n                                           onchange=\"console.log('Hours changed for ${deviceId} ${scenario}:', this.value)\">\n                                <\/div>\n                            `;\n                        }).join('')}\n                    <\/div>\n                <\/div>\n            <\/div>\n        `;\n    });\n    \n    container.innerHTML = html;\n}\n    \n    \/\/ 2. \u062a\u0627\u0628\u0639 getCurrentAdvancedSettings \u0631\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0634\u06a9\u0644 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f:\nfunction getCurrentAdvancedSettings() {\n    const hiddenInput = document.getElementById('advanced_settings_input');\n    const settings = {};\n    \n    if (hiddenInput && hiddenInput.value) {\n        console.log('Advanced settings from hidden input:', hiddenInput.value);\n        \n        try {\n            \/\/ \u0627\u06af\u0631 JSON \u0627\u0633\u062a\n            if (hiddenInput.value.trim().startsWith('{')) {\n                const parsed = JSON.parse(hiddenInput.value);\n                \/\/ \u062a\u0628\u062f\u06cc\u0644 \u0628\u0647 \u0641\u0631\u0645\u062a flat\n                for (const [deviceId, deviceSettings] of Object.entries(parsed.devices || {})) {\n                    if (deviceSettings.power) {\n                        settings['custom_power_' + deviceId] = deviceSettings.power;\n                    }\n                    for (const [key, value] of Object.entries(deviceSettings)) {\n                        if (key.startsWith('hours_')) {\n                            const scenario = key.replace('hours_', '');\n                            settings['custom_hours_' + deviceId + '_' + scenario] = value;\n                        }\n                    }\n                }\n            } else {\n                \/\/ \u0627\u06af\u0631 query string \u0627\u0633\u062a\n                const params = new URLSearchParams(hiddenInput.value);\n                for (const [key, value] of params.entries()) {\n                    settings[key] = value;\n                }\n            }\n        } catch (error) {\n            console.error('Error parsing advanced settings:', error);\n            \/\/ \u0633\u0639\u06cc \u06a9\u0646 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 query string \u067e\u0627\u0631\u0633 \u06a9\u0646\n            try {\n                const params = new URLSearchParams(hiddenInput.value);\n                for (const [key, value] of params.entries()) {\n                    settings[key] = value;\n                }\n            } catch (e) {\n                console.error('Also failed to parse as query string:', e);\n            }\n        }\n    }\n    \n    console.log('Current advanced settings:', settings);\n    return settings;\n}\n    \n    \/\/ 4. \u062a\u0627\u0628\u0639 saveAndRecalculate \u0631\u0627 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u0647\u0645\u0647 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f:\nfunction saveAndRecalculate() {\n    console.log('Starting saveAndRecalculate...');\n    \n    const inputs = document.querySelectorAll('input[name^=\"scenario_days\"]');\n    let totalDays = 0;\n    inputs.forEach(input => totalDays += parseInt(input.value) || 0);\n    \n    if (totalDays !== 30) {\n        showNotification('\u274c \u0645\u062c\u0645\u0648\u0639 \u062a\u0639\u062f\u0627\u062f \u0631\u0648\u0632\u0647\u0627\u06cc \u0633\u0646\u0627\u0631\u06cc\u0648 \u0628\u0627\u06cc\u062f \u062f\u0642\u06cc\u0642\u0627\u064b 30 \u0631\u0648\u0632 \u0628\u0627\u0634\u062f', 'error');\n        return;\n    }\n    \n    \/\/ \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a\n    const settings = {};\n    let deviceCount = 0;\n    \n    \/\/ \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647\n    const selectedDevices = document.querySelectorAll('.device-card.selected');\n    console.log('Found', selectedDevices.length, 'selected devices');\n    \n    selectedDevices.forEach(card => {\n        const deviceId = card.dataset.deviceId;\n        console.log('Processing device:', deviceId);\n        \n        \/\/ \u062a\u0648\u0627\u0646\n        const powerInput = document.getElementById('custom_power_' + deviceId);\n        if (powerInput) {\n            const powerValue = powerInput.value.trim();\n            if (powerValue && powerValue !== '') {\n                settings['custom_power_' + deviceId] = powerValue;\n                console.log('Added power setting for', deviceId, ':', powerValue);\n                deviceCount++;\n            }\n        }\n        \n        \/\/ \u0633\u0627\u0639\u062a\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647\n        ['normal', 'nightly', 'holiday', 'away'].forEach(scenario => {\n            const hoursInput = document.getElementById('custom_hours_' + deviceId + '_' + scenario);\n            if (hoursInput) {\n                const hourValue = hoursInput.value.trim();\n                if (hourValue !== '') {\n                    const key = 'custom_hours_' + deviceId + '_' + scenario;\n                    settings[key] = hourValue;\n                    console.log('Added hours setting for', deviceId, scenario, ':', hourValue);\n                }\n            }\n        });\n    });\n    \n    console.log('Collected settings:', settings);\n    \n    if (Object.keys(settings).length === 0) {\n        showNotification('\u26a0\ufe0f \u0647\u06cc\u0686 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u0627\u06cc \u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647 \u0627\u0633\u062a', 'info');\n    }\n    \n    \/\/ \u0630\u062e\u06cc\u0631\u0647 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a\n    saveAdvancedSettingsToLocalStorage(settings);\n    applyAdvancedSettingsToForm(settings);\n    \n    showNotification(`\u2705 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0628\u0631\u0627\u06cc ${deviceCount} \u062f\u0633\u062a\u06af\u0627\u0647 \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f. \u062f\u0631 \u062d\u0627\u0644 \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u062c\u062f\u062f...`, 'success');\n    \n    \/\/ \u0627\u0631\u0633\u0627\u0644 \u0641\u0631\u0645\n    setTimeout(() => {\n        console.log('Submitting form with settings:', settings);\n        document.getElementById('mainForm').submit();\n    }, 1500);\n}\n    \n    function collectAdvancedSettings() {\n        const settings = {};\n        \n        const selectedDevices = document.querySelectorAll('.device-card.selected');\n        selectedDevices.forEach(card => {\n            const deviceId = card.dataset.deviceId;\n            \n            const powerInput = document.getElementById('custom_power_' + deviceId);\n            if (powerInput) {\n                settings['custom_power_' + deviceId] = powerInput.value || '';\n            }\n            \n            const scenarios = ['normal', 'nightly', 'holiday', 'away'];\n            scenarios.forEach(scenario => {\n                const hoursInput = document.getElementById('custom_hours_' + deviceId + '_' + scenario);\n                if (hoursInput && hoursInput.value !== '') {\n                    settings['custom_hours_' + deviceId + '_' + scenario] = hoursInput.value;\n                }\n            });\n        });\n        \n        return settings;\n    }\n    \n    \/\/ 5. \u062a\u0627\u0628\u0639 applyAdvancedSettingsToForm \u0631\u0627 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f:\nfunction applyAdvancedSettingsToForm(settings) {\n    const hiddenInput = document.getElementById('advanced_settings_input');\n    \n    if (hiddenInput) {\n        \/\/ \u062a\u0628\u062f\u06cc\u0644 \u0628\u0647 query string\n        const params = new URLSearchParams();\n        \n        for (const [key, value] of Object.entries(settings)) {\n            if (value !== null && value !== undefined && value !== '') {\n                params.append(key, value);\n            }\n        }\n        \n        const queryString = params.toString();\n        console.log('Setting hidden input value to:', queryString);\n        hiddenInput.value = queryString;\n    }\n}\n    \n    function saveAdvancedSettingsToLocalStorage(settings) {\n        try {\n            const structuredSettings = {\n                devices: {},\n                saved_at: new Date().toISOString()\n            };\n            \n            for (const [key, value] of Object.entries(settings)) {\n                if (key.startsWith('custom_power_')) {\n                    const deviceId = key.replace('custom_power_', '');\n                    if (!structuredSettings.devices[deviceId]) {\n                        structuredSettings.devices[deviceId] = {};\n                    }\n                    structuredSettings.devices[deviceId].power = value;\n                } else if (key.startsWith('custom_hours_')) {\n                    const parts = key.replace('custom_hours_', '').split('_');\n                    if (parts.length >= 2) {\n                        const deviceId = parts[0];\n                        const scenario = parts[1];\n                        if (!structuredSettings.devices[deviceId]) {\n                            structuredSettings.devices[deviceId] = {};\n                        }\n                        structuredSettings.devices[deviceId]['hours_' + scenario] = value;\n                    }\n                }\n            }\n            \n            localStorage.setItem('energy_calc_advanced_settings', JSON.stringify(structuredSettings));\n        } catch (error) {\n            console.error('Save advanced settings error:', error);\n        }\n    }\n    \n    \/\/ 1. \u0627\u0628\u062a\u062f\u0627 \u062a\u0627\u0628\u0639 loadSavedDeviceSettings \u0631\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0634\u06a9\u0644 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f:\nfunction loadSavedDeviceSettings(deviceId) {\n    try {\n        \/\/ \u0627\u0648\u0644: \u0686\u06a9 \u06a9\u0631\u062f\u0646 localStorage\n        const saved = localStorage.getItem('energy_calc_advanced_settings');\n        if (saved) {\n            const settings = JSON.parse(saved);\n            \n            \/\/ \u0686\u06a9 \u06a9\u0631\u062f\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u062c\u062f\u06cc\u062f\n            if (settings.devices && settings.devices[deviceId]) {\n                console.log('Found settings for', deviceId, 'in new structure:', settings.devices[deviceId]);\n                return settings.devices[deviceId];\n            }\n            \n            \/\/ \u0686\u06a9 \u06a9\u0631\u062f\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u062f\u06cc\u0645\u06cc (query string)\n            const params = new URLSearchParams(saved);\n            const deviceSettings = {};\n            \n            \/\/ \u062a\u0648\u0627\u0646 \u062f\u0633\u062a\u06af\u0627\u0647\n            const powerKey = 'custom_power_' + deviceId;\n            if (params.has(powerKey)) {\n                deviceSettings.power = params.get(powerKey);\n            }\n            \n            \/\/ \u0633\u0627\u0639\u062a\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647\n            ['normal', 'nightly', 'holiday', 'away'].forEach(scenario => {\n                const hoursKey = 'custom_hours_' + deviceId + '_' + scenario;\n                if (params.has(hoursKey)) {\n                    deviceSettings['hours_' + scenario] = params.get(hoursKey);\n                }\n            });\n            \n            if (Object.keys(deviceSettings).length > 0) {\n                console.log('Found settings for', deviceId, 'in old structure:', deviceSettings);\n                return deviceSettings;\n            }\n        }\n        \n        \/\/ \u0686\u06a9 \u06a9\u0631\u062f\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0632 \u0641\u0631\u0645 \u0641\u0639\u0644\u06cc\n        const currentSettings = getCurrentAdvancedSettings();\n        const deviceSettings = {};\n        \n        const powerKey = 'custom_power_' + deviceId;\n        if (currentSettings[powerKey]) {\n            deviceSettings.power = currentSettings[powerKey];\n        }\n        \n        ['normal', 'nightly', 'holiday', 'away'].forEach(scenario => {\n            const hoursKey = 'custom_hours_' + deviceId + '_' + scenario;\n            if (currentSettings[hoursKey]) {\n                deviceSettings['hours_' + scenario] = currentSettings[hoursKey];\n            }\n        });\n        \n        if (Object.keys(deviceSettings).length > 0) {\n            console.log('Found settings for', deviceId, 'in current form:', deviceSettings);\n            return deviceSettings;\n        }\n        \n    } catch (error) {\n        console.error('Load device settings error for', deviceId, ':', error);\n    }\n    \n    console.log('No saved settings found for', deviceId);\n    return {};\n}\n    \n    function showNotification(message, type = 'info') {\n        const oldNotifications = document.querySelectorAll('.notification');\n        oldNotifications.forEach(notification => {\n            if (notification.parentNode) {\n                notification.parentNode.removeChild(notification);\n            }\n        });\n        \n        const notification = document.createElement('div');\n        notification.className = `notification ${type}`;\n        notification.textContent = message;\n        document.body.appendChild(notification);\n        \n        setTimeout(() => {\n            if (notification.parentNode) {\n                notification.parentNode.removeChild(notification);\n            }\n        }, 3000);\n    }\n    \n    function copyMonthlyConsumption() {\n        const button = event.target.closest('.export-btn') || event.target;\n        const originalText = button.innerHTML;\n        \n        try {\n            const monthlyTotalElement = document.querySelector('.stat-card:nth-child(2) .stat-value');\n            if (!monthlyTotalElement) {\n                throw new Error('\u0645\u0642\u062f\u0627\u0631 \u0645\u0635\u0631\u0641 \u0645\u0627\u0647\u0627\u0646\u0647 \u06cc\u0627\u0641\u062a \u0646\u0634\u062f');\n            }\n            \n            const monthlyTotal = monthlyTotalElement.textContent.trim();\n            const textToCopy = `${monthlyTotal}`;\n\n            navigator.clipboard.writeText(textToCopy).then(() => {\n                button.innerHTML = '\u2705 \u06a9\u067e\u06cc \u0634\u062f!';\n                button.style.background = 'linear-gradient(135deg, #10b981, #059669)';\n                \n                showNotification(`\u2705 \u0639\u062f\u062f ${monthlyTotal} \u06a9\u06cc\u0644\u0648\u0648\u0627\u062a\u200c\u0633\u0627\u0639\u062a \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u06a9\u067e\u06cc \u0634\u062f`, 'success');\n                \n                setTimeout(() => {\n                    button.innerHTML = originalText;\n                    button.style.background = 'linear-gradient(135deg, #8b5cf6, #7c3aed)';\n                }, 2000);\n                \n            }).catch(err => {\n                fallbackCopyText(textToCopy, button, originalText);\n            });\n\n        } catch (error) {\n            button.innerHTML = '\u274c \u062e\u0637\u0627 \u062f\u0631 \u06a9\u067e\u06cc';\n            button.style.background = 'linear-gradient(135deg, #ef4444, #dc2626)';\n            \n            showNotification('\u274c \u062e\u0637\u0627 \u062f\u0631 \u06a9\u067e\u06cc \u0639\u062f\u062f \u0645\u0635\u0631\u0641 \u0645\u0627\u0647\u0627\u0646\u0647', 'error');\n            \n            setTimeout(() => {\n                button.innerHTML = originalText;\n                button.style.background = 'linear-gradient(135deg, #8b5cf6, #7c3aed)';\n            }, 2000);\n        }\n    }\n\n    function fallbackCopyText(text, button, originalText) {\n        try {\n            const textArea = document.createElement('textarea');\n            textArea.value = text;\n            textArea.style.position = 'fixed';\n            textArea.style.opacity = '0';\n            document.body.appendChild(textArea);\n            textArea.focus();\n            textArea.select();\n            \n            const successful = document.execCommand('copy');\n            document.body.removeChild(textArea);\n            \n            if (successful) {\n                button.innerHTML = '\u2705 \u06a9\u067e\u06cc \u0634\u062f!';\n                button.style.background = 'linear-gradient(135deg, #10b981, #059669)';\n                \n                showNotification(`\u2705 \u0639\u062f\u062f ${text} \u06a9\u06cc\u0644\u0648\u0648\u0627\u062a\u200c\u0633\u0627\u0639\u062a \u06a9\u067e\u06cc \u0634\u062f`, 'success');\n                \n                setTimeout(() => {\n                    button.innerHTML = originalText;\n                    button.style.background = 'linear-gradient(135deg, #8b5cf6, #7c3aed)';\n                }, 2000);\n            } else {\n                throw new Error('\u06a9\u067e\u06cc \u0646\u0627\u0645\u0648\u0641\u0642 \u0628\u0648\u062f');\n            }\n        } catch (err) {\n            button.innerHTML = '\u274c \u06a9\u067e\u06cc \u0646\u0627\u0645\u0645\u0648\u0641\u0642';\n            button.style.background = 'linear-gradient(135deg, #ef4444, #dc2626)';\n            \n            showNotification('\u274c \u0644\u0637\u0641\u0627\u064b \u0627\u0632 \u06a9\u0644\u06cc\u062f\u0647\u0627\u06cc Ctrl+C \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f', 'error');\n            \n            setTimeout(() => {\n                button.innerHTML = originalText;\n                button.style.background = 'linear-gradient(135deg, #8b5cf6, #7c3aed)';\n            }, 2000);\n        }\n    }\n    \n    \/\/ ==================== \u0645\u062f\u06cc\u0631\u06cc\u062a \u0635\u0641\u062d\u0647 ====================\n    document.addEventListener('DOMContentLoaded', function() {\n        const dayInputs = document.querySelectorAll('input[name^=\"scenario_days\"]');\n        dayInputs.forEach(input => {\n            input.addEventListener('input', updateDaysSummary);\n        });\n        \n        const deviceCards = document.querySelectorAll('.device-card');\n        deviceCards.forEach(card => {\n            card.addEventListener('click', function(e) {\n                if (e.target.tagName === 'INPUT' || e.target.tagName === 'BUTTON') {\n                    return;\n                }\n                \n                const deviceId = card.dataset.deviceId;\n                toggleDevice(deviceId, card);\n            });\n        });\n        \n        updateDaysSummary();\n        updateSelectedCount();\n        \n                \n        const hasSeenGuide = localStorage.getItem('energy_calc_guide_seen');\n        if (!hasSeenGuide) {\n            setTimeout(() => {\n                showNotification('\ud83c\udfae \u0628\u0631\u0627\u06cc \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647\u060c \u062f\u06a9\u0645\u0647 \u2753 \u067e\u0627\u06cc\u06cc\u0646 \u0633\u0645\u062a \u0686\u067e \u0631\u0627 \u0628\u0632\u0646\u06cc\u062f', 'info');\n                localStorage.setItem('energy_calc_guide_seen', 'true');\n            }, 3000);\n        }\n        \n        const guideBtn = document.querySelector('.guide-trigger-btn');\n        if (guideBtn) {\n            guideBtn.addEventListener('click', showGuide);\n        }\n    });\n    \n    \/\/ ==================== \u062a\u0648\u0627\u0628\u0639 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc ====================\n    function showGuide() {\n        const overlay = document.getElementById('guideOverlay');\n        if (overlay) {\n            overlay.style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n    }\n    \n    function hideGuide() {\n        const overlay = document.getElementById('guideOverlay');\n        if (overlay) {\n            overlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        }\n        removeHighlights();\n    }\n    \n    function highlightElement(selector) {\n        removeHighlights();\n        \n        const element = document.querySelector(selector);\n        if (element) {\n            element.classList.add('highlight-element');\n            \n            element.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center'\n            });\n            \n            setTimeout(() => {\n                hideGuide();\n            }, 2000);\n            \n            setTimeout(() => {\n                removeHighlights();\n            }, 4000);\n        } else {\n            showNotification('\u274c \u0627\u0644\u0645\u0627\u0646 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u06cc\u0627\u0641\u062a \u0646\u0634\u062f', 'error');\n        }\n    }\n    \n    function removeHighlights() {\n        const highlighted = document.querySelectorAll('.highlight-element');\n        highlighted.forEach(el => {\n            el.classList.remove('highlight-element');\n        });\n    }\n    \n    function startTutorial() {\n        hideGuide();\n        \n        const tutorialSteps = [\n            { message: '\ud83c\udfac \u0622\u0645\u0648\u0632\u0634 \u062a\u0639\u0627\u0645\u0644\u06cc \u0634\u0631\u0648\u0639 \u0634\u062f!', selector: '.scenario-card:first-child', delay: 1000 },\n            { message: '\ud83d\udcc5 \u0645\u0631\u062d\u0644\u0647 \u06f1: \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0645\u0635\u0631\u0641 \u062e\u0648\u062f \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f', selector: '.scenario-card:first-child .days-input', delay: 3000 },\n            { message: '\ud83d\udd0c \u0645\u0631\u062d\u0644\u0647 \u06f2: \u0627\u0632 \u0641\u06cc\u0644\u062a\u0631 \u06a9\u0634\u0648\u06cc\u06cc \u0628\u0631\u0627\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f', selector: '.category-dropdown', delay: 3000 },\n            { message: '\u2699\ufe0f \u0645\u0631\u062d\u0644\u0647 \u06f3: \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u062a\u0639\u062f\u0627\u062f \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f', selector: '.device-card:first-child', delay: 3000 },\n            { message: '\ud83c\udf9b\ufe0f \u0645\u0631\u062d\u0644\u0647 \u06f4: \u0628\u0631\u0627\u06cc \u062f\u0642\u062a \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f', selector: '#advancedSettings', delay: 3000 },\n            { message: '\ud83d\udcca \u0645\u0631\u062d\u0644\u0647 \u06f5: \u0645\u062d\u0627\u0633\u0628\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0646\u062a\u0627\u06cc\u062c \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f', selector: '.calc-button', delay: 3000 },\n            { message: '\u2705 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0634\u062f! \u062d\u0627\u0644\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f', selector: null, delay: 2000 }\n        ];\n        \n        let stepIndex = 0;\n        \n        function nextStep() {\n            if (stepIndex < tutorialSteps.length) {\n                const step = tutorialSteps[stepIndex];\n                \n                showNotification(step.message, 'info');\n                \n                if (step.selector) {\n                    highlightElement(step.selector);\n                }\n                \n                stepIndex++;\n                setTimeout(nextStep, step.delay);\n            }\n        }\n        \n        nextStep();\n    }\n    \n    document.addEventListener('click', function(event) {\n        const overlay = document.getElementById('guideOverlay');\n        if (overlay && overlay.style.display === 'flex') {\n            if (event.target === overlay) {\n                hideGuide();\n            }\n        }\n    });\n    \n    document.addEventListener('keydown', function(event) {\n        if (event.key === 'Escape') {\n            hideGuide();\n        }\n    });\n    \n    <\/script>\n    \n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barghyaran.ir\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barghyaran.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barghyaran.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barghyaran.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barghyaran.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":1,"href":"https:\/\/barghyaran.ir\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/barghyaran.ir\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/barghyaran.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}