{"id":25,"date":"2026-04-17T14:29:16","date_gmt":"2026-04-17T10:29:16","guid":{"rendered":"https:\/\/emeals.ge\/?page_id=25"},"modified":"2026-04-23T17:11:53","modified_gmt":"2026-04-23T13:11:53","slug":"calculator","status":"publish","type":"page","link":"https:\/\/emeals.ge\/ru\/calculator\/","title":{"rendered":"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e29ba0f e-con-full e-flex e-con e-parent\" data-id=\"e29ba0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56b5f66 elementor-widget elementor-widget-html\" data-id=\"56b5f66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ef-hero-box\" id=\"ef-hero-box\">\n  <div class=\"ef-hero-bg-grid\"><\/div>\n  <div class=\"ef-hero-noise\"><\/div>\n\n  <div class=\"ef-hero-content\">\n    <nav class=\"ef-hero-bread ef-hero-magnetic\" aria-label=\"Breadcrumb\">\n      <a href=\"\/\" class=\"ef-bread-link\">\u10db\u10d7\u10d0\u10d5\u10d0\u10e0\u10d8<\/a>\n      <div class=\"ef-bread-dot\"><\/div>\n      <span class=\"ef-bread-current\">\u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8<\/span>\n    <\/nav>\n\n    <div class=\"ef-hero-title-wrapper\">\n      <h1 class=\"ef-hero-outline\">\u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8<\/h1>\n      <span class=\"ef-hero-solid\" aria-hidden=\"true\">\u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --efh-bg: #F8F1E8;\n    --efh-dark: #146140;\n    --efh-accent: #FF6701;\n    --efh-grid: rgba(20, 97, 64, 0.08);\n    --efh-x: 50%;\n    --efh-y: 50%;\n  }\n\n  .ef-hero-box * {\n    font-family: 'ElementFitness ABZ Grozen', sans-serif !important;\n    box-sizing: border-box; margin: 0; padding: 0;\n  }\n\n  .ef-hero-box {\n    position: relative;\n    width: 100%;\n    height: 260px;\n    background-color: var(--efh-bg);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    z-index: 1;\n    padding-bottom: 30px;\n  }\n\n  .ef-hero-bg-grid {\n    position: absolute; inset: 0; z-index: 0; pointer-events: none;\n    background-size: 40px 40px;\n    background-image: \n      linear-gradient(to right, var(--efh-grid) 1px, transparent 1px),\n      linear-gradient(to bottom, var(--efh-grid) 1px, transparent 1px);\n    mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n    -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n  }\n\n  .ef-hero-noise {\n    position: absolute; inset: 0; z-index: 1; pointer-events: none;\n    background: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'\/%3E%3C\/svg%3E\");\n    mix-blend-mode: multiply; opacity: 0.6;\n  }\n\n  .ef-hero-content {\n    position: relative; z-index: 5;\n    display: flex; flex-direction: column; align-items: center; gap: 15px;\n    width: 100%;\n  }\n\n  .ef-hero-bread {\n    margin-top: 35px;\n    display: inline-flex; align-items: center; gap: 8px;\n    padding: 6px 16px 4px 16px; \n    border-radius: 30px; \n    background: rgba(255, 255, 255, 0.5);\n    border: 1px solid rgba(255, 255, 255, 0.8); \n    backdrop-filter: blur(10px);\n    box-shadow: 0 5px 15px rgba(20, 97, 64, 0.05);\n    will-change: transform;\n    opacity: 0; transform: translateY(15px);\n    animation: efhFadeUp 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n  }\n\n  .ef-bread-link, .ef-bread-current {\n    font-size: 0.45rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em;\n  }\n  \n  .ef-bread-link { color: var(--efh-dark); text-decoration: none; transition: color 0.3s; }\n  .ef-bread-link:hover { color: var(--efh-accent); }\n\n  .ef-bread-dot {\n    width: 4px; height: 4px; border-radius: 50%; \n    background-color: var(--efh-accent);\n    margin-top: -2px;\n  }\n  .ef-bread-current { color: var(--efh-accent); }\n\n  .ef-hero-title-wrapper {\n    position: relative; padding: 0 20px; cursor: default;\n    opacity: 0; transform: translateY(20px);\n    animation: efhFadeUp 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards 0.1s;\n    display: inline-block;\n  }\n\n  .ef-hero-outline, .ef-hero-solid {\n    display: block;\n    font-size: clamp(1.5rem, 5vw, 4rem); \n    line-height: 1; font-weight: 900;\n    text-transform: uppercase; \n    margin: 0; text-align: center; pointer-events: none;\n  }\n\n  .ef-hero-outline {\n    color: transparent; -webkit-text-stroke: 1.5px var(--efh-dark); opacity: 0.2; \n  }\n\n  .ef-hero-solid {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n    color: var(--efh-accent);\n    -webkit-mask-image: radial-gradient(120px circle at var(--efh-x) var(--efh-y), black 10%, transparent 80%);\n    mask-image: radial-gradient(120px circle at var(--efh-x) var(--efh-y), black 10%, transparent 80%);\n    will-change: -webkit-mask-image;\n  }\n\n  @keyframes efhFadeUp { to { opacity: 1; transform: translateY(0); } }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const titleWrapper = document.querySelector('.ef-hero-title-wrapper');\n  let tx = -500, ty = -500, cx = -500, cy = -500, rafId1 = null;\n  \n  if (titleWrapper) {\n    document.getElementById('ef-hero-box').addEventListener('mousemove', (e) => {\n      const rect = titleWrapper.getBoundingClientRect();\n      tx = e.clientX - rect.left; ty = e.clientY - rect.top;\n      if (!rafId1) rafId1 = requestAnimationFrame(updateSpot);\n    });\n    \n    setTimeout(() => {\n      if(tx === -500) {\n        const r = titleWrapper.getBoundingClientRect();\n        tx = cx = r.width\/2; ty = cy = r.height\/2;\n        titleWrapper.style.setProperty('--efh-x', `${cx}px`); titleWrapper.style.setProperty('--efh-y', `${cy}px`);\n      }\n    }, 800);\n  }\n\n  function updateSpot() {\n    cx += (tx - cx) * 0.15; cy += (ty - cy) * 0.15;\n    titleWrapper.style.setProperty('--efh-x', `${cx}px`); titleWrapper.style.setProperty('--efh-y', `${cy}px`);\n    rafId1 = (Math.abs(tx - cx) > 0.5) ? requestAnimationFrame(updateSpot) : null;\n  }\n\n  const mb = document.querySelector('.ef-hero-magnetic');\n  if(mb) {\n    mb.addEventListener('mousemove', function(e) {\n      const r = this.getBoundingClientRect();\n      const x = e.clientX - r.left - (r.width\/2), y = e.clientY - r.top - (r.height\/2);\n      this.style.transform = `translate(${x*0.2}px, ${y*0.2}px)`;\n    });\n    mb.addEventListener('mouseleave', function() {\n      this.style.transform = `translate(0px, 0px)`;\n      this.style.transition = `transform 0.5s cubic-bezier(0.25, 1, 0.5, 1)`;\n    });\n    mb.addEventListener('mouseenter', function() { this.style.transition = `none`; });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd1c13e e-flex e-con-boxed e-con e-parent\" data-id=\"bd1c13e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff2d83b elementor-widget elementor-widget-shortcode\" data-id=\"ff2d83b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <style>\n            \/* Dynamic Colors Scoped strictly to the container to avoid global conflicts *\/\n            .vsc-calc-container {\n                --c-green: #146140;\n                --c-green-dark: color-mix(in srgb, var(--c-green) 80%, black);\n                --c-orange: #ff6701;\n                --c-bg: #ffffff;\n                --c-surface: #f4f7f5;\n                --c-border: #e1e8e5;\n                --c-text: #2c3e35;\n                --c-text-mut: #819489;\n                --trans: 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n\n                max-width: 980px; \n                margin: 0 auto;\n                background: var(--c-bg);\n                border-radius: 24px;\n                box-shadow: 0 16px 40px rgba(0,0,0,0.06);\n                display: flex;\n                overflow: hidden;\n                border: 1px solid var(--c-border);\n                color: var(--c-text);\n            }\n\n            .vsc-calc-container, \n            .vsc-calc-container * {\n                font-family: 'ElementFitness ABZ Grozen', system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif !important;\n                text-transform: uppercase;\n                box-sizing: border-box;\n            }\n\n            \/* Added z-index and relative positioning to prevent overlapping layer blocks *\/\n            .vsc-form-wrap { flex: 1.4; padding: 36px 40px; position: relative; z-index: 2; }\n            .vsc-form-title { font-size: 17px; font-weight: 800; color: var(--c-green); margin: 0 0 24px 0; line-height: 1.4; letter-spacing: 0.5px;}\n            \n            .vsc-label { font-size: 11px; font-weight: 700; letter-spacing: 0.5px; color: var(--c-text-mut); margin-bottom: 10px; display: block; }\n\n            \/* Segments *\/\n            .vsc-segment { display: flex; background: var(--c-surface); border-radius: 14px; padding: 6px; margin-bottom: 24px; gap: 6px; }\n            .vsc-seg-btn {\n                flex: 1; background: transparent; border: none; padding: 12px 8px; font-size: 11px; font-weight: 600; color: var(--c-text-mut);\n                border-radius: 10px; cursor: pointer; transition: var(--trans); display: flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap;\n                position: relative;\n            }\n            \/* Pointer events none ensures clicks always register on the button itself *\/\n            .vsc-seg-btn * { pointer-events: none; }\n            .vsc-seg-btn svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.2; fill: none; }\n            .vsc-seg-btn.active { background: #ffffff; color: var(--c-green); font-weight: 700; box-shadow: 0 4px 12px rgba(0,0,0,0.06); }\n\n            \/* Inputs *\/\n            .vsc-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; }\n            .vsc-input-group { position: relative; background: var(--c-surface); border-radius: 12px; border: 2px solid transparent; padding: 8px 12px; transition: var(--trans); }\n            .vsc-input-group:focus-within { border-color: var(--c-orange); background: #fff; box-shadow: 0 4px 12px rgba(255,103,1,0.08); }\n            .vsc-input-group span { display: block; font-size: 9px; font-weight: 600; color: var(--c-text-mut); margin-bottom: 2px; }\n            .vsc-input-group input { width: 100%; background: transparent; border: none; padding: 0; font-size: 16px; font-weight: 700; color: var(--c-green); outline: none; position: relative; z-index: 3;}\n            .vsc-input-group input::placeholder { color: #b5c4bc; font-weight: 500; }\n\n            \/* Activity Slider *\/\n            .vsc-activity-wrap { margin-bottom: 30px; }\n            .vsc-track-container { position: relative; height: 40px; display: flex; align-items: center; margin-top: 10px; }\n            .vsc-track-bg { position: absolute; width: 100%; height: 6px; background: var(--c-surface); border-radius: 3px; z-index: 1; }\n            .vsc-track-fill { position: absolute; left: 0; height: 6px; background: var(--c-orange); border-radius: 3px; z-index: 2; width: 0%; transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\n            .vsc-points { position: relative; z-index: 3; display: flex; justify-content: space-between; width: 100%; }\n            .vsc-point { display: flex; flex-direction: column; align-items: center; cursor: pointer; transform: translateY(12px); width: 33%; }\n            .vsc-point * { pointer-events: none; }\n            .vsc-point-dot { width: 18px; height: 18px; background: #fff; border: 4px solid var(--c-border); border-radius: 50%; transition: var(--trans); margin-bottom: 12px; }\n            .vsc-point.active .vsc-point-dot { border-color: var(--c-orange); box-shadow: 0 0 0 4px rgba(255,103,1,0.15); transform: scale(1.2); }\n            .vsc-point span { font-size: 9px; font-weight: 600; color: var(--c-text-mut); transition: var(--trans); }\n            .vsc-point.active span { color: var(--c-green); font-weight: 700; }\n\n            \/* Action Buttons Row *\/\n            .vsc-action-row { display: flex; gap: 12px; margin-top: 10px; }\n            .vsc-clear-btn { flex: 0.35; background: transparent; border: 2px solid var(--c-border); color: var(--c-text-mut); padding: 14px; border-radius: 12px; font-size: 11px; font-weight: 700; cursor: pointer; transition: var(--trans); }\n            .vsc-clear-btn:hover { background: var(--c-surface); color: var(--c-text); border-color: #d1dbd5; }\n            .vsc-calc-btn { flex: 1; background: var(--c-green); color: #fff; border: none; padding: 14px; border-radius: 12px; font-size: 13px; font-weight: 700; cursor: pointer; transition: var(--trans); }\n            .vsc-calc-btn:hover { background: var(--c-green-dark); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }\n\n            \/* RIGHT: Results - Updated for Cross-fade UX & Pattern *\/\n            .vsc-results-wrap { \n                flex: 1; \n                background: linear-gradient(135deg, var(--c-green), var(--c-green-dark)); \n                padding: 40px 32px; \n                display: flex; \n                flex-direction: column; \n                color: #fff; \n                position: relative; \n                overflow: hidden; \n                z-index: 1;\n            }\n            \n            \/* SVG Background Pattern *\/\n            .vsc-results-wrap::before {\n                content: '';\n                position: absolute;\n                top: 0; left: 0; width: 100%; height: 100%;\n                background-image: url('https:\/\/emeals.ge\/wp-content\/uploads\/2026\/04\/green.svg');\n                background-size: cover;\n                background-position: center;\n                opacity: 0.08; \/* Subtle and high-end overlay *\/\n                z-index: -1;\n                pointer-events: none;\n            }\n            \n            .vsc-res-content { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; min-height: 380px; }\n            \n            .vsc-state-empty, .vsc-state-result { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\n            \n            \/* Initial Empty State *\/\n            .vsc-state-empty { opacity: 1; transform: scale(1); pointer-events: all; }\n            .vsc-state-empty .vsc-res-icon { background: rgba(255,255,255,0.08); }\n            \n            \/* Hidden Result State *\/\n            .vsc-state-result { opacity: 0; transform: scale(0.95); pointer-events: none; visibility: hidden; }\n\n            \/* Active Calculated State *\/\n            .vsc-results-wrap.active .vsc-state-empty { opacity: 0; transform: scale(0.95); pointer-events: none; visibility: hidden; }\n            .vsc-results-wrap.active .vsc-state-result { opacity: 1; transform: scale(1); pointer-events: all; visibility: visible; }\n\n            \/* Result Typographies *\/\n            .vsc-res-icon { width: 48px; height: 48px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }\n            .vsc-res-icon svg { width: 24px; height: 24px; stroke: var(--c-orange); stroke-width: 2.2; fill: none; }\n            .vsc-res-title { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.8); margin: 0 0 6px; letter-spacing: 1px; }\n            .vsc-res-val { font-size: 56px; font-weight: 800; line-height: 1; margin-bottom: 4px; letter-spacing: -1px; }\n            .vsc-res-sub { font-size: 12px; font-weight: 600; color: var(--c-orange); margin-bottom: 28px; display: block; }\n            .vsc-buy-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: var(--c-orange); color: #fff !important; text-decoration: none !important; padding: 16px; border-radius: 12px; font-weight: 700; font-size: 12px; transition: var(--trans); box-shadow: 0 8px 24px rgba(255,103,1,0.3); }\n            .vsc-buy-btn:hover { filter: brightness(0.95); transform: translateY(-3px); box-shadow: 0 12px 30px rgba(255,103,1,0.4); }\n            .vsc-buy-btn svg { width: 18px; height: 18px; transition: transform 0.3s; stroke: currentColor; fill: none; }\n            .vsc-buy-btn:hover svg { transform: translateX(4px); }\n            .vsc-error { color: #e74c3c; font-size: 12px; font-weight: 600; margin-top: -12px; margin-bottom: 16px; display: none; text-align: center; }\n            \n            \/* Disclaimer *\/\n            .vsc-disclaimer { font-size: 10px; color: rgba(255,255,255,0.6); margin-top: 24px; letter-spacing: 0.5px; line-height: 1.5; text-align: center; max-width: 90%;}\n\n            @media (max-width: 768px) {\n                .vsc-calc-container { flex-direction: column; }\n                .vsc-form-wrap { padding: 24px; }\n                .vsc-results-wrap { padding: 40px 24px; }\n                .vsc-res-content { min-height: 320px; }\n                .vsc-action-row { flex-direction: column-reverse; }\n            }\n            @media (max-width: 480px) {\n                .vsc-grid-3 { grid-template-columns: 1fr; gap: 10px; }\n                .vsc-segment { flex-wrap: wrap; }\n                .vsc-seg-btn { flex: 1 1 calc(50% - 10px); }\n            }\n        <\/style>\n\n        <div class=\"vsc-calc-container\" id=\"vscCalc\">\n            \n            <!-- Hidden DOM Element for TranslatePress & Weglot integration -->\n            <div id=\"vsc-url-data\" style=\"display:none;\" aria-hidden=\"true\">\n                                    <a href=\"https:\/\/emeals.ge\/emeals_menu\/1200-kcal-menu\/\" data-cal=\"1200\"><\/a>\n                                    <a href=\"https:\/\/emeals.ge\/emeals_menu\/1400-kcal-menu\/\" data-cal=\"1400\"><\/a>\n                                    <a href=\"https:\/\/emeals.ge\/emeals_menu\/1600-kcal-menu\/\" data-cal=\"1600\"><\/a>\n                                    <a href=\"https:\/\/emeals.ge\/emeals_menu\/1800-kcal-menu\/\" data-cal=\"1800\"><\/a>\n                                    <a href=\"https:\/\/emeals.ge\/emeals_menu\/2000-kcal-menu\/\" data-cal=\"2000\"><\/a>\n                                    <a href=\"https:\/\/emeals.ge\/emeals_menu\/2200-kcal-menu\/\" data-cal=\"2200\"><\/a>\n                            <\/div>\n\n            <div class=\"vsc-form-wrap\">\n                <h2 class=\"vsc-form-title\">\u10e8\u10d4\u10d8\u10e7\u10d5\u10d0\u10dc\u10d4\u10d7 \u10db\u10dd\u10dc\u10d0\u10ea\u10d4\u10db\u10d4\u10d1\u10d8 \u10d3\u10d0 \u10d2\u10d0\u10db\u10dd\u10d7\u10d5\u10d0\u10da\u10d4\u10d7 \u10d7\u10e5\u10d5\u10d4\u10dc\u10d8 \u10d3\u10e6\u10d8\u10e3\u10e0\u10d8 \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d0<\/h2>\n                \n                <span class=\"vsc-label\">\u10e1\u10e5\u10d4\u10e1\u10d8<\/span>\n                <div class=\"vsc-segment\" id=\"vsc-gender\">\n                    <button class=\"vsc-seg-btn active\" data-val=\"male\">\n                        <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"10\" cy=\"14\" r=\"5\"><\/circle>\n                            <line x1=\"13.5\" y1=\"10.5\" x2=\"21\" y2=\"3\"><\/line>\n                            <polyline points=\"16 3 21 3 21 8\"><\/polyline>\n                        <\/svg>\n                        \u10d9\u10d0\u10ea\u10d8\n                    <\/button>\n                    <button class=\"vsc-seg-btn\" data-val=\"female\">\n                        <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"9\" r=\"5\"><\/circle>\n                            <line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"21\"><\/line>\n                            <line x1=\"9\" y1=\"18\" x2=\"15\" y2=\"18\"><\/line>\n                        <\/svg>\n                        \u10e5\u10d0\u10da\u10d8\n                    <\/button>\n                <\/div>\n\n                <div class=\"vsc-grid-3\">\n                    <div class=\"vsc-input-group\">\n                        <span>\u10d0\u10e1\u10d0\u10d9\u10d8<\/span>\n                        <input type=\"number\" inputmode=\"numeric\" pattern=\"[0-9]*\" id=\"vsc-age\" placeholder=\"25\">\n                    <\/div>\n                    <div class=\"vsc-input-group\">\n                        <span>\u10ec\u10dd\u10dc\u10d0 (\u10d9\u10d2)<\/span>\n                        <input type=\"number\" inputmode=\"decimal\" id=\"vsc-weight\" placeholder=\"70\">\n                    <\/div>\n                    <div class=\"vsc-input-group\">\n                        <span>\u10e1\u10d8\u10db\u10d0\u10e6\u10da\u10d4 (\u10e1\u10db)<\/span>\n                        <input type=\"number\" inputmode=\"numeric\" pattern=\"[0-9]*\" id=\"vsc-height\" placeholder=\"175\">\n                    <\/div>\n                <\/div>\n                <div class=\"vsc-error\" id=\"vsc-error\">\u10d2\u10d7\u10ee\u10dd\u10d5\u10d7 \u10e8\u10d4\u10d0\u10d5\u10e1\u10dd\u10d7 \u10e7\u10d5\u10d4\u10da\u10d0 \u10d5\u10d4\u10da\u10d8.<\/div>\n\n                <div class=\"vsc-activity-wrap\">\n                    <span class=\"vsc-label\">\u10d0\u10e5\u10e2\u10d8\u10e3\u10e0\u10dd\u10d1\u10d0<\/span>\n                    <div class=\"vsc-track-container\" id=\"vsc-activity-slider\">\n                        <div class=\"vsc-track-bg\"><\/div>\n                        <div class=\"vsc-track-fill\" id=\"vsc-fill\"><\/div>\n                        <div class=\"vsc-points\">\n                            <div class=\"vsc-point active\" data-val=\"0\" data-pct=\"0\">\n                                <div class=\"vsc-point-dot\"><\/div><span>\u10e3\u10db\u10dd\u10eb\u10e0\u10d0\u10dd<\/span>\n                            <\/div>\n                            <div class=\"vsc-point\" data-val=\"1\" data-pct=\"50\">\n                                <div class=\"vsc-point-dot\"><\/div><span>\u10d6\u10dd\u10db\u10d8\u10d4\u10e0\u10d8<\/span>\n                            <\/div>\n                            <div class=\"vsc-point\" data-val=\"2\" data-pct=\"100\">\n                                <div class=\"vsc-point-dot\"><\/div><span>\u10d0\u10e5\u10e2\u10d8\u10e3\u10e0\u10d8<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <span class=\"vsc-label\">\u10db\u10d8\u10d6\u10d0\u10dc\u10d8<\/span>\n                <div class=\"vsc-segment\" id=\"vsc-goal\">\n                    <button class=\"vsc-seg-btn\" data-val=\"loss\">\n                        <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 18 13.5 8.5 8.5 13.5 1 6\"><\/polyline><polyline points=\"17 18 23 18 23 12\"><\/polyline><\/svg>\n                        \u10d9\u10da\u10d4\u10d1\u10d0\n                    <\/button>\n                    <button class=\"vsc-seg-btn active\" data-val=\"maintain\">\n                        <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle>\n                            <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n                        <\/svg>\n                        \u10e8\u10d4\u10dc\u10d0\u10e0\u10e9\u10e3\u10dc\u10d4\u10d1\u10d0\n                    <\/button>\n                    <button class=\"vsc-seg-btn\" data-val=\"gain\">\n                        <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\n                        \u10db\u10dd\u10db\u10d0\u10e2\u10d4\u10d1\u10d0\n                    <\/button>\n                <\/div>\n\n                <div class=\"vsc-action-row\">\n                    <button type=\"button\" class=\"vsc-clear-btn\" id=\"vsc-clear-trigger\">\u10d2\u10d0\u10e1\u10e3\u10e4\u10d7\u10d0\u10d5\u10d4\u10d1\u10d0<\/button>\n                    <button type=\"button\" class=\"vsc-calc-btn\" id=\"vsc-calc-trigger\">\u10e8\u10d4\u10d3\u10d4\u10d2\u10d8\u10e1 \u10d2\u10d0\u10db\u10dd\u10d7\u10d5\u10da\u10d0<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"vsc-results-wrap\" id=\"vsc-results\">\n                <div class=\"vsc-res-content\">\n                    \n                    <div class=\"vsc-state-empty\">\n                        <div class=\"vsc-res-icon\">\n                            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path>\n                                <rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"><\/rect>\n                                <line x1=\"9\" y1=\"14\" x2=\"15\" y2=\"14\"><\/line>\n                                <line x1=\"9\" y1=\"18\" x2=\"15\" y2=\"18\"><\/line>\n                                <line x1=\"9\" y1=\"10\" x2=\"11\" y2=\"10\"><\/line>\n                            <\/svg>\n                        <\/div>\n                        <h4 class=\"vsc-res-title\" style=\"margin-bottom: 12px;\">\u10db\u10dd\u10dc\u10d0\u10ea\u10d4\u10db\u10d4\u10d1\u10d8\u10e1 \u10db\u10dd\u10da\u10dd\u10d3\u10d8\u10dc\u10e8\u10d8<\/h4>\n                        <span class=\"vsc-res-sub\" style=\"color: rgba(255,255,255,0.6); line-height: 1.6; font-size: 10px; max-width: 80%;\">\u10e8\u10d4\u10d0\u10d5\u10e1\u10d4\u10d7 \u10e4\u10dd\u10e0\u10db\u10d0 \u10db\u10d0\u10e0\u10ea\u10ee\u10dc\u10d8\u10d5, \u10e0\u10d0\u10d7\u10d0 \u10d6\u10e3\u10e1\u10e2\u10d0\u10d3 \u10d2\u10d0\u10db\u10dd\u10d5\u10d7\u10d5\u10d0\u10da\u10dd\u10d7 \u10d7\u10e5\u10d5\u10d4\u10dc\u10d8 \u10d3\u10e6\u10d8\u10e3\u10e0\u10d8 \u10dc\u10dd\u10e0\u10db\u10d0.<\/span>\n                    <\/div>\n\n                    <div class=\"vsc-state-result\">\n                        <div class=\"vsc-res-icon\">\n                            <svg viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n                        <\/div>\n                        <h4 class=\"vsc-res-title\">\u10e0\u10d4\u10d9\u10dd\u10db\u10d4\u10dc\u10d3\u10d0\u10ea\u10d8\u10d0<\/h4>\n                        <div class=\"vsc-res-val\" id=\"vsc-cal-num\">0<\/div>\n                        <span class=\"vsc-res-sub\">\u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d0 \/ \u10d3\u10e6\u10d4\u10e8\u10d8<\/span>\n\n                        <a href=\"#\" class=\"vsc-buy-btn\" id=\"vsc-buy-link\">\n                            <span>\u10d2\u10d4\u10d2\u10db\u10d8\u10e1 \u10e8\u10d4\u10eb\u10d4\u10dc\u10d0<\/span>\n                            <svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                        <\/a>\n\n                        <div class=\"vsc-disclaimer\">\u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8\u10d7 \u10db\u10d8\u10e6\u10d4\u10d1\u10e3\u10da\u10d8 \u10db\u10dd\u10dc\u10d0\u10ea\u10d4\u10db\u10d4\u10d1\u10d8\u10e1 \u10d2\u10d0\u10db\u10dd\u10e7\u10d4\u10dc\u10d4\u10d1\u10d0\u10db\u10d3\u10d4 \u10d2\u10d7\u10ee\u10dd\u10d5\u10d7 \u10db\u10d8\u10db\u10d0\u10e0\u10d7\u10dd\u10d7 \u10d4\u10e5\u10d8\u10db\u10e1.<\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            \/\/ Wrapped in a safe initializer to ensure it fires reliably in any page builder environment\n            const initVascoCalculator = () => {\n                \n                \/\/ Read URLs dynamically from the DOM to capture translation plugins' modifications\n                const productUrls = {};\n                const urlDataNodes = document.querySelectorAll('#vsc-url-data a');\n                if(urlDataNodes.length > 0) {\n                    urlDataNodes.forEach(a => {\n                        productUrls[a.getAttribute('data-cal')] = a.href;\n                    });\n                }\n                \n                const allowedCalories =[1200, 1400, 1600, 1800, 2000, 2200];\n\n                let state = { gender: 'male', goal: 'maintain', activity: 0 }; \n                \n                const getEl = id => document.getElementById(id);\n                const resultsPanel = getEl('vsc-results');\n                const err = getEl('vsc-error');\n                if(!resultsPanel) return;\n\n                \/\/ Toggles Logic\n                const setupSegment = (id, key) => {\n                    const container = getEl(id);\n                    if(!container) return;\n                    const btns = container.querySelectorAll('.vsc-seg-btn');\n                    btns.forEach(btn => {\n                        btn.addEventListener('click', (e) => {\n                            e.preventDefault();\n                            btns.forEach(b => b.classList.remove('active'));\n                            btn.classList.add('active');\n                            state[key] = btn.getAttribute('data-val');\n                            resultsPanel.classList.remove('active');\n                        });\n                    });\n                };\n                \n                setupSegment('vsc-gender', 'gender');\n                setupSegment('vsc-goal', 'goal');\n\n                \/\/ Visual Slider Logic\n                const points = document.querySelectorAll('.vsc-point');\n                const fill = getEl('vsc-fill');\n                points.forEach(pt => {\n                    pt.addEventListener('click', () => {\n                        points.forEach(p => p.classList.remove('active'));\n                        pt.classList.add('active');\n                        fill.style.width = pt.getAttribute('data-pct') + '%';\n                        state.activity = parseInt(pt.getAttribute('data-val'));\n                        resultsPanel.classList.remove('active');\n                    });\n                });\n\n                \/\/ Clear states on input typing\n                const inputs = ['vsc-age', 'vsc-weight', 'vsc-height'];\n                inputs.forEach(id => {\n                    const el = getEl(id);\n                    if(el) el.addEventListener('input', () => { err.style.display = 'none'; resultsPanel.classList.remove('active'); });\n                });\n\n                \/\/ Reset Button Functionality\n                const clearBtn = getEl('vsc-clear-trigger');\n                if(clearBtn) {\n                    clearBtn.addEventListener('click', () => {\n                        inputs.forEach(id => getEl(id).value = '');\n                        resultsPanel.classList.remove('active');\n                        err.style.display = 'none';\n                        \n                        \/\/ Reset Toggles visually and in state\n                        state = { gender: 'male', goal: 'maintain', activity: 0 };\n                        document.querySelectorAll('.vsc-seg-btn').forEach(b => b.classList.remove('active'));\n                        document.querySelector('#vsc-gender .vsc-seg-btn[data-val=\"male\"]').classList.add('active');\n                        document.querySelector('#vsc-goal .vsc-seg-btn[data-val=\"maintain\"]').classList.add('active');\n                        \n                        \/\/ Reset Slider\n                        points.forEach(p => p.classList.remove('active'));\n                        points[0].classList.add('active');\n                        fill.style.width = '0%';\n                    });\n                }\n\n                \/\/ Animation Engine\n                const animateValue = (obj, start, end, duration) => {\n                    let startTimestamp = null;\n                    const step = (timestamp) => {\n                        if (!startTimestamp) startTimestamp = timestamp;\n                        const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n                        const easeOut = 1 - Math.pow(1 - progress, 5); \n                        obj.innerHTML = Math.floor(easeOut * (end - start) + start);\n                        if (progress < 1) window.requestAnimationFrame(step);\n                        else obj.innerHTML = end;\n                    };\n                    window.requestAnimationFrame(step);\n                };\n\n             \/\/ Calculation Logic\n                const calcBtn = getEl('vsc-calc-trigger');\n                if(calcBtn) {\n                    calcBtn.addEventListener('click', (e) => {\n                        e.preventDefault();\n                        \n                        let age = parseFloat(getEl('vsc-age').value);\n                        let weight = parseFloat(getEl('vsc-weight').value);\n                        let height = parseFloat(getEl('vsc-height').value);\n\n                        if(!age || !weight || !height) {\n                            err.style.display = 'block';\n                            return;\n                        }\n\n                        \/\/ Equation - Mifflin-St Jeor (\u10d7\u10d0\u10dc\u10d0\u10db\u10d4\u10d3\u10e0\u10dd\u10d5\u10d4 \u10e1\u10e2\u10d0\u10dc\u10d3\u10d0\u10e0\u10e2\u10d8)\n                        let bmr = (10 * weight) + (6.25 * height) - (5 * age) + (state.gender === 'male' ? 5 : -161);\n                        \n                        \/\/ \u10d0\u10e5\u10e2\u10d8\u10d5\u10dd\u10d1\u10d8\u10e1 \u10d9\u10dd\u10d4\u10e4\u10d8\u10ea\u10d8\u10d4\u10dc\u10e2\u10d4\u10d1\u10d8 (\u10d2\u10d0\u10e1\u10ec\u10dd\u10e0\u10d4\u10d1\u10e3\u10da\u10d8\u10d0 \u10e3\u10e4\u10e0\u10dd \u10d6\u10e3\u10e1\u10e2\u10d8 \u10e1\u10e2\u10d0\u10dc\u10d3\u10d0\u10e0\u10e2\u10d4\u10d1\u10d8\u10e1 \u10db\u10d8\u10ee\u10d4\u10d3\u10d5\u10d8\u10d7)\n                        \/\/ 0: \u10e3\u10db\u10dd\u10eb\u10e0\u10d0\u10dd (1.2) | 1: \u10d6\u10dd\u10db\u10d8\u10d4\u10e0\u10d8 (1.375) | 2: \u10d0\u10e5\u10e2\u10d8\u10e3\u10e0\u10d8 (1.55)\n                        let mult = state.activity === 0 ? 1.2 : (state.activity === 1 ? 1.375 : 1.55);\n                        let tdee = bmr * mult;\n\n                        \/\/ \u10db\u10d8\u10d6\u10dc\u10d8\u10e1 \u10db\u10d8\u10ee\u10d4\u10d3\u10d5\u10d8\u10d7 \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d4\u10d1\u10d8\u10e1 \u10d9\u10dd\u10e0\u10d4\u10e5\u10e2\u10d8\u10e0\u10d4\u10d1\u10d0\n                        if(state.goal === 'loss') tdee -= 500;   \/\/ \u10d9\u10da\u10d4\u10d1\u10d8\u10e1\u10d7\u10d5\u10d8\u10e1 -500 \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d0 (\u10e1\u10e2\u10d0\u10dc\u10d3\u10d0\u10e0\u10e2\u10e3\u10da\u10d8 \u10d3\u10d4\u10e4\u10d8\u10ea\u10d8\u10e2\u10d8)\n                        if(state.goal === 'gain') tdee += 250;   \/\/ \u10db\u10d0\u10e2\u10d4\u10d1\u10d8\u10e1\u10d7\u10d5\u10d8\u10e1 +250 \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d0 (\u10ef\u10d0\u10dc\u10e1\u10d0\u10e6\u10d8 \u10db\u10d0\u10e2\u10d4\u10d1\u10d8\u10e1 \u10de\u10e0\u10dd\u10e4\u10d8\u10ea\u10d8\u10e2\u10d8)\n\n                        \/\/ 1. \u10d6\u10e3\u10e1\u10e2\u10d8 \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d8\u10e1 \u10d3\u10d0\u10db\u10e0\u10d2\u10d5\u10d0\u10da\u10d4\u10d1\u10d0 \u10db\u10d7\u10d4\u10da \u10e0\u10d8\u10ea\u10ee\u10d5\u10d0\u10db\u10d3\u10d4 \u10d4\u10d9\u10e0\u10d0\u10dc\u10d6\u10d4 \u10d2\u10d0\u10db\u10dd\u10e1\u10d0\u10e2\u10d0\u10dc\u10d0\u10d3\n                        let exactCal = Math.round(tdee);\n\n                        \/\/ 2. \u10d5\u10de\u10dd\u10e3\u10da\u10dd\u10d1\u10d7 \u10e7\u10d5\u10d4\u10da\u10d0\u10d6\u10d4 \u10d0\u10ee\u10da\u10dd \u10d9\u10d0\u10e2\u10d4\u10d2\u10dd\u10e0\u10d8\u10d0\u10e1 (URL-\u10e1\u10d7\u10d5\u10d8\u10e1)\n                        let closestTier = allowedCalories.reduce((prev, curr) => {\n                            return (Math.abs(curr - exactCal) < Math.abs(prev - exactCal) ? curr : prev);\n                        });\n\n                        \/\/ Dynamic URL Selection based on matched Tier\n                        let targetUrl = productUrls[closestTier] || '#';\n                        \n                        getEl('vsc-buy-link').href = targetUrl;\n\n                        \/\/ Execute visual changes\n                        resultsPanel.classList.add('active');\n                        \/\/ \u10d4\u10d9\u10e0\u10d0\u10dc\u10d6\u10d4 \u10d2\u10d0\u10db\u10dd\u10d3\u10d8\u10e1 \u10d6\u10e3\u10e1\u10e2\u10d8 \u10d9\u10d0\u10da\u10dd\u10e0\u10d8\u10d0 (exactCal)\n                        animateValue(getEl('vsc-cal-num'), Math.max(0, exactCal - 600), exactCal, 1000);\n\n                        if(window.innerWidth <= 768) {\n                            setTimeout(() => resultsPanel.scrollIntoView({ behavior: 'smooth', block: 'end' }), 100);\n                        }\n                    });\n                }\n            };\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initVascoCalculator);\n            } else {\n                initVascoCalculator();\n            }\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u10db\u10d7\u10d0\u10d5\u10d0\u10e0\u10d8 \u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8 \u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8 \u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8<\/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-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"wp:attachment":[{"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}