{"id":30189,"date":"2026-01-13T20:05:44","date_gmt":"2026-01-13T16:05:44","guid":{"rendered":"https:\/\/fitmeal.ge\/?page_id=30189"},"modified":"2026-05-06T20:31:41","modified_gmt":"2026-05-06T16:31:41","slug":"kaloriebis-kalkulatori","status":"publish","type":"page","link":"https:\/\/fitmeal.ge\/en\/kaloriebis-kalkulatori\/","title":{"rendered":"Fit Meal &#8211; \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d4\u10d1\u10d8\u10e1 \u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"30189\" class=\"elementor elementor-30189\">\n\t\t\t\t<div class=\"elementor-element elementor-element-449eb44 wd-section-stretch-content e-con-full e-flex e-con e-parent\" data-id=\"449eb44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6a0750 elementor-widget elementor-widget-html\" data-id=\"a6a0750\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ka\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d4\u10d1\u10d8\u10e1 \u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&family=Noto+Sans+Georgian:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        .fitmeal-calculator * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .fitmeal-calculator {\r\n            --primary-dark: #0A3436;\r\n            --primary-medium: #0D4A4D;\r\n            --primary-light: #1A5F63;\r\n            --accent-green: #348e67;\r\n            --accent-green-hover: #2d7a59;\r\n            --accent-green-light: rgba(52, 142, 103, 0.1);\r\n            --text-dark: #1a1a1a;\r\n            --text-white: #ffffff;\r\n            --bg-white: #ffffff;\r\n            --bg-light: #f5f5f5;\r\n            --bg-cream: #F4F9F6;\r\n            --border-light: #e5e5e5;\r\n            \r\n            font-family: 'Noto Sans Georgian', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            color: var(--text-dark);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .fitmeal-calculator .calculator-wrapper {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .fitmeal-calculator .calculator-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            min-height: 580px;\r\n            background: var(--bg-white);\r\n            box-shadow: 0 10px 60px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .fitmeal-calculator .hero-panel {\r\n            background: var(--bg-white);\r\n            padding: 60px 50px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .fitmeal-calculator .hero-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .fitmeal-calculator .hero-icon svg {\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .fitmeal-calculator .hero-title {\r\n            font-size: 2.4rem;\r\n            font-weight: 800;\r\n            letter-spacing: 1px;\r\n            line-height: 1.15;\r\n            margin-bottom: 24px;\r\n            color: var(--text-dark);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .fitmeal-calculator .hero-subtitle {\r\n            font-size: 0.95rem;\r\n            color: #666;\r\n            max-width: 340px;\r\n            line-height: 1.7;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .fitmeal-calculator .hero-arrow {\r\n            position: absolute;\r\n            right: -18px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 36px;\r\n            height: 36px;\r\n            background: var(--primary-dark);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 10;\r\n        }\r\n\r\n        .fitmeal-calculator .hero-arrow svg {\r\n            width: 14px;\r\n            height: 14px;\r\n            stroke: white;\r\n            stroke-width: 2.5;\r\n        }\r\n\r\n        .fitmeal-calculator .form-panel {\r\n            background: var(--primary-dark);\r\n            padding: 40px 45px;\r\n            color: white;\r\n        }\r\n\r\n        .fitmeal-calculator .form-section {\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fitmeal-calculator .section-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 14px;\r\n            color: white;\r\n        }\r\n\r\n        .fitmeal-calculator .toggle-group {\r\n            display: flex;\r\n            gap: 0;\r\n        }\r\n\r\n        .fitmeal-calculator .toggle-btn {\r\n            flex: 1;\r\n            padding: 16px 20px;\r\n            background: transparent;\r\n            border: 2px solid rgba(255,255,255,0.25);\r\n            border-right: none;\r\n            color: rgba(255,255,255,0.9);\r\n            font-family: inherit;\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.8px;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .fitmeal-calculator .toggle-btn:last-child {\r\n            border-right: 2px solid rgba(255,255,255,0.25);\r\n        }\r\n\r\n        .fitmeal-calculator .toggle-btn:hover {\r\n            background: rgba(255,255,255,0.1);\r\n        }\r\n\r\n        .fitmeal-calculator .toggle-btn.active {\r\n            background: var(--accent-green);\r\n            border-color: var(--accent-green);\r\n            color: white;\r\n        }\r\n\r\n        .fitmeal-calculator .toggle-btn.active + .toggle-btn {\r\n            border-left-color: var(--accent-green);\r\n        }\r\n\r\n        .fitmeal-calculator .input-row {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 12px;\r\n            margin-top: 16px;\r\n        }\r\n\r\n        .fitmeal-calculator .input-field {\r\n            position: relative;\r\n        }\r\n\r\n        .fitmeal-calculator .input-field input {\r\n            width: 100%;\r\n            padding: 14px 45px 14px 16px;\r\n            background: var(--bg-white);\r\n            border: none;\r\n            border-radius: 0;\r\n            font-family: inherit;\r\n            font-size: 0.95rem;\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n            outline: none;\r\n        }\r\n\r\n        .fitmeal-calculator .input-field input::placeholder {\r\n            color: #999;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .fitmeal-calculator .input-field input:focus {\r\n            box-shadow: inset 0 0 0 2px var(--accent-green);\r\n        }\r\n\r\n        .fitmeal-calculator .input-field .unit {\r\n            position: absolute;\r\n            right: 14px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            color: var(--primary-dark);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .fitmeal-calculator .slider-wrapper {\r\n            position: relative;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .fitmeal-calculator .slider-track {\r\n            position: relative;\r\n            height: 3px;\r\n            background: rgba(255,255,255,0.35);\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .fitmeal-calculator .slider-progress {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            height: 100%;\r\n            background: var(--accent-green);\r\n            transition: width 0.25s ease;\r\n        }\r\n\r\n        .fitmeal-calculator .slider-dots {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            position: relative;\r\n            margin-top: -9px;\r\n        }\r\n\r\n        .fitmeal-calculator .slider-dot {\r\n            width: 18px;\r\n            height: 18px;\r\n            background: rgba(255,255,255,0.5);\r\n            border: none;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .fitmeal-calculator .slider-dot:hover {\r\n            transform: scale(1.2);\r\n            background: rgba(255,255,255,0.8);\r\n        }\r\n\r\n        .fitmeal-calculator .slider-dot.active {\r\n            background: var(--accent-green);\r\n        }\r\n\r\n        .fitmeal-calculator .slider-labels {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-top: 12px;\r\n        }\r\n\r\n        .fitmeal-calculator .slider-label {\r\n            font-size: 0.7rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.3px;\r\n            color: rgba(255,255,255,0.6);\r\n            cursor: pointer;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .fitmeal-calculator .slider-label.active {\r\n            color: var(--accent-green);\r\n        }\r\n\r\n        .fitmeal-calculator .goals-group {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 0;\r\n        }\r\n\r\n        .fitmeal-calculator .goals-group .toggle-btn {\r\n            padding: 16px 10px;\r\n            font-size: 0.7rem;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        .fitmeal-calculator .diet-group {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 0;\r\n        }\r\n\r\n        .fitmeal-calculator .diet-group .toggle-btn {\r\n            padding: 16px 8px;\r\n            font-size: 0.65rem;\r\n            letter-spacing: 0.3px;\r\n            border-right: 2px solid rgba(255,255,255,0.25);\r\n        }\r\n\r\n        .fitmeal-calculator .diet-group .toggle-btn.active {\r\n            border-right-color: var(--accent-green);\r\n        }\r\n\r\n        .fitmeal-calculator .diet-group .toggle-btn.active + .toggle-btn {\r\n            border-left-color: var(--accent-green);\r\n        }\r\n\r\n        .fitmeal-calculator .action-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-top: 32px;\r\n        }\r\n\r\n        .fitmeal-calculator .clear-btn {\r\n            background: transparent;\r\n            border: none;\r\n            color: white;\r\n            font-family: inherit;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            cursor: pointer;\r\n            padding: 12px 0;\r\n            transition: opacity 0.2s;\r\n        }\r\n\r\n        .fitmeal-calculator .clear-btn:hover {\r\n            opacity: 0.7;\r\n        }\r\n\r\n        .fitmeal-calculator .calculate-btn {\r\n            background: var(--accent-green);\r\n            border: none;\r\n            color: white;\r\n            font-family: inherit;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            padding: 18px 50px;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .fitmeal-calculator .calculate-btn:hover {\r\n            background: var(--accent-green-hover);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .fitmeal-calculator .results-view {\r\n            display: none;\r\n        }\r\n\r\n        .fitmeal-calculator .results-view.show {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            animation: fitmealFadeIn 0.4s ease;\r\n        }\r\n\r\n        @keyframes fitmealFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        .fitmeal-calculator .results-left {\r\n            background: var(--primary-dark);\r\n            padding: 40px 45px;\r\n            color: white;\r\n        }\r\n\r\n        .fitmeal-calculator .results-left .section-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .fitmeal-calculator .results-left .input-row {\r\n            margin-top: 16px;\r\n        }\r\n\r\n        .fitmeal-calculator .results-left .action-row {\r\n            margin-top: 32px;\r\n            gap: 15px;\r\n        }\r\n\r\n        .fitmeal-calculator .results-left .clear-btn {\r\n            flex: 1;\r\n            border: 2px solid rgba(255,255,255,0.4);\r\n            padding: 16px 20px;\r\n            text-align: center;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .fitmeal-calculator .results-left .clear-btn:hover {\r\n            background: rgba(255,255,255,0.1);\r\n            border-color: rgba(255,255,255,0.6);\r\n            opacity: 1;\r\n        }\r\n\r\n        .fitmeal-calculator .recalculate-btn {\r\n            flex: 1;\r\n            background: var(--accent-green);\r\n            border: none;\r\n            color: white;\r\n            font-family: inherit;\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            padding: 18px 30px;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .fitmeal-calculator .recalculate-btn:hover {\r\n            background: var(--accent-green-hover);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .fitmeal-calculator .results-right {\r\n            background: var(--bg-white);\r\n            padding: 60px 50px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        .fitmeal-calculator .results-heading {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n            margin-bottom: 30px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .fitmeal-calculator .recommendation-text {\r\n            font-size: 1.5rem;\r\n            color: var(--text-dark);\r\n            line-height: 1.5;\r\n            margin-bottom: 40px;\r\n            max-width: 400px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .fitmeal-calculator .recommendation-text strong {\r\n            color: var(--primary-dark);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .fitmeal-calculator .recommended-calories {\r\n            color: var(--accent-green);\r\n            font-weight: 800;\r\n            font-size: 1.7rem;\r\n        }\r\n\r\n        .fitmeal-calculator .buy-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            background: var(--accent-green);\r\n            color: white;\r\n            font-family: inherit;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            padding: 22px 50px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .fitmeal-calculator .buy-btn:hover {\r\n            background: var(--accent-green-hover);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 35px rgba(52, 142, 103, 0.4);\r\n        }\r\n\r\n        .fitmeal-calculator .buy-btn svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            stroke: currentColor;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .fitmeal-calculator .buy-btn:hover svg {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .fitmeal-calculator .input-error {\r\n            box-shadow: inset 0 0 0 2px #e74c3c !important;\r\n            background: #fff5f5 !important;\r\n        }\r\n\r\n        .fitmeal-calculator .shake {\r\n            animation: fitmealShake 0.4s ease;\r\n        }\r\n\r\n        @keyframes fitmealShake {\r\n            0%, 100% { transform: translateX(0); }\r\n            20%, 60% { transform: translateX(-5px); }\r\n            40%, 80% { transform: translateX(5px); }\r\n        }\r\n\r\n        .fitmeal-calculator .recommendation-updated {\r\n            animation: fitmealPulse 0.4s ease;\r\n        }\r\n\r\n        @keyframes fitmealPulse {\r\n            0% { transform: scale(1); }\r\n            50% { transform: scale(1.02); }\r\n            100% { transform: scale(1); }\r\n        }\r\n\r\n        \/* Tablet breakpoint *\/\r\n        @media (max-width: 900px) {\r\n            .fitmeal-calculator .calculator-container,\r\n            .fitmeal-calculator .results-view.show {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .fitmeal-calculator .hero-panel {\r\n                padding: 40px 30px;\r\n            }\r\n\r\n            .fitmeal-calculator .hero-arrow {\r\n                display: none;\r\n            }\r\n\r\n            .fitmeal-calculator .hero-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .fitmeal-calculator .form-panel,\r\n            .fitmeal-calculator .results-left,\r\n            .fitmeal-calculator .results-right {\r\n                padding: 30px 25px;\r\n            }\r\n\r\n            .fitmeal-calculator .goals-group {\r\n                grid-template-columns: repeat(3, 1fr);\r\n            }\r\n\r\n            .fitmeal-calculator .diet-group {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .fitmeal-calculator .diet-group .toggle-btn:nth-child(2) {\r\n                border-right: 2px solid rgba(255,255,255,0.25);\r\n            }\r\n\r\n            .fitmeal-calculator .diet-group .toggle-btn:nth-child(2).active {\r\n                border-right-color: var(--accent-green);\r\n            }\r\n\r\n            .fitmeal-calculator .recommendation-text {\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .fitmeal-calculator .buy-btn {\r\n                width: 100%;\r\n                max-width: 350px;\r\n            }\r\n        }\r\n\r\n        \/* Mobile breakpoint - stacked input fields *\/\r\n        @media (max-width: 600px) {\r\n            .fitmeal-calculator .input-row {\r\n                grid-template-columns: 1fr;\r\n                gap: 10px;\r\n            }\r\n\r\n            .fitmeal-calculator .input-field input {\r\n                padding: 16px 50px 16px 18px;\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .fitmeal-calculator .toggle-btn {\r\n                padding: 14px 12px;\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .fitmeal-calculator .goals-group .toggle-btn {\r\n                padding: 14px 8px;\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .fitmeal-calculator .diet-group .toggle-btn {\r\n                padding: 14px 6px;\r\n                font-size: 0.6rem;\r\n            }\r\n\r\n            .fitmeal-calculator .slider-label {\r\n                font-size: 0.6rem;\r\n            }\r\n\r\n            .fitmeal-calculator .results-left .action-row {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .fitmeal-calculator .results-left .clear-btn,\r\n            .fitmeal-calculator .recalculate-btn {\r\n                width: 100%;\r\n            }\r\n\r\n            .fitmeal-calculator .recommendation-text {\r\n                font-size: 1.15rem;\r\n            }\r\n\r\n            .fitmeal-calculator .recommended-calories {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .fitmeal-calculator .buy-btn {\r\n                padding: 18px 35px;\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .fitmeal-calculator .action-row {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n\r\n            .fitmeal-calculator .calculate-btn {\r\n                width: 100%;\r\n                padding: 18px 30px;\r\n            }\r\n\r\n            .fitmeal-calculator .clear-btn {\r\n                width: 100%;\r\n                border: 2px solid rgba(255,255,255,0.4);\r\n                padding: 14px 20px;\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"fitmeal-calculator\">\r\n        <div class=\"calculator-wrapper\">\r\n            <!-- INPUT VIEW -->\r\n            <div class=\"calculator-container\" id=\"fitmealInputView\">\r\n                <!-- Left Panel - Hero -->\r\n                <div class=\"hero-panel\">\r\n\r\n                    <h1 class=\"hero-title\">Calorie<br>CALCULATOR<\/h1>\r\n                    <p class=\"hero-subtitle\">Enter your information and find out which FitMeal diet is optimal for you.<\/p>\r\n                    <div class=\"hero-arrow\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                            <path d=\"M9 18l6-6-6-6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Panel - Form -->\r\n                <div class=\"form-panel\">\r\n                    <!-- Body Parameters -->\r\n                    <div class=\"form-section\">\r\n                        <h3 class=\"section-title\">Body Parameters<\/h3>\r\n                        <div class=\"toggle-group\" id=\"fitmealSexToggle\">\r\n                            <button type=\"button\" class=\"toggle-btn active\" data-value=\"male\">Male<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"female\">Female<\/button>\r\n                        <\/div>\r\n                        <div class=\"input-row\">\r\n                            <div class=\"input-field\">\r\n                                <input type=\"number\" id=\"fitmealAge\" placeholder=\"Age\" min=\"15\" max=\"100\">\r\n                            <\/div>\r\n                            <div class=\"input-field\">\r\n                                <input type=\"number\" id=\"fitmealWeight\" placeholder=\"Weight\" min=\"30\" max=\"300\" step=\"0.1\">\r\n                                <span class=\"unit\">KG<\/span>\r\n                            <\/div>\r\n                            <div class=\"input-field\">\r\n                                <input type=\"number\" id=\"fitmealHeight\" placeholder=\"Height\" min=\"100\" max=\"250\">\r\n                                <span class=\"unit\">CM<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Activity Level - 3 levels -->\r\n                    <div class=\"form-section\">\r\n                        <h3 class=\"section-title\">Activity Level<\/h3>\r\n                        <div class=\"slider-wrapper\">\r\n                            <div class=\"slider-track\">\r\n                                <div class=\"slider-progress\" id=\"fitmealSliderProgress\" style=\"width: 0%;\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"slider-dots\" id=\"fitmealActivitySlider\">\r\n                                <div class=\"slider-dot active\" data-level=\"0\"><\/div>\r\n                                <div class=\"slider-dot\" data-level=\"1\"><\/div>\r\n                                <div class=\"slider-dot\" data-level=\"2\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"slider-labels\" id=\"fitmealActivityLabels\">\r\n                                <span class=\"slider-label active\" data-level=\"0\">Sedentary<\/span>\r\n                                <span class=\"slider-label\" data-level=\"1\">Moderate<\/span>\r\n                                <span class=\"slider-label\" data-level=\"2\">Active<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Goals -->\r\n                    <div class=\"form-section\">\r\n                        <h3 class=\"section-title\">Goal<\/h3>\r\n                        <div class=\"toggle-group goals-group\" id=\"fitmealGoalToggle\">\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"loss\">Weight Loss<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn active\" data-value=\"maintain\">Weight Maintenance<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"gain\">Weight Gain<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Diet Type -->\r\n                    <div class=\"form-section\">\r\n                        <h3 class=\"section-title\">Diet Type<\/h3>\r\n                        <div class=\"toggle-group diet-group\" id=\"fitmealDietToggle\">\r\n                            <button type=\"button\" class=\"toggle-btn active\" data-value=\"standard\">Standard<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"diabetic\">Diabetic<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"fasting\">Fasting<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"vegan\">Vegetarian<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Actions -->\r\n                    <div class=\"action-row\">\r\n                        <button type=\"button\" class=\"clear-btn\" id=\"fitmealClearBtn\">Clear<\/button>\r\n                        <button type=\"button\" class=\"calculate-btn\" id=\"fitmealCalculateBtn\">Calculate<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- RESULTS VIEW -->\r\n            <div class=\"results-view\" id=\"fitmealResultsView\">\r\n                <!-- Left Panel - Interactive Form -->\r\n                <div class=\"results-left\">\r\n                    <div class=\"form-section\">\r\n                        <h3 class=\"section-title\">Body Parameters<\/h3>\r\n                        <div class=\"toggle-group\" id=\"fitmealResultSexToggle\">\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"male\">Male<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"female\">Female<\/button>\r\n                        <\/div>\r\n                        <div class=\"input-row\">\r\n                            <div class=\"input-field\">\r\n                                <input type=\"number\" id=\"fitmealResultAge\" placeholder=\"Age\" min=\"15\" max=\"100\">\r\n                            <\/div>\r\n                            <div class=\"input-field\">\r\n                                <input type=\"number\" id=\"fitmealResultWeight\" placeholder=\"Weight\" min=\"30\" max=\"300\" step=\"0.1\">\r\n                                <span class=\"unit\">KG<\/span>\r\n                            <\/div>\r\n                            <div class=\"input-field\">\r\n                                <input type=\"number\" id=\"fitmealResultHeight\" placeholder=\"Height\" min=\"100\" max=\"250\">\r\n                                <span class=\"unit\">CM<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-section\">\r\n                        <h3 class=\"section-title\">Activity Level<\/h3>\r\n                        <div class=\"slider-wrapper\">\r\n                            <div class=\"slider-track\">\r\n                                <div class=\"slider-progress\" id=\"fitmealResultSliderProgress\" style=\"width: 0%;\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"slider-dots\" id=\"fitmealResultActivitySlider\">\r\n                                <div class=\"slider-dot active\" data-level=\"0\"><\/div>\r\n                                <div class=\"slider-dot\" data-level=\"1\"><\/div>\r\n                                <div class=\"slider-dot\" data-level=\"2\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"slider-labels\" id=\"fitmealResultActivityLabels\">\r\n                                <span class=\"slider-label active\" data-level=\"0\">Sedentary<\/span>\r\n                                <span class=\"slider-label\" data-level=\"1\">Moderate<\/span>\r\n                                <span class=\"slider-label\" data-level=\"2\">Active<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-section\">\r\n                        <h3 class=\"section-title\">Goal<\/h3>\r\n                        <div class=\"toggle-group goals-group\" id=\"fitmealResultGoalToggle\">\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"loss\">Weight Loss<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn active\" data-value=\"maintain\">Weight Maintenance<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"gain\">Weight Gain<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-section\">\r\n                        <h3 class=\"section-title\">Diet Type<\/h3>\r\n                        <div class=\"toggle-group diet-group\" id=\"fitmealResultDietToggle\">\r\n                            <button type=\"button\" class=\"toggle-btn active\" data-value=\"standard\">Standard<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"diabetic\">Diabetic<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"fasting\">Fasting<\/button>\r\n                            <button type=\"button\" class=\"toggle-btn\" data-value=\"vegetarian\">Vegetarian<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"action-row\">\r\n                        <button type=\"button\" class=\"clear-btn\" id=\"fitmealResultClearBtn\">Clear<\/button>\r\n                        <button type=\"button\" class=\"recalculate-btn\" id=\"fitmealRecalculateBtn\">Recalculate<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Panel - Results -->\r\n                <div class=\"results-right\">\r\n                    <h3 class=\"results-heading\">Result<\/h3>\r\n                    \r\n                    <p class=\"recommendation-text\" id=\"fitmealRecommendationText\"><\/p>\r\n\r\n                    <a href=\"#\" class=\"buy-btn\" id=\"fitmealMealPlanLink\">\r\n                        <span>Purchase<\/span>\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        const FitmealCalculator = {\r\n            state: {\r\n                sex: 'male',\r\n                age: null,\r\n                weight: null,\r\n                height: null,\r\n                activityLevel: 0,\r\n                goal: 'maintain',\r\n                dietType: 'standard',\r\n                totalCalories: 0,\r\n                recommendedMealPlan: 0\r\n            },\r\n\r\n            recommendations: {\r\n                loss: '<strong>\u10ec\u10dd\u10dc\u10d8\u10e1 \u10d3\u10d0\u10e1\u10d0\u10d9\u10da\u10d4\u10d1\u10d0\u10d3<\/strong> \u10e0\u10d4\u10d9\u10dd\u10db\u10d4\u10dc\u10d3\u10d8\u10e0\u10d4\u10d1\u10e3\u10da\u10d8\u10d0 <span class=\"recommended-calories\">{calories}<\/span> \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d8\u10e1 \u10db\u10d4\u10dc\u10d8\u10e3.',\r\n                maintain: '<strong>\u10ec\u10dd\u10dc\u10d8\u10e1 \u10e8\u10d4\u10e1\u10d0\u10dc\u10d0\u10e0\u10e9\u10e3\u10dc\u10d4\u10d1\u10da\u10d0\u10d3<\/strong> \u10e0\u10d4\u10d9\u10dd\u10db\u10d4\u10dc\u10d3\u10d8\u10e0\u10d4\u10d1\u10e3\u10da\u10d8\u10d0 <span class=\"recommended-calories\">{calories}<\/span> \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d8\u10e1 \u10db\u10d4\u10dc\u10d8\u10e3.',\r\n                gain: '<strong>\u10ec\u10dd\u10dc\u10d8\u10e1 \u10db\u10dd\u10e1\u10d0\u10db\u10d0\u10e2\u10d4\u10d1\u10da\u10d0\u10d3<\/strong> \u10e0\u10d4\u10d9\u10dd\u10db\u10d4\u10dc\u10d3\u10d8\u10e0\u10d4\u10d1\u10e3\u10da\u10d8\u10d0 <span class=\"recommended-calories\">{calories}<\/span> \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d8\u10e1 \u10db\u10d4\u10dc\u10d8\u10e3.'\r\n            },\r\n\r\n            \/\/ Updated activity multipliers: \u10e3\u10db\u10dd\u10eb\u10e0\u10d0\u10dd 1.2, \u10d6\u10dd\u10db\u10d8\u10d4\u10e0\u10d8 1.55, \u10d0\u10e5\u10e2\u10d8\u10e3\u10e0\u10d8 1.725\r\n            activity: {\r\n                0: { mult: 1.2 },\r\n                1: { mult: 1.50 },\r\n                2: { mult: 1.725 }\r\n            },\r\n\r\n            goals: {\r\n                loss: 0,\r\n                maintain: 0,\r\n                gain: 0\r\n            },\r\n\r\n            getMealPlanRecommendation(calories, goal) {\r\n                if (goal === 'loss') {\r\n                    if (calories <= 1599) return 1100;\r\n                    if (calories <= 1799) return 1300;\r\n                    if (calories <= 1999) return 1500;\r\n                    if (calories <= 2299) return 1700;\r\n                    if (calories <= 2499) return 2000;\r\n                    return 2500;\r\n                } else if (goal === 'maintain') {\r\n                    if (calories <= 1599) return 1500;\r\n                    if (calories <= 1849) return 1700;\r\n                    if (calories <= 2249) return 2000;\r\n                    if (calories <= 2749) return 2500;\r\n                    return 3000;\r\n                } else if (goal === 'gain') {\r\n                    if (calories <= 1500) return 1700;\r\n                    if (calories <= 1750) return 2000;\r\n                    if (calories <= 2250) return 2500;\r\n                    if (calories <= 2750) return 3000;\r\n                    return 3500;\r\n                }\r\n                return 2000;\r\n            },\r\n\r\n            getMealPlanURL(recommendedCalories, dietType, goal) {\r\n                const baseURLs = {\r\n                    loss: 'https:\/\/fitmeal.ge\/product\/wonis-kleba\/',\r\n                    maintain: 'https:\/\/fitmeal.ge\/product\/wonis-shenarchuneba\/',\r\n                    gain: 'https:\/\/fitmeal.ge\/product\/wonis-mateba\/'\r\n                };\r\n                const baseURL = baseURLs[goal];\r\n                const params = '?attribute_pa_calories=' + recommendedCalories + '-calories&attribute_pa_kvebis-tipi=' + dietType;\r\n                return baseURL + params;\r\n            },\r\n\r\n            calcBMR(w, h, a, sex) {\r\n                const base = (10 * w) + (6.25 * h) - (5 * a);\r\n                return sex === 'male' ? base + 5 : base - 161;\r\n            },\r\n\r\n            calculate() {\r\n                const { weight, height, age, sex, activityLevel, goal } = this.state;\r\n                const bmr = this.calcBMR(weight, height, age, sex);\r\n                const tdee = bmr * this.activity[activityLevel].mult;\r\n                return Math.round(tdee + this.goals[goal]);\r\n            },\r\n\r\n            updateRecommendation() {\r\n                const { totalCalories, goal, dietType } = this.state;\r\n                \r\n                const recommendedCalories = this.getMealPlanRecommendation(totalCalories, goal);\r\n                this.state.recommendedMealPlan = recommendedCalories;\r\n                \r\n                let recommendationHTML = this.recommendations[goal].replace('{calories}', recommendedCalories);\r\n                document.getElementById('fitmealRecommendationText').innerHTML = recommendationHTML;\r\n                \r\n                const mealPlanURL = this.getMealPlanURL(recommendedCalories, dietType, goal);\r\n                document.getElementById('fitmealMealPlanLink').href = mealPlanURL;\r\n            },\r\n\r\n            init() {\r\n                this.bindEvents();\r\n            },\r\n\r\n            bindEvents() {\r\n                document.querySelectorAll('#fitmealInputView .toggle-group').forEach(g => {\r\n                    g.querySelectorAll('.toggle-btn').forEach(btn => {\r\n                        btn.addEventListener('click', e => this.handleToggle(e, g, 'input'));\r\n                    });\r\n                });\r\n\r\n                document.querySelectorAll('#fitmealActivitySlider .slider-dot, #fitmealActivityLabels .slider-label').forEach(el => {\r\n                    el.addEventListener('click', e => this.handleActivity(e, 'input'));\r\n                });\r\n\r\n                document.getElementById('fitmealCalculateBtn').addEventListener('click', () => this.showResults());\r\n                document.getElementById('fitmealClearBtn').addEventListener('click', () => this.clear('input'));\r\n\r\n                document.querySelectorAll('#fitmealResultsView .toggle-group').forEach(g => {\r\n                    g.querySelectorAll('.toggle-btn').forEach(btn => {\r\n                        btn.addEventListener('click', e => this.handleToggle(e, g, 'result'));\r\n                    });\r\n                });\r\n\r\n                document.querySelectorAll('#fitmealResultActivitySlider .slider-dot, #fitmealResultActivityLabels .slider-label').forEach(el => {\r\n                    el.addEventListener('click', e => this.handleActivity(e, 'result'));\r\n                });\r\n\r\n                document.getElementById('fitmealResultClearBtn').addEventListener('click', () => this.clear('result'));\r\n                document.getElementById('fitmealRecalculateBtn').addEventListener('click', () => this.recalculateOnPage());\r\n            },\r\n\r\n            handleToggle(e, group, view) {\r\n                group.querySelectorAll('.toggle-btn').forEach(b => b.classList.remove('active'));\r\n                e.target.classList.add('active');\r\n                \r\n                const val = e.target.dataset.value;\r\n                const groupId = group.id;\r\n                \r\n                if (groupId === 'fitmealSexToggle' || groupId === 'fitmealResultSexToggle') this.state.sex = val;\r\n                if (groupId === 'fitmealGoalToggle' || groupId === 'fitmealResultGoalToggle') this.state.goal = val;\r\n                if (groupId === 'fitmealDietToggle' || groupId === 'fitmealResultDietToggle') this.state.dietType = val;\r\n\r\n                this.syncViews(view);\r\n            },\r\n\r\n            handleActivity(e, view) {\r\n                const level = parseInt(e.target.dataset.level);\r\n                this.state.activityLevel = level;\r\n\r\n                const sliderId = view === 'input' ? 'fitmealActivitySlider' : 'fitmealResultActivitySlider';\r\n                const labelsId = view === 'input' ? 'fitmealActivityLabels' : 'fitmealResultActivityLabels';\r\n                const progressId = view === 'input' ? 'fitmealSliderProgress' : 'fitmealResultSliderProgress';\r\n\r\n                document.querySelectorAll('#' + sliderId + ' .slider-dot').forEach((d, i) => {\r\n                    d.classList.toggle('active', i <= level);\r\n                });\r\n                document.querySelectorAll('#' + labelsId + ' .slider-label').forEach((l, i) => {\r\n                    l.classList.toggle('active', i === level);\r\n                });\r\n                \/\/ Updated for 3 levels: 0%, 50%, 100%\r\n                document.getElementById(progressId).style.width = ((level \/ 2) * 100) + '%';\r\n\r\n                this.syncViews(view);\r\n            },\r\n\r\n            syncViews(sourceView) {\r\n                if (sourceView === 'result') {\r\n                    document.querySelectorAll('#fitmealSexToggle .toggle-btn').forEach(b => {\r\n                        b.classList.toggle('active', b.dataset.value === this.state.sex);\r\n                    });\r\n                    document.querySelectorAll('#fitmealGoalToggle .toggle-btn').forEach(b => {\r\n                        b.classList.toggle('active', b.dataset.value === this.state.goal);\r\n                    });\r\n                    document.querySelectorAll('#fitmealDietToggle .toggle-btn').forEach(b => {\r\n                        b.classList.toggle('active', b.dataset.value === this.state.dietType);\r\n                    });\r\n                    const level = this.state.activityLevel;\r\n                    document.querySelectorAll('#fitmealActivitySlider .slider-dot').forEach((d, i) => {\r\n                        d.classList.toggle('active', i <= level);\r\n                    });\r\n                    document.querySelectorAll('#fitmealActivityLabels .slider-label').forEach((l, i) => {\r\n                        l.classList.toggle('active', i === level);\r\n                    });\r\n                    document.getElementById('fitmealSliderProgress').style.width = ((level \/ 2) * 100) + '%';\r\n                }\r\n                \r\n                if (sourceView === 'input') {\r\n                    document.querySelectorAll('#fitmealResultSexToggle .toggle-btn').forEach(b => {\r\n                        b.classList.toggle('active', b.dataset.value === this.state.sex);\r\n                    });\r\n                    document.querySelectorAll('#fitmealResultGoalToggle .toggle-btn').forEach(b => {\r\n                        b.classList.toggle('active', b.dataset.value === this.state.goal);\r\n                    });\r\n                    document.querySelectorAll('#fitmealResultDietToggle .toggle-btn').forEach(b => {\r\n                        b.classList.toggle('active', b.dataset.value === this.state.dietType);\r\n                    });\r\n                    const level = this.state.activityLevel;\r\n                    document.querySelectorAll('#fitmealResultActivitySlider .slider-dot').forEach((d, i) => {\r\n                        d.classList.toggle('active', i <= level);\r\n                    });\r\n                    document.querySelectorAll('#fitmealResultActivityLabels .slider-label').forEach((l, i) => {\r\n                        l.classList.toggle('active', i === level);\r\n                    });\r\n                    document.getElementById('fitmealResultSliderProgress').style.width = ((level \/ 2) * 100) + '%';\r\n                }\r\n            },\r\n\r\n            validate(view) {\r\n                const ageId = view === 'input' ? 'fitmealAge' : 'fitmealResultAge';\r\n                const weightId = view === 'input' ? 'fitmealWeight' : 'fitmealResultWeight';\r\n                const heightId = view === 'input' ? 'fitmealHeight' : 'fitmealResultHeight';\r\n                \r\n                const age = document.getElementById(ageId);\r\n                const weight = document.getElementById(weightId);\r\n                const height = document.getElementById(heightId);\r\n                let valid = true;\r\n\r\n                [age, weight, height].forEach(inp => {\r\n                    inp.classList.remove('input-error');\r\n                    if (!inp.value || parseFloat(inp.value) <= 0) {\r\n                        inp.classList.add('input-error');\r\n                        valid = false;\r\n                    }\r\n                });\r\n\r\n                if (!valid) {\r\n                    const panel = view === 'input' ? '.fitmeal-calculator .form-panel' : '.fitmeal-calculator .results-left';\r\n                    document.querySelector(panel).classList.add('shake');\r\n                    setTimeout(() => document.querySelector(panel).classList.remove('shake'), 400);\r\n                }\r\n                return valid;\r\n            },\r\n\r\n            showResults() {\r\n                if (!this.validate('input')) return;\r\n\r\n                this.state.age = parseFloat(document.getElementById('fitmealAge').value);\r\n                this.state.weight = parseFloat(document.getElementById('fitmealWeight').value);\r\n                this.state.height = parseFloat(document.getElementById('fitmealHeight').value);\r\n\r\n                const cals = this.calculate();\r\n                this.state.totalCalories = cals;\r\n\r\n                document.getElementById('fitmealResultAge').value = this.state.age;\r\n                document.getElementById('fitmealResultWeight').value = this.state.weight;\r\n                document.getElementById('fitmealResultHeight').value = this.state.height;\r\n\r\n                this.syncViews('input');\r\n                this.updateRecommendation();\r\n\r\n                document.getElementById('fitmealInputView').style.display = 'none';\r\n                document.getElementById('fitmealResultsView').classList.add('show');\r\n            },\r\n\r\n            recalculateOnPage() {\r\n                if (!this.validate('result')) return;\r\n\r\n                this.state.age = parseFloat(document.getElementById('fitmealResultAge').value);\r\n                this.state.weight = parseFloat(document.getElementById('fitmealResultWeight').value);\r\n                this.state.height = parseFloat(document.getElementById('fitmealResultHeight').value);\r\n\r\n                document.getElementById('fitmealAge').value = this.state.age;\r\n                document.getElementById('fitmealWeight').value = this.state.weight;\r\n                document.getElementById('fitmealHeight').value = this.state.height;\r\n\r\n                const cals = this.calculate();\r\n                this.state.totalCalories = cals;\r\n\r\n                const recommendationEl = document.getElementById('fitmealRecommendationText');\r\n                recommendationEl.classList.remove('recommendation-updated');\r\n                void recommendationEl.offsetWidth;\r\n                recommendationEl.classList.add('recommendation-updated');\r\n\r\n                this.syncViews('result');\r\n                this.updateRecommendation();\r\n            },\r\n\r\n            clear(view) {\r\n                const ageId = view === 'input' ? 'fitmealAge' : 'fitmealResultAge';\r\n                const weightId = view === 'input' ? 'fitmealWeight' : 'fitmealResultWeight';\r\n                const heightId = view === 'input' ? 'fitmealHeight' : 'fitmealResultHeight';\r\n\r\n                document.getElementById(ageId).value = '';\r\n                document.getElementById(weightId).value = '';\r\n                document.getElementById(heightId).value = '';\r\n\r\n                const otherAgeId = view === 'input' ? 'fitmealResultAge' : 'fitmealAge';\r\n                const otherWeightId = view === 'input' ? 'fitmealResultWeight' : 'fitmealWeight';\r\n                const otherHeightId = view === 'input' ? 'fitmealResultHeight' : 'fitmealHeight';\r\n\r\n                document.getElementById(otherAgeId).value = '';\r\n                document.getElementById(otherWeightId).value = '';\r\n                document.getElementById(otherHeightId).value = '';\r\n\r\n                this.state = {\r\n                    sex: 'male', \r\n                    age: null, \r\n                    weight: null, \r\n                    height: null,\r\n                    activityLevel: 0, \r\n                    goal: 'maintain', \r\n                    dietType: 'standard',\r\n                    totalCalories: 0,\r\n                    recommendedMealPlan: 0\r\n                };\r\n\r\n                ['fitmealSexToggle', 'fitmealResultSexToggle'].forEach(id => {\r\n                    document.querySelectorAll('#' + id + ' .toggle-btn').forEach(b => {\r\n                        b.classList.toggle('active', b.dataset.value === 'male');\r\n                    });\r\n                });\r\n                ['fitmealGoalToggle', 'fitmealResultGoalToggle'].forEach(id => {\r\n                    document.querySelectorAll('#' + id + ' .toggle-btn').forEach(b => {\r\n                        b.classList.toggle('active', b.dataset.value === 'maintain');\r\n                    });\r\n                });\r\n                ['fitmealDietToggle', 'fitmealResultDietToggle'].forEach(id => {\r\n                    document.querySelectorAll('#' + id + ' .toggle-btn').forEach(b => {\r\n                        b.classList.toggle('active', b.dataset.value === 'standard');\r\n                    });\r\n                });\r\n\r\n                this.handleActivity({ target: { dataset: { level: 0 } } }, 'input');\r\n                this.handleActivity({ target: { dataset: { level: 0 } } }, 'result');\r\n\r\n                document.querySelectorAll('.fitmeal-calculator .input-error').forEach(el => el.classList.remove('input-error'));\r\n            }\r\n        };\r\n\r\n        if (document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', () => FitmealCalculator.init());\r\n        } else {\r\n            FitmealCalculator.init();\r\n        }\r\n    })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d4\u10d1\u10d8\u10e1 \u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8 \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d4\u10d1\u10d8\u10e1\u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8 \u10e8\u10d4\u10d8\u10e7\u10d5\u10d0\u10dc\u10d4\u10d7 \u10d7\u10e5\u10d5\u10d4\u10dc\u10d8 \u10db\u10dd\u10dc\u10d0\u10ea\u10d4\u10db\u10d4\u10d1\u10d8 \u10d3\u10d0 \u10d2\u10d0\u10d8\u10d2\u10d4\u10d7, \u10e4\u10d8\u10e2\u10db\u10d8\u10da\u10d8\u10e1 \u10e0\u10dd\u10db\u10d4\u10da\u10d8 \u10d9\u10d5\u10d4\u10d1\u10d8\u10e1 \u10e0\u10d0\u10ea\u10d8\u10dd\u10dc\u10d8 \u10d0\u10e0\u10d8\u10e1 \u10d7\u10e5\u10d5\u10d4\u10dc\u10d7\u10d5\u10d8\u10e1 \u10dd\u10de\u10e2\u10d8\u10db\u10d0\u10da\u10e3\u10e0\u10d8. \u10de\u10d0\u10e0\u10d0\u10db\u10d4\u10e2\u10e0\u10d4\u10d1\u10d8 \u10d9\u10d0\u10ea\u10d8 \u10e5\u10d0\u10da\u10d8 \u10d9\u10d2 \u10e1\u10db<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30189","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fitmeal.ge\/en\/wp-json\/wp\/v2\/pages\/30189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fitmeal.ge\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fitmeal.ge\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fitmeal.ge\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fitmeal.ge\/en\/wp-json\/wp\/v2\/comments?post=30189"}],"version-history":[{"count":72,"href":"https:\/\/fitmeal.ge\/en\/wp-json\/wp\/v2\/pages\/30189\/revisions"}],"predecessor-version":[{"id":30655,"href":"https:\/\/fitmeal.ge\/en\/wp-json\/wp\/v2\/pages\/30189\/revisions\/30655"}],"wp:attachment":[{"href":"https:\/\/fitmeal.ge\/en\/wp-json\/wp\/v2\/media?parent=30189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}