{"id":22,"date":"2026-04-17T14:28:48","date_gmt":"2026-04-17T10:28:48","guid":{"rendered":"https:\/\/emeals.ge\/?page_id=22"},"modified":"2026-05-07T21:55:42","modified_gmt":"2026-05-07T17:55:42","slug":"home","status":"publish","type":"page","link":"https:\/\/emeals.ge\/ru\/","title":{"rendered":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8be70ef e-flex e-con-boxed e-con e-parent\" data-id=\"8be70ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe69353 elementor-widget elementor-widget-heading\" data-id=\"fe69353\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Meals That<br>Empower You<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-942814e e-con-full e-flex e-con e-child\" data-id=\"942814e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29c5ddb elementor-widget elementor-widget-button\" data-id=\"29c5ddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/emeals.ge\/ru\/menu\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043c\u0435\u043d\u044e<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cda33ca elementor-widget elementor-widget-button\" data-id=\"cda33ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/emeals.ge\/ru\/calculator\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe0b4de e-flex e-con-boxed e-con e-parent\" data-id=\"fe0b4de\" 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-0bf9419 elementor-widget elementor-widget-html\" data-id=\"0bf9419\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hp-about-section\">\n  <div class=\"hp-about-container\">\n    \n    <!-- Bento Grid Core -->\n    <div class=\"hp-bento-grid\">\n        \n      <!-- 1. Intro & CTA Box (Large) -->\n      <div class=\"hp-bento-card hp-intro-card\">\n        <h2>\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 <span>Element Meals?<\/span><\/h2>\n        <p>Element Meals \u0441\u043e\u0437\u0434\u0430\u043d, \u0447\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u0430\u0448\u0435 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0435 \u043f\u0438\u0442\u0430\u043d\u0438\u0435 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u043c, \u0443\u0434\u043e\u0431\u043d\u044b\u043c \u0438 \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043d\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.<\/p>\n        <p>\u041c\u044b \u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0438 \u0441\u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043f\u0438\u0442\u0430\u043d\u0438\u0435, \u043f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0435 \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u0432\u0430\u0448\u0438\u0445 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0435\u043d\u0438\u0439, \u043f\u0440\u044f\u043c\u043e \u043a \u0432\u0430\u0448\u0435\u0439 \u0434\u0432\u0435\u0440\u0438<\/p>\n        \n        <!-- Button to \/about -->\n        <a href=\"\/ru\/about\/\" class=\"hp-btn-about\">\n          <span>\u041e \u043d\u0430\u0441<\/span>\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n      <!-- CAROUSEL WRAPPER FOR MOBILE -->\n      <div class=\"hp-carousel-wrapper\">\n\n        <div class=\"hp-bento-card hp-visual-card\">\n          <img decoding=\"async\" src=\"https:\/\/emeals.ge\/wp-content\/uploads\/2026\/05\/4.jpg\" alt=\"Element Meals varied menu\">\n          \n          <div class=\"hp-badges-overlay\">\n              <!-- Beautiful Hint with Overflow Protection -->\n              <div class=\"hp-badges-hint\">\n                  <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                      <path d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                  <span class=\"hp-hint-text\">\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043c\u0435\u043d\u044e<\/span>\n              <\/div>\n              \n              <div class=\"hp-badges-grid\">\n                  <a href=\"https:\/\/emeals.ge\/ru\/emeals_menu\/1200-kcal-menu\/\" class=\"hp-cal-badge\">1200 <span class=\"sma\">\u043a\u043a\u0430\u043b.<\/span><\/a>\n                  <a href=\"https:\/\/emeals.ge\/ru\/emeals_menu\/1400-kcal-menu\/\" class=\"hp-cal-badge\">1400 <span class=\"sma\">\u043a\u043a\u0430\u043b.<\/span><\/a>\n                  <a href=\"https:\/\/emeals.ge\/ru\/emeals_menu\/1600-kcal-menu\/\" class=\"hp-cal-badge\">1600 <span class=\"sma\">\u043a\u043a\u0430\u043b.<\/span><\/a>\n                  <a href=\"https:\/\/emeals.ge\/ru\/emeals_menu\/1800-kcal-menu\/\" class=\"hp-cal-badge\">1800 <span class=\"sma\">\u043a\u043a\u0430\u043b.<\/span><\/a>\n                  <a href=\"https:\/\/emeals.ge\/ru\/emeals_menu\/2000-kcal-menu\/\" class=\"hp-cal-badge\">2000 <span class=\"sma\">\u043a\u043a\u0430\u043b.<\/span><\/a>\n                  <a href=\"https:\/\/emeals.ge\/ru\/emeals_menu\/2200-kcal-menu\/\" class=\"hp-cal-badge\">2200 <span class=\"sma\">\u043a\u043a\u0430\u043b.<\/span><\/a>\n              <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- 3. Programs Box -->\n        <div class=\"hp-bento-card hp-programs-card\">\n          <div class=\"hp-icon-wrapper\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 7V3M16 7V3M7 11H17M5 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n          <p>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0434\u043b\u044f \u0432\u0430\u0441 \u0440\u0438\u0442\u043c: \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b: <strong>1-\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u044b\u0435<\/strong>, <strong>2-\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u044b\u0435<\/strong> \u0438 <strong>\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0435<\/strong> \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b.<\/p>\n        <\/div>\n\n        <!-- 4. Nutrition Box -->\n        <div class=\"hp-bento-card hp-nutrition-card\">\n          <div class=\"hp-macro-dots\">\n              <div class=\"hp-dot hp-dot-1\"><\/div>\n              <div class=\"hp-dot hp-dot-2\"><\/div>\n              <div class=\"hp-dot hp-dot-3\"><\/div>\n          <\/div>\n          <p>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043e \u043f\u043e\u0434 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0435\u043c \u043d\u0443\u0442\u0440\u0438\u0446\u0438\u043e\u043b\u043e\u0433\u043e\u0432. \u041c\u044b \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0435\u043c \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0431\u0430\u043b\u0430\u043d\u0441 \u0431\u0435\u043b\u043a\u043e\u0432, \u0436\u0438\u0440\u043e\u0432 \u0438 \u0443\u0433\u043b\u0435\u0432\u043e\u0434\u043e\u0432 \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432<\/p>\n        <\/div>\n\n      <\/div> <!-- \/Carousel Wrapper -->\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= HOMEPAGE STYLES ================= -->\n<style>\n  :root {\n    \/* EXACT Original Brand Colors *\/\n    --em-dark-green: #146140;\n    --em-orange: #FF6701;\n    --em-yellow: #fdd05b;\n    --em-text: #334155;\n    --em-white: #ffffff;\n    \n    \/* Calm\/Soft versions of the brand colors for backgrounds *\/\n    --em-bg-green: rgba(20, 97, 64, 0.06);   \/* 6% opacity of dark green *\/\n    --em-bg-orange: rgba(255, 103, 1, 0.05); \/* 5% opacity of orange *\/\n  }\n\n  .hp-about-section * {\n    font-family: 'ElementFitness ABZ Grozen', sans-serif !important;\n    box-sizing: border-box;\n    margin: 0; padding: 0;\n  }\n  \n  .sma {\n    font-size: 8px;\n    opacity: 0.8;\n  }\n\n  .hp-about-section {\n    position: relative;\n    width: 100%;\n    padding: 60px 20px;\n    background: transparent; \/* Removed wrapper background completely *\/\n    z-index: 1;\n    overflow-x: hidden;\n  }\n\n  .hp-about-container {\n    position: relative;\n    z-index: 5;\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n\n  \/* --- BENTO GRID LAYOUT --- *\/\n  .hp-bento-grid {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    gap: 24px;\n    grid-auto-rows: minmax(min-content, auto);\n  }\n\n  .hp-carousel-wrapper {\n    display: contents; \n  }\n\n  .hp-bento-card {\n    border-radius: 32px;\n    padding: 40px;\n    position: relative;\n    overflow: hidden;\n    \/* Soft, airy shadows instead of harsh ones *\/\n    box-shadow: 0 12px 35px -10px rgba(20, 97, 64, 0.08);\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  .hp-bento-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 18px 45px -10px rgba(20, 97, 64, 0.12);\n  }\n\n  \/* Card 1: Intro (Left) *\/\n  .hp-intro-card {\n    grid-column: span 7;\n    background-color: var(--em-white);\n    display: flex; flex-direction: column; justify-content: center; align-items: flex-start;\n  }\n  .hp-intro-card h2 {\n    font-size: 28px; font-weight: 900; color: var(--em-dark-green); margin-bottom: 20px; line-height: 1.2;\n  }\n  .hp-intro-card h2 span { color: var(--em-orange); }\n  .hp-intro-card p {\n    font-size: 15px; line-height: 1.7; color: var(--em-text); font-weight: 500; margin-bottom: 16px;\n  }\n  \n  \/* Call To Action Button - Using Dark Green for a calmer anchor *\/\n  .hp-btn-about {\n    display: inline-flex; align-items: center; gap: 10px;\n    background-color: var(--em-dark-green); color: var(--em-white);\n    padding: 16px 32px; border-radius: 40px;\n    text-decoration: none; font-size: 14px; font-weight: 800;\n    margin-top: 15px; text-transform: uppercase;\n    transition: all 0.4s ease;\n  }\n  .hp-btn-about:hover {\n    background-color: var(--em-orange);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(255, 103, 1, 0.25);\n  }\n  .hp-btn-about svg { width: 20px; height: 20px; transition: transform 0.4s ease; }\n  .hp-btn-about:hover svg { transform: translateX(5px); }\n\n  \/* Card 2: Visual (Right) *\/\n  .hp-visual-card {\n    grid-column: span 5;\n    padding: 0;\n    background-color: var(--em-bg-green);\n    display: flex; \n    flex-direction: column; \n    justify-content: flex-end;\n  }\n  \n  \/* Protective gentle gradient so badges read clearly over any image *\/\n  .hp-visual-card::after {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    z-index: 1; pointer-events: none;\n  }\n  \n  .hp-visual-card img {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n    object-fit: cover; transition: transform 0.8s ease; z-index: 0;\n  }\n  .hp-visual-card:hover img { transform: scale(1.04); }\n\n  .hp-badges-overlay {\n    position: relative; \n    z-index: 2; \n    padding: 30px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  \n  \/* Calm Glassmorphism Hint *\/\n  .hp-badges-hint {\n    display: inline-flex; \n    align-items: center; \n    gap: 8px;\n    background: rgba(255, 255, 255, 0.85); \n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    color: var(--em-dark-green);\n    padding: 8px 16px; \n    border-radius: 20px;\n    margin-bottom: 16px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n  }\n  .hp-badges-hint svg { \n    width: 16px; height: 16px; \n    color: var(--em-orange); \n    flex-shrink: 0; \n  }\n  .hp-hint-text {\n    font-size: 12px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n  }\n\n  .hp-badges-grid {\n    display: flex; flex-wrap: wrap; gap: 8px;\n  }\n  \n  \/* Clean & Readable Badges *\/\n  .hp-cal-badge {\n    background: rgba(255, 255, 255, 0.9); \n    backdrop-filter: blur(5px);\n    color: var(--em-dark-green); \n    font-weight: 800; font-size: 13px;\n    padding: 8px 16px; border-radius: 12px;\n    text-decoration: none; \n    box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n    transition: all 0.3s ease;\n  }\n  .hp-cal-badge:hover {\n    background: var(--em-dark-green); \n    color: var(--em-white);\n    transform: translateY(-3px); \n    box-shadow: 0 8px 20px rgba(20, 97, 64, 0.2);\n  }\n\n  \/* Card 3: Programs (Soft Orange Tint instead of heavy solid block) *\/\n  .hp-programs-card {\n    grid-column: span 5;\n    background-color: var(--em-bg-orange); \n    display: flex; flex-direction: column; justify-content: center;\n  }\n  .hp-icon-wrapper {\n    width: 48px; height: 48px; margin-bottom: 20px;\n    background: rgba(255, 103, 1, 0.1); \n    border-radius: 14px;\n    display: flex; align-items: center; justify-content: center;\n    color: var(--em-orange);\n  }\n  .hp-icon-wrapper svg { width: 24px; height: 24px; }\n  .hp-programs-card p { font-size: 16px; line-height: 1.6; font-weight: 500; color: var(--em-text); }\n  .hp-programs-card strong { font-weight: 800; color: var(--em-orange); }\n\n  \/* Card 4: Nutrition (Soft Green Tint instead of heavy solid block) *\/\n  .hp-nutrition-card {\n    grid-column: span 7;\n    background-color: var(--em-bg-green); \n    display: flex; flex-direction: column; justify-content: center;\n  }\n  .hp-macro-dots { display: flex; gap: 8px; margin-bottom: 24px; }\n  .hp-dot { width: 12px; height: 12px; border-radius: 50%; }\n  .hp-dot-1 { background-color: var(--em-dark-green); }\n  .hp-dot-2 { background-color: var(--em-orange); }\n  .hp-dot-3 { background-color: var(--em-yellow); }\n  \n  .hp-nutrition-card p { font-size: 16px; line-height: 1.7; font-weight: 500; color: var(--em-text); }\n\n  \/* --- RESPONSIVENESS & MOBILE CAROUSEL --- *\/\n  @media (max-width: 1024px) {\n    .hp-intro-card, .hp-nutrition-card { grid-column: span 12; }\n    .hp-visual-card, .hp-programs-card { grid-column: span 12; min-height: 300px; }\n  }\n\n  @media (max-width: 768px) {\n    .hp-about-section { padding: 40px 15px; }\n    \n    .hp-bento-grid { display: flex; flex-direction: column; gap: 16px; }\n    \n    .hp-bento-card { padding: 25px 20px; border-radius: 24px; }\n    \n    \/* User Requested Exact Mobile Overrides *\/\n    .hp-intro-card h2 { font-size: 18px; }\n    .hp-intro-card p { font-size: 13px; line-height: 1.2; }\n    .hp-btn-about { font-size: 11px; padding: 12px 15px; width: 100%; justify-content: center; }\n    \n    .hp-visual-card { padding: 0 !important; }\n    \n    \/* Carousel Logic *\/\n    .hp-carousel-wrapper {\n      display: flex;\n      flex-direction: row;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      scroll-padding-left: 15px;\n      gap: 16px;\n      margin-left: -15px; \n      margin-right: -15px;\n      padding-left: 15px;\n      padding-right: 15px;\n      padding-bottom: 20px; \n      align-items: stretch; \n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none; \n    }\n    .hp-carousel-wrapper::-webkit-scrollbar { display: none; }\n    \n    .hp-carousel-wrapper .hp-bento-card {\n      flex: 0 0 85%; \n      scroll-snap-align: start;\n      margin-bottom: 0;\n      min-height: 280px; \n    }\n\n    .hp-programs-card, .hp-nutrition-card { justify-content: flex-start; }\n\n    \/* VISUAL CARD MOBILE TWEAKS *\/\n    .hp-badges-overlay { padding: 15px; }\n    .hp-badges-hint { padding: 6px 12px; margin-bottom: 12px; gap: 6px; }\n    .hp-badges-hint svg { width: 14px; height: 14px; }\n    .hp-hint-text { font-size: clamp(9px, 3.2vw, 11px); }\n\n    .hp-cal-badge { font-size: 12px; padding: 8px 12px; }\n    \n    .hp-programs-card p, .hp-nutrition-card p { font-size: 14px; line-height: 1.5; }\n    .hp-icon-wrapper { width: 40px; height: 40px; margin-bottom: 16px; }\n    .hp-icon-wrapper svg { width: 20px; height: 20px; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbaff9e e-flex e-con-boxed e-con e-parent\" data-id=\"fbaff9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da1093f elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"da1093f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 Element Meals?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e77f3a4 elementor-widget elementor-widget-html\" data-id=\"e77f3a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Modern Font Stack optimized for Georgian *\/\n\n\/* --- CAROUSEL WRAPPER & ARROWS --- *\/\n.carousel-container {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    position: relative;\n    box-sizing: border-box;\n}\n\n\/* Arrows Hidden on Desktop \/ Tablet *\/\n.carousel-header {\n    display: none; \n}\n\n.premium-cards-section {\n    display: grid;\n    \/* Forces exactly 4 columns on desktop on a single line *\/\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n    width: 100%;\n    padding: 70px 20px 40px; \/* Extra top padding for floating icons *\/\n    user-select: none;\n    box-sizing: border-box;\n}\n\n.premium-cards-section * {\n    box-sizing: border-box;\n}\n\n\/* Card Wrapper - Handles Levitation and exact sizing *\/\n.card-wrapper {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 260px;\n    display: flex;\n    flex-direction: column;\n    \/* Super smooth 3D levitation transition *\/\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.card-wrapper:hover {\n    transform: translateY(-12px);\n}\n\n\/* Floating Top Icon *\/\n.floating-icon {\n    position: absolute;\n    top: -38px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 76px;\n    height: 76px;\n    border-radius: 50%;\n    border: 3px solid #ffffff; \/* Thicker border for premium look *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    background-clip: padding-box;\n    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); \/* Adds 3D pop out of the card *\/\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;\n}\n\n.card-wrapper:hover .floating-icon {\n    transform: translateX(-50%) translateY(-6px) scale(1.08);\n    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);\n}\n\n\/* Card Body *\/\n.card-body {\n    position: relative;\n    flex-grow: 1; \/* Ensures all cards stretch to identical height *\/\n    border-radius: 28px; \/* Slightly softer modern corners *\/\n    padding: 60px 20px 40px;\n    overflow: hidden;\n    display: flex;\n    align-items: start;\n    justify-content: center;\n    text-align: center;\n    \/* Soft base shadow *\/\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n    transition: box-shadow 0.4s ease;\n}\n\n\/* Base Colors matched strictly to Element Meals Brand *\/\n.theme-orange .floating-icon, .theme-orange .card-body { background-color: #ff6a14; }\n.theme-green .floating-icon, .theme-green .card-body { background-color: #1a643d; }\n.theme-yellow .floating-icon, .theme-yellow .card-body { background-color: #fdd05b; }\n.theme-light .floating-icon, .theme-light .card-body { background-color: #F8F1E8; } \/* Brand Light Beige *\/\n\n\/* Glowing Hover Shadows based on card color *\/\n.theme-orange:hover .card-body { box-shadow: 0 20px 40px rgba(255, 106, 20, 0.35); }\n.theme-green:hover .card-body { box-shadow: 0 20px 40px rgba(26, 100, 61, 0.35); }\n.theme-yellow:hover .card-body { box-shadow: 0 20px 40px rgba(253, 208, 91, 0.45); }\n.theme-light:hover .card-body { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); } \/* Subtle shadow for light card *\/\n\n\/* Main Typography *\/\n.card-text {\n    position: relative;\n    z-index: 5;\n    font-size: 12px;\n    line-height: 1.6;\n    font-weight: 800;\n    margin: 0;\n    letter-spacing: 0.2px;\n    overflow-wrap: break-word;\n}\n\n.theme-orange .card-text, \n.theme-green .card-text { color: #ffffff; }\n\/* Dark green text on yellow and light-beige cards for perfect readability and brand matching *\/\n.theme-yellow .card-text,\n.theme-light .card-text { color: #1a643d; } \n\n\/* Giant Background Numbers *\/\n.giant-number {\n    position: absolute;\n    font-family: 'Arial Black', Impact, sans-serif;\n    font-size: 200px;\n    font-weight: 900;\n    line-height: 0.7;\n    z-index: 1;\n    pointer-events: none;\n    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n\/* Precise dynamic positioning for numbers *\/\n.theme-orange .giant-number {\n    bottom: -30px;\n    left: -15px;\n    color: rgba(255, 255, 255, 0.25);\n}\n.theme-green .giant-number {\n    bottom: -30px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: rgba(255, 255, 255, 0.1);\n}\n.theme-yellow .giant-number {\n    bottom: -30px;\n    right: -15px;\n    color: rgba(255, 255, 255, 0.4);\n}\n.theme-light .giant-number {\n    bottom: -30px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: rgba(26, 100, 61, 0.05); \/* Very faint dark-green watermark *\/\n}\n\n\/* Subtle background number shift on hover *\/\n.theme-orange:hover .giant-number { transform: scale(1.04) translate(5px, -5px); }\n.theme-green:hover .giant-number { transform: translateX(-50%) scale(1.04) translateY(-5px); }\n.theme-yellow:hover .giant-number { transform: scale(1.04) translate(-5px, -5px); }\n.theme-light:hover .giant-number { transform: translateX(-50%) scale(1.04) translateY(-5px); }\n\n\/* Bottom Right Chevron Box *\/\n.chevron-box {\n    position: absolute;\n    bottom: 25px;\n    right: 25px;\n    width: 38px;\n    height: 38px;\n    background-color: #ffffff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 5;\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n}\n\n\/* Chevron colors *\/\n.theme-orange .chevron-box svg { stroke: #ff6a14; }\n.theme-green .chevron-box svg { stroke: #1a643d; }\n.theme-yellow .chevron-box svg { stroke: #1a643d; } \n.theme-light .chevron-box svg { stroke: #ff6a14; } \/* Orange pop to tie back to the 1st card *\/\n\n.card-wrapper:hover .chevron-box {\n    transform: translateX(5px) scale(1.05);\n}\n\n\n\/* --- SUPER RESPONSIVENESS --- *\/\n\n\/* Small Desktop \/ Laptops *\/\n@media (max-width: 1200px) {\n    .premium-cards-section { gap: 15px; }\n    .card-text { font-size: 12px; }\n    .giant-number { font-size: 170px; }\n    .card-body { padding: 50px 15px 40px; }\n}\n\n\/* Tablets (iPad) - Stack into 2x2 Grid *\/\n@media (max-width: 992px) {\n    .premium-cards-section {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 60px 25px; \/* Bigger vertical gap for floating icons *\/\n        padding-top: 80px;\n    }\n    .card-text { font-size: 15px; } \/* Slightly larger text on spacious tablets *\/\n}\n\n\/* Mobile Phones - Super Beautiful, Compact Carousel *\/\n@media (max-width: 768px) {\n    .carousel-header {\n        display: flex;\n        justify-content: flex-end; \/* Places arrows on the top right *\/\n        padding: 0 20px;\n        margin-bottom: -10px; \/* Pull arrows closer to the cards *\/\n        position: relative;\n        z-index: 20;\n    }\n\n    \/* COMPACT ARROWS *\/\n    .arrow-btn {\n        background: #ffffff;\n        border: 2px solid #f0f0f0;\n        border-radius: 50%;\n        width: 36px; \/* Smaller, more compact *\/\n        height: 36px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        margin-left: 8px; \/* Tighter spacing between arrows *\/\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        box-shadow: 0 4px 10px rgba(0,0,0,0.06);\n        color: #1a643d; \/* Brand Green color for SVG *\/\n    }\n\n    .arrow-btn:active {\n        transform: scale(0.9);\n    }\n\n    .arrow-btn:hover {\n        border-color: #1a643d;\n        background: #1a643d;\n        color: #ffffff;\n        box-shadow: 0 6px 14px rgba(26, 100, 61, 0.25);\n    }\n\n    \/* Smaller Icons inside the buttons *\/\n    .arrow-btn svg {\n        width: 18px;\n        height: 18px;\n        transition: stroke 0.3s ease;\n    }\n\n    \/* COMPACT CAROUSEL TRACK *\/\n    .premium-cards-section {\n        display: flex; \/* Overrides the desktop grid *\/\n        flex-wrap: nowrap;\n        overflow-x: auto;\n        overflow-y: hidden; \/* Prevents bugs, top padding secures the floating icons *\/\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth; \/* Enables smooth animated jump via buttons *\/\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none; \/* Hide scrollbars on Firefox *\/\n        gap: 15px;\n        padding: 50px 20px 30px 20px; \/* Adjusted padding for compact cards *\/\n        scroll-padding-left: 20px; \/* Snaps perfectly against the left padding *\/\n    }\n\n    .premium-cards-section::-webkit-scrollbar {\n        display: none; \/* Hide scrollbars on Chrome\/Safari *\/\n    }\n\n    .card-wrapper {\n        flex: 0 0 83%; \/* 83% width leaves exactly 17% for the NEXT card to beautifully peek out! *\/\n        max-width: none;\n        margin: 0;\n        min-height: 220px; \/* Shorter card to save mobile real-estate *\/\n        scroll-snap-align: start; \/* Locks smoothly into place when dragging *\/\n    }\n    \n    .premium-cards-section::after {\n        content: '';\n        flex: 0 0 5px; \/* Guarantees smooth spacing when scrolling to the very last card *\/\n    }\n\n    \/* COMPACT TYPOGRAPHY & CARD PROPORTIONS *\/\n    .card-body {\n        padding: 45px 15px 30px; \/* Tighter padding *\/\n        border-radius: 24px;\n    }\n\n    .card-text {\n        font-size: 13px; \/* Beautifully scaled down typography *\/\n        line-height: 1.5;\n    }\n\n    .giant-number {\n        font-size: 120px; \/* Scaled down watermark *\/\n        bottom: -20px;\n    }\n\n    \/* COMPACT ICONS *\/\n    .floating-icon {\n        width: 60px;\n        height: 60px;\n        top: -30px;\n        border-width: 2px;\n    }\n\n    .floating-icon svg {\n        width: 28px;\n        height: 28px;\n    }\n\n    .chevron-box {\n        bottom: 15px;\n        right: 15px;\n        width: 32px;\n        height: 32px;\n    }\n\n    .chevron-box svg {\n        width: 16px;\n        height: 16px;\n    }\n}\n<\/style>\n\n<!-- CAROUSEL WRAPPER ENCOMPASSING ARROWS + CARDS -->\n<div class=\"carousel-container\">\n    \n    <!-- Super Great, Compact Arrows -->\n    <div class=\"carousel-header\">\n        <button class=\"arrow-btn prev-btn\" aria-label=\"Previous\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n            <\/svg>\n        <\/button>\n        <button class=\"arrow-btn next-btn\" aria-label=\"Next\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n            <\/svg>\n        <\/button>\n    <\/div>\n\n    <!-- Cards Track -->\n    <div class=\"premium-cards-section\">\n\n        <!-- Card 01 -->\n        <div class=\"card-wrapper theme-orange\">\n            <div class=\"floating-icon\">\n                <svg width=\"34\" height=\"34\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M12 2c0 0-5 4.5-5 10a5 5 0 0 0 10 0c0-5.5-5-10-5-10z\" \/>\n                    <path d=\"M12 10c-1.5 1.5-2 3-2 4a2 2 0 0 0 4 0c0-1-.5-2.5-2-4z\" \/>\n                    <rect x=\"6.5\" y=\"15\" width=\"11\" height=\"5.5\" rx=\"1\" fill=\"#ff6a14\" stroke=\"#ffffff\" stroke-width=\"1.2\"\/>\n                    <text x=\"12\" y=\"19\" fill=\"#ffffff\" stroke=\"none\" font-size=\"4\" font-family=\"sans-serif\" font-weight=\"900\" text-anchor=\"middle\">KCAL<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"card-body\">\n                <div class=\"giant-number\">01<\/div>\n                <p class=\"card-text\">\u0412\u044b \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u0442\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443<br>\u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0436\u0435\u043b\u0430\u0435\u043c\u043e\u0439 \u043a\u0430\u043b\u043e\u0440\u0438\u0439\u043d\u043e\u0441\u0442\u0438:<br>1200\u20132200 \u043a\u043a\u0430\u043b<\/p>\n                <div class=\"chevron-box\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n                    <\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Card 02 -->\n        <div class=\"card-wrapper theme-green\">\n            <div class=\"floating-icon\">\n                <svg width=\"34\" height=\"34\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <rect x=\"13\" y=\"3\" width=\"7\" height=\"12\" rx=\"1\" \/>\n                    <line x1=\"15\" y1=\"7\" x2=\"18\" y2=\"7\" \/>\n                    <line x1=\"15\" y1=\"10\" x2=\"18\" y2=\"10\" \/>\n                    <path d=\"M4 17a8 8 0 0 1 16 0\" fill=\"#1a643d\" stroke=\"#ffffff\" \/>\n                    <line x1=\"2\" y1=\"17\" x2=\"22\" y2=\"17\" stroke-width=\"1.5\"\/>\n                    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"7\" \/>\n                    <line x1=\"10\" y1=\"7\" x2=\"14\" y2=\"7\" \/>\n                <\/svg>\n            <\/div>\n            <div class=\"card-body\">\n                <div class=\"giant-number\">02<\/div>\n                <p class=\"card-text\">\u0421\u0431\u0430\u043b\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e<br>\u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f<br>\u043d\u0443\u0442\u0440\u0438\u0446\u0438\u043e\u043b\u043e\u0433\u0430\u043c\u0438<\/p>\n                <div class=\"chevron-box\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n                    <\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Card 03 -->\n        <div class=\"card-wrapper theme-yellow\">\n            <div class=\"floating-icon\">\n                <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <rect x=\"2\" y=\"8\" width=\"14\" height=\"9\" rx=\"1\" \/>\n                    <path d=\"M16 11h3l2 3v3h-5\" \/>\n                    <circle cx=\"6\" cy=\"18\" r=\"2\" \/>\n                    <circle cx=\"17\" cy=\"18\" r=\"2\" \/>\n                    <line x1=\"-1\" y1=\"13\" x2=\"2\" y2=\"13\" \/>\n                    <line x1=\"-1\" y1=\"15\" x2=\"2\" y2=\"15\" \/>\n                    <circle cx=\"8\" cy=\"7\" r=\"5.5\" fill=\"#fdd05b\" stroke=\"#ffffff\" stroke-width=\"1.2\" \/>\n                    <polyline points=\"8 4.5 8 7 10 8\" \/>\n                <\/svg>\n            <\/div>\n            <div class=\"card-body\">\n                <div class=\"giant-number\">03<\/div>\n                <p class=\"card-text\">\u0421\u0432\u0435\u0436\u0438\u0435, \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435<br>\u0431\u043b\u044e\u0434\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043f\u0440\u044f\u043c\u043e \u043a \u0432\u0430\u0448\u0435\u0439<br>\u0434\u0432\u0435\u0440\u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c<\/p>\n                <div class=\"chevron-box\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n                    <\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Card 04 -->\n        <div class=\"card-wrapper theme-light\">\n            <div class=\"floating-icon\">\n                <svg width=\"34\" height=\"34\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a643d\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\" \/>\n                    <polyline points=\"22 4 12 14.01 9 11.01\" stroke=\"#ff6a14\" stroke-width=\"2.5\" \/>\n                <\/svg>\n            <\/div>\n            <div class=\"card-body\">\n                <div class=\"giant-number\">04<\/div>\n                <p class=\"card-text\">\u0412\u044b \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0435\u0442\u0435 \u0441\u0432\u043e\u0435\u0439 \u0446\u0435\u043b\u0438 -<br>\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0432\u0435\u0441\u0430, \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0444\u043e\u0440\u043c\u044b<br>\u0438\u043b\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430<\/p>\n                <div class=\"chevron-box\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n                    <\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- Scripts for the Arrow Clicks -->\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    const track = document.querySelector('.premium-cards-section');\n    const prevBtn = document.querySelector('.prev-btn');\n    const nextBtn = document.querySelector('.next-btn');\n\n    if (track && prevBtn && nextBtn) {\n        \/\/ Dynamically calculates width to jump to the exact next card\n        const getScrollAmount = () => {\n            const card = document.querySelector('.card-wrapper');\n            const gap = parseInt(window.getComputedStyle(track).gap) || 15;\n            return card.offsetWidth + gap;\n        };\n\n        nextBtn.addEventListener('click', () => {\n            track.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\n        });\n\n        prevBtn.addEventListener('click', () => {\n            track.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\n        });\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea8183b e-flex e-con-boxed e-con e-parent\" data-id=\"ea8183b\" 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-a715c9a elementor-widget elementor-widget-html\" data-id=\"a715c9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= HOMEPAGE CTA SECTION ================= -->\n<section class=\"em-home-cta-section\">\n  <div class=\"em-cta-container\">\n    <div class=\"em-cta-grid\">\n      \n      <!-- MOBILE TITLE (\u10d2\u10d0\u10db\u10dd\u10e9\u10dc\u10d3\u10d4\u10d1\u10d0 \u10db\u10ee\u10dd\u10da\u10dd\u10d3 \u10db\u10dd\u10d1\u10d0\u10d8\u10da\u10d6\u10d4, \u10e1\u10e3\u10e0\u10d0\u10d7\u10d8\u10e1 \u10d7\u10d0\u10d5\u10d6\u10d4) -->\n      <h2 class=\"em-cta-title em-mobile-title\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 <span>\u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439<\/span> \u0440\u0430\u0446\u0438\u043e\u043d<\/h2>\n\n      <!-- Left: Image & Floating Elements -->\n      <div class=\"em-cta-img-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/emeals.ge\/wp-content\/uploads\/2026\/05\/2.jpg\" alt=\"Element Meals Menu\" class=\"em-cta-main-img\">\n        \n        <!-- Floating Badge 1 -->\n        <div class=\"em-float-badge em-badge-top\">\n          <span class=\"em-pulse-dot\"><\/span>\n          \u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043d\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\n        <\/div>\n\n        <!-- Floating Badge 2 -->\n        <div class=\"em-float-badge em-badge-bottom\">\n          <div class=\"em-badge-icon\">\n            <img decoding=\"async\" src=\"https:\/\/emeals.ge\/wp-content\/uploads\/2026\/05\/icon-1.svg\" alt=\"Diet Icon\">\n          <\/div>\n          100% \u043f\u043e\u043b\u0435\u0437\u043d\u043e\n        <\/div>\n      <\/div>\n\n      <!-- Right: Content & Call to Action -->\n      <div class=\"em-cta-content-wrapper\">\n        \n        <!-- DESKTOP TITLE (\u10d2\u10d0\u10db\u10dd\u10e9\u10dc\u10d3\u10d4\u10d1\u10d0 \u10db\u10ee\u10dd\u10da\u10dd\u10d3 \u10d3\u10d4\u10e1\u10d9\u10e2\u10dd\u10de\u10d6\u10d4) -->\n        <h2 class=\"em-cta-title em-desktop-title\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 <span>\u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439<\/span> \u0440\u0430\u0446\u0438\u043e\u043d<\/h2>\n        \n        <p class=\"em-cta-desc\">\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0437\u0434\u043e\u0440\u043e\u0432\u044b\u0435 \u043f\u0440\u0438\u0432\u044b\u0447\u043a\u0438 \u0432 \u0441\u0432\u043e\u0439 \u0433\u0440\u0430\u0444\u0438\u043a \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0438\u0445 \u0437\u0430\u0442\u0440\u0430\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438<\/p>\n        \n        <!-- Trust Perks -->\n        <ul class=\"em-cta-perks\">\n          <li>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF6701\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            \u0421\u0432\u0435\u0436\u0435\u0435 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c\n          <\/li>\n          <li>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF6701\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            \u0422\u043e\u0447\u043d\u044b\u0439 \u043f\u043e\u0434\u0441\u0447\u0435\u0442 \u043a\u0430\u043b\u043e\u0440\u0438\u0439\n          <\/li>\n          <li>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF6701\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            \u0410\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u043f\u043e\u0434 \u0432\u0430\u0448\u0438 \u0446\u0435\u043b\u0438\n          <\/li>\n        <\/ul>\n\n        <!-- Action Button -->\n        <div class=\"em-cta-btn-box\">\n          <a href=\"https:\/\/emeals.ge\/ru\/menu\/\" class=\"em-main-cta-btn\">\n            \u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u043c\u0435\u043d\u044e\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n              <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n            <\/svg>\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= STYLES ================= -->\n<style>\n  \/* Base Reset *\/\n  .em-home-cta-section * {\n    font-family: 'ElementFitness ABZ Grozen', sans-serif !important;\n    box-sizing: border-box;\n  }\n\n  .em-home-cta-section {\n    background: transparent; \n    width: 100%;\n    padding: 40px 20px; \n  }\n\n  .em-cta-container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .em-cta-grid {\n    display: flex;\n    align-items: center;\n    background-color: #146140; \n    border-radius: 40px;\n    box-shadow: 0 20px 50px rgba(20, 97, 64, 0.15);\n    padding: 20px; \n    gap: 40px;\n  }\n\n  \/* --- Titles --- *\/\n  .em-cta-title {\n    font-weight: 900;\n    line-height: 1.3;\n    text-transform: uppercase;\n    color: #FFFFFF;\n    margin: 0;\n  }\n  .em-cta-title span {\n    color: #FF6701;\n  }\n  \n  \/* Desktop Title is visible by default *\/\n  .em-desktop-title {\n    font-size: 36px;\n    margin-bottom: 20px;\n    text-align: left;\n  }\n  \/* Mobile Title is hidden by default *\/\n  .em-mobile-title {\n    display: none;\n  }\n\n  \/* --- LEFT: IMAGE STYLES --- *\/\n  .em-cta-img-wrapper {\n    flex: 1;\n    position: relative;\n    height: 500px; \/* \u10e1\u10e2\u10d0\u10d1\u10d8\u10da\u10e3\u10e0\u10d8 \u10e1\u10d8\u10db\u10d0\u10e6\u10da\u10d4 *\/\n    width: 100%;\n  }\n\n  .em-cta-main-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 32px !important; \/* <--- \u10db\u10e7\u10d0\u10e0\u10d8 Border Radius *\/\n    display: block;\n  }\n\n  \/* Floating Badges *\/\n  .em-float-badge {\n    position: absolute;\n    background: #FFFFFF;\n    color: #146140;\n    padding: 12px 24px;\n    border-radius: 50px;\n    font-size: 13px;\n    font-weight: 800;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n    z-index: 2;\n    white-space: nowrap;\n  }\n\n  .em-badge-top {\n    top: 40px;\n    right: -20px;\n    animation: floatUpDown 4s ease-in-out infinite;\n  }\n\n  .em-badge-bottom {\n    bottom: 40px;\n    left: -20px;\n    animation: floatUpDown 5s ease-in-out infinite alternate;\n  }\n\n  \/* Animations & Icons *\/\n  .em-pulse-dot { width: 10px; height: 10px; background-color: #FF6701; border-radius: 50%; display: block; position: relative; }\n  .em-pulse-dot::after { content: \"\"; position: absolute; width: 100%; height: 100%; background-color: #FF6701; border-radius: 50%; top: 0; left: 0; animation: emPulse 2s infinite; }\n  \n  .em-badge-icon { width: 24px; height: 24px; background-color: #FF6701; border-radius: 50%; display: flex; align-items: center; justify-content: center; }\n  .em-badge-icon img { width: 12px; height: 12px; }\n\n  \/* --- RIGHT: CONTENT STYLES --- *\/\n  .em-cta-content-wrapper {\n    flex: 1;\n    padding: 20px 40px 20px 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .em-cta-desc {\n    font-size: 15px;\n    line-height: 1.6;\n    font-weight: 500;\n    opacity: 0.9;\n    color: #FFFFFF;\n    margin: 0 0 30px 0;\n    text-align: left;\n  }\n\n  \/* List Items *\/\n  .em-cta-perks {\n    list-style: none;\n    padding: 0; \n    margin: 0 0 40px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n  }\n\n  .em-cta-perks li {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 15px;\n    font-weight: 800;\n    color: #FFFFFF;\n    text-transform: uppercase;\n    text-align: left;\n  }\n\n  .em-cta-perks li svg {\n    width: 22px; height: 22px;\n    background: rgba(255, 103, 1, 0.15);\n    border-radius: 50%;\n    padding: 3px;\n    flex-shrink: 0;\n  }\n\n  \/* Button *\/\n  .em-cta-btn-box { display: block; }\n  \n  .em-main-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    background-color: #FF6701;\n    color: #FFFFFF;\n    font-size: 16px;\n    font-weight: 900;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 18px 40px;\n    border-radius: 50px;\n    box-shadow: 0 10px 25px rgba(255, 103, 1, 0.4);\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n  }\n\n  .em-main-cta-btn svg { transition: transform 0.3s ease; }\n  .em-main-cta-btn:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(255, 103, 1, 0.6); }\n  .em-main-cta-btn:hover svg { transform: translateX(6px); }\n\n  \/* Keyframes *\/\n  @keyframes floatUpDown {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(-15px); }\n    100% { transform: translateY(0px); }\n  }\n  @keyframes emPulse {\n    0% { transform: scale(1); opacity: 0.8; }\n    100% { transform: scale(2.5); opacity: 0; }\n  }\n\n  \/* ================= RESPONSIVE (MOBILE) ================= *\/\n  @media (max-width: 992px) {\n    .em-home-cta-section { padding: 30px 15px; }\n    \n    .em-cta-grid {\n      flex-direction: column;\n      padding: 30px 20px;\n      gap: 25px; \n    }\n\n    \/* Titles Switch *\/\n    .em-desktop-title { display: none; }\n    .em-mobile-title {\n      display: block;\n      font-size: 28px;\n      text-align: left; \/* \u10db\u10d0\u10e0\u10ea\u10ee\u10d4\u10dc\u10d0 \u10e1\u10ec\u10dd\u10e0\u10d4\u10d1\u10d0 *\/\n      width: 100%;\n    }\n\n    \/* Image Box Fix *\/\n    .em-cta-img-wrapper {\n      height: 350px; \/* \u10e4\u10d8\u10e5\u10e1\u10d8\u10e0\u10d4\u10d1\u10e3\u10da\u10d8 \u10e1\u10d8\u10db\u10d0\u10e6\u10da\u10d4 \u10db\u10dd\u10d1\u10d0\u10d8\u10da\u10d6\u10d4 (\u10e4\u10dd\u10e0\u10db\u10d0\u10e1 \u10d0\u10e6\u10d0\u10e0 \u10d3\u10d0\u10d9\u10d0\u10e0\u10d2\u10d0\u10d5\u10e1) *\/\n      width: 100%;\n    }\n\n    \/* Badges Inset - \u10d8\u10ea\u10d0\u10d5\u10e1 \u10e9\u10d0\u10e0\u10e9\u10dd\u10d3\u10d0\u10dc \u10d2\u10d0\u10e1\u10d5\u10da\u10d8\u10e1\u10d2\u10d0\u10dc *\/\n    .em-badge-top { top: 15px; right: 10px; }\n    .em-badge-bottom { bottom: 15px; left: 10px; }\n    .em-float-badge { font-size: 11px; padding: 10px 18px; }\n\n    \/* Content Wrapper *\/\n    .em-cta-content-wrapper {\n      padding: 0; \n      width: 100%;\n    }\n\n    .em-cta-desc { \n      font-size: 14px; \n      text-align: left; \n    }\n    \n    .em-cta-perks { \n      align-items: flex-start; \/* \u10db\u10d0\u10e0\u10ea\u10ee\u10d4\u10dc\u10d0 \u10e1\u10ec\u10dd\u10e0\u10d4\u10d1\u10d0 \u10e1\u10d8\u10d0\u10d6\u10d4 *\/\n      margin: 0 0 30px 0; \n    }\n    \n    .em-cta-perks li { \n      font-size: 14px; \n      text-align: left; \n    }\n\n    \/* Full Width Button *\/\n    .em-cta-btn-box { width: 100%; }\n    .em-main-cta-btn {\n      width: 100%;\n      padding: 16px 20px;\n      font-size: 15px;\n    }\n  }\n\n  \/* Very Small Devices *\/\n  @media (max-width: 576px) {\n    .em-mobile-title { font-size: 24px; }\n    .em-cta-img-wrapper { height: 280px; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Meals ThatEmpower You \u10d3\u10d0\u10d0\u10d7\u10d5\u10d0\u10da\u10d8\u10d4\u10e0\u10d4 \u10db\u10d4\u10dc\u10d8\u10e3 \u10d2\u10d0\u10db\u10dd\u10d8\u10e7\u10d4\u10dc\u10d4 \u10d9\u10d0\u10da\u10d9\u10e3\u10da\u10d0\u10e2\u10dd\u10e0\u10d8 \u10e0\u10d0 \u10d0\u10e0\u10d8\u10e1 Element Meals? \u10ef\u10d0\u10dc\u10e1\u10d0\u10e6\u10d8 \u10d9\u10d5\u10d4\u10d1\u10d0 Element Meals \u10e8\u10d4\u10d8\u10e5\u10db\u10dc\u10d0 \u10d8\u10db\u10d8\u10e1\u10d7\u10d5\u10d8\u10e1, \u10e0\u10dd\u10db \u10d7\u10e5\u10d5\u10d4\u10dc\u10d8 \u10e7\u10dd\u10d5\u10d4\u10da\u10d3\u10e6\u10d8\u10e3\u10e0\u10d8 \u10d9\u10d5\u10d4\u10d1\u10d0 \u10db\u10d0\u10e5\u10e1\u10d8\u10db\u10d0\u10da\u10e3\u10e0\u10d0\u10d3 \u10ef\u10d0\u10dc\u10e1\u10d0\u10e6\u10d8, \u10d9\u10dd\u10db\u10e4\u10dd\u10e0\u10e2\u10e3\u10da\u10d8 \u10d3\u10d0 \u10e8\u10d4\u10d3\u10d4\u10d2\u10d6\u10d4 \u10dd\u10e0\u10d8\u10d4\u10dc\u10e2\u10d8\u10e0\u10d4\u10d1\u10e3\u10da\u10d8 \u10d2\u10d0\u10ee\u10d3\u10d4\u10e1. \u10e9\u10d5\u10d4\u10dc \u10e3\u10d6\u10e0\u10e3\u10dc\u10d5\u10d4\u10da\u10d5\u10e7\u10dd\u10e4\u10d7 \u10d7\u10e5\u10d5\u10d4\u10dc\u10e1 \u10d8\u10dc\u10d3\u10d8\u10d5\u10d8\u10d3\u10e3\u10d0\u10da\u10e3\u10e0 \u10e1\u10d0\u10ed\u10d8\u10e0\u10dd\u10d4\u10d1\u10d4\u10d1\u10d6\u10d4 \u10db\u10dd\u10e0\u10d2\u10d4\u10d1\u10e3\u10da, \u10db\u10d0\u10e6\u10d0\u10da\u10d8 \u10ee\u10d0\u10e0\u10d8\u10e1\u10ee\u10d8\u10e1 \u10d3\u10d0 \u10d3\u10d0\u10d1\u10d0\u10da\u10d0\u10dc\u10e1\u10d4\u10d1\u10e3\u10da \u10d9\u10d4\u10e0\u10eb\u10d4\u10d1\u10e1 \u10de\u10d8\u10e0\u10d3\u10d0\u10de\u10d8\u10e0 \u10d7\u10e5\u10d5\u10d4\u10dc\u10e1 \u10d9\u10d0\u10e0\u10d7\u10d0\u10dc. \u10d5\u10e0\u10ea\u10da\u10d0\u10d3 \u10e9\u10d5\u10d4\u10dc \u10e8\u10d4\u10e1\u10d0\u10ee\u10d4\u10d1 \u10d0\u10d8\u10e0\u10e9\u10d8\u10d4\u10d7 \u10db\u10d4\u10dc\u10d8\u10e3 1200 \u10d9\u10d9\u10d0\u10da 1400 \u10d9\u10d9\u10d0\u10da 1600 \u10d9\u10d9\u10d0\u10da 1800 \u10d9\u10d9\u10d0\u10da [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/pages\/22","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=22"}],"version-history":[{"count":0,"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"wp:attachment":[{"href":"https:\/\/emeals.ge\/ru\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}