{"id":3955,"date":"2026-01-21T15:30:13","date_gmt":"2026-01-21T15:30:13","guid":{"rendered":"https:\/\/v1.cyberspacegcc.com\/plans-and-packages\/"},"modified":"2026-02-03T14:06:46","modified_gmt":"2026-02-03T14:06:46","slug":"plans-and-packages","status":"publish","type":"page","link":"https:\/\/v1.cyberspacegcc.com\/en\/plans-and-packages\/","title":{"rendered":"Plans and Packages"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3955\" class=\"elementor elementor-3955 elementor-24\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c6bf9c8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c6bf9c8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0521938\" data-id=\"0521938\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7d2c6a7 elementor-widget elementor-widget-shortcode\" data-id=\"7d2c6a7\" 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\"><div class=\"meal-calculator-wrapper\" dir=\"rtl\">\r\n    \r\n    <!-- Grid \u0627\u0644\u0631\u0626\u064a\u0633\u064a: sidebar \u064a\u0633\u0627\u0631 + \u0645\u062d\u062a\u0648\u0649 \u064a\u0645\u064a\u0646 -->\r\n    <div class=\"main-grid\">\r\n        \r\n       \r\n        \r\n        <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0626\u064a\u0633\u064a - \u064a\u0645\u064a\u0646 -->\r\n        <div class=\"main-content-area\">\r\n            \r\n            <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n            <div class=\"main-header\">\r\n                <h1>What type of meals do you prefer?<\/h1>\r\n            <\/div>\r\n            \r\n          <!-- Grid \u0627\u0644\u0628\u0627\u0642\u0627\u062a - 6 \u0643\u0631\u0648\u062a -->\r\n<div class=\"meal-types-grid\">\r\n    \r\n    <!-- \u062e\u0633\u0627\u0631\u0629 \u0627\u0644\u0648\u0632\u0646 -->\r\n    <div class=\"meal-type-card\" data-type=\"weight_loss\" data-has-goal=\"no\">\r\n        <div class=\"card-header\">\r\n            <div class=\"card-title\">\r\n                <h3>Weight Loss<\/h3>\r\n                <p>Safe and healthy weight loss and fat reduction<\/p>\r\n            <\/div>\r\n            <div class=\"meal-icon\">\ud83c\udfc3<\/div>\r\n        <\/div>\r\n        <div class=\"card-actions\">\r\n            <button class=\"btn-info\">\r\n                Learn more                <svg class=\"Diets_chevron__42j4j\" width=\"16\" height=\"auto\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M28.0613 17.0615L19.0613 26.0615C18.7795 26.3433 18.3973 26.5016 17.9988 26.5016C17.6002 26.5016 17.218 26.3433 16.9363 26.0615C16.6545 25.7797 16.4961 25.3975 16.4961 24.999C16.4961 24.6005 16.6545 24.2183 16.9363 23.9365L23.375 17.5002H5C4.60218 17.5002 4.22064 17.3422 3.93934 17.0609C3.65804 16.7796 3.5 16.398 3.5 16.0002C3.5 15.6024 3.65804 15.2209 3.93934 14.9396C4.22064 14.6583 4.60218 14.5002 5 14.5002H23.375L16.9387 8.06022C16.657 7.77843 16.4986 7.39623 16.4986 6.99772C16.4986 6.5992 16.657 6.21701 16.9387 5.93522C17.2205 5.65343 17.6027 5.49512 18.0012 5.49512C18.3998 5.49512 18.782 5.65343 19.0637 5.93522L28.0637 14.9352C28.2036 15.0748 28.3145 15.2406 28.3901 15.4231C28.4657 15.6056 28.5045 15.8013 28.5043 15.9989C28.5041 16.1964 28.4648 16.392 28.3888 16.5744C28.3127 16.7567 28.2014 16.9223 28.0613 17.0615Z\" fill=\"#24a170\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n            <button class=\"btn-select\">\r\n                <span class=\"text-default\">Select plan<\/span>\r\n                <span class=\"text-selected\">\r\n                    Selected                    <svg class=\"check-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\r\n                        <path d=\"M7 12.5L10.2 15.5L17 8.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0636\u0644\u0627\u062a -->\r\n    <div class=\"meal-type-card\" data-type=\"muscle_building\" data-has-goal=\"no\">\r\n        <div class=\"card-header\">\r\n            <div class=\"card-title\">\r\n                <h3>Muscle Building<\/h3>\r\n                <p>Gain strength without adding fat<\/p>\r\n            <\/div>\r\n            <div class=\"meal-icon\">\ud83d\udcaa<\/div>\r\n        <\/div>\r\n        <div class=\"card-actions\">\r\n            <button class=\"btn-info\">\r\n                Learn more                <svg class=\"Diets_chevron__42j4j\" width=\"16\" height=\"auto\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M28.0613 17.0615L19.0613 26.0615C18.7795 26.3433 18.3973 26.5016 17.9988 26.5016C17.6002 26.5016 17.218 26.3433 16.9363 26.0615C16.6545 25.7797 16.4961 25.3975 16.4961 24.999C16.4961 24.6005 16.6545 24.2183 16.9363 23.9365L23.375 17.5002H5C4.60218 17.5002 4.22064 17.3422 3.93934 17.0609C3.65804 16.7796 3.5 16.398 3.5 16.0002C3.5 15.6024 3.65804 15.2209 3.93934 14.9396C4.22064 14.6583 4.60218 14.5002 5 14.5002H23.375L16.9387 8.06022C16.657 7.77843 16.4986 7.39623 16.4986 6.99772C16.4986 6.5992 16.657 6.21701 16.9387 5.93522C17.2205 5.65343 17.6027 5.49512 18.0012 5.49512C18.3998 5.49512 18.782 5.65343 19.0637 5.93522L28.0637 14.9352C28.2036 15.0748 28.3145 15.2406 28.3901 15.4231C28.4657 15.6056 28.5045 15.8013 28.5043 15.9989C28.5041 16.1964 28.4648 16.392 28.3888 16.5744C28.3127 16.7567 28.2014 16.9223 28.0613 17.0615Z\" fill=\"#24a170\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n            <button class=\"btn-select\">\r\n                <span class=\"text-default\">Select plan<\/span>\r\n                <span class=\"text-selected\">\r\n                    Selected                    <svg class=\"check-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                        <path d=\"M7 12.5L10.2 15.5L17 8.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0643\u064a\u062a\u0648 \u062f\u0627\u064a\u062a -->\r\n    <div class=\"meal-type-card\" data-type=\"keto\" data-has-goal=\"no\">\r\n        <div class=\"card-header\">\r\n            <div class=\"card-title\">\r\n                <h3>Keto Diet<\/h3>\r\n                <p>Low-carb, high healthy fat diet<\/p>\r\n            <\/div>\r\n            <div class=\"meal-icon\">\ud83e\udd51<\/div>\r\n        <\/div>\r\n        <div class=\"card-actions\">\r\n            <button class=\"btn-info\">\r\n                Learn more                <svg class=\"Diets_chevron__42j4j\" width=\"16\" height=\"auto\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M28.0613 17.0615L19.0613 26.0615C18.7795 26.3433 18.3973 26.5016 17.9988 26.5016C17.6002 26.5016 17.218 26.3433 16.9363 26.0615C16.6545 25.7797 16.4961 25.3975 16.4961 24.999C16.4961 24.6005 16.6545 24.2183 16.9363 23.9365L23.375 17.5002H5C4.60218 17.5002 4.22064 17.3422 3.93934 17.0609C3.65804 16.7796 3.5 16.398 3.5 16.0002C3.5 15.6024 3.65804 15.2209 3.93934 14.9396C4.22064 14.6583 4.60218 14.5002 5 14.5002H23.375L16.9387 8.06022C16.657 7.77843 16.4986 7.39623 16.4986 6.99772C16.4986 6.5992 16.657 6.21701 16.9387 5.93522C17.2205 5.65343 17.6027 5.49512 18.0012 5.49512C18.3998 5.49512 18.782 5.65343 19.0637 5.93522L28.0637 14.9352C28.2036 15.0748 28.3145 15.2406 28.3901 15.4231C28.4657 15.6056 28.5045 15.8013 28.5043 15.9989C28.5041 16.1964 28.4648 16.392 28.3888 16.5744C28.3127 16.7567 28.2014 16.9223 28.0613 17.0615Z\" fill=\"#24a170\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n            <button class=\"btn-select\">\r\n                <span class=\"text-default\">Select plan<\/span>\r\n                <span class=\"text-selected\">\r\n                    Selected                    <svg class=\"check-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                        <path d=\"M7 12.5L10.2 15.5L17 8.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0623\u0643\u0644 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0645\u062a\u0648\u0627\u0632\u0646 -->\r\n    <div class=\"meal-type-card\" data-type=\"balanced\" data-has-goal=\"yes\">\r\n        <div class=\"card-header\">\r\n            <div class=\"card-title\">\r\n                <h3>Healthy Balanced Eating<\/h3>\r\n                <p>Provides your body with all the essential nutrients it needs to be at its best<\/p>\r\n            <\/div>\r\n            <div class=\"meal-icon\">\u2696\ufe0f<\/div>\r\n        <\/div>\r\n        <div class=\"card-actions\">\r\n            <button class=\"btn-info\">\r\n                Learn more                <svg class=\"Diets_chevron__42j4j\" width=\"16\" height=\"auto\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M28.0613 17.0615L19.0613 26.0615C18.7795 26.3433 18.3973 26.5016 17.9988 26.5016C17.6002 26.5016 17.218 26.3433 16.9363 26.0615C16.6545 25.7797 16.4961 25.3975 16.4961 24.999C16.4961 24.6005 16.6545 24.2183 16.9363 23.9365L23.375 17.5002H5C4.60218 17.5002 4.22064 17.3422 3.93934 17.0609C3.65804 16.7796 3.5 16.398 3.5 16.0002C3.5 15.6024 3.65804 15.2209 3.93934 14.9396C4.22064 14.6583 4.60218 14.5002 5 14.5002H23.375L16.9387 8.06022C16.657 7.77843 16.4986 7.39623 16.4986 6.99772C16.4986 6.5992 16.657 6.21701 16.9387 5.93522C17.2205 5.65343 17.6027 5.49512 18.0012 5.49512C18.3998 5.49512 18.782 5.65343 19.0637 5.93522L28.0637 14.9352C28.2036 15.0748 28.3145 15.2406 28.3901 15.4231C28.4657 15.6056 28.5045 15.8013 28.5043 15.9989C28.5041 16.1964 28.4648 16.392 28.3888 16.5744C28.3127 16.7567 28.2014 16.9223 28.0613 17.0615Z\" fill=\"#24a170\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n            <button class=\"btn-select\">\r\n                <span class=\"text-default\">Select plan<\/span>\r\n                <span class=\"text-selected\">\r\n                    Selected                    <svg class=\"check-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                        <path d=\"M7 12.5L10.2 15.5L17 8.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0646\u0628\u0627\u062a\u064a -->\r\n    <div class=\"meal-type-card\" data-type=\"vegetarian\" data-has-goal=\"yes\">\r\n        <div class=\"card-header\">\r\n            <div class=\"card-title\">\r\n                <h3>Vegetarian<\/h3>\r\n                <p>Healthy vegetarian dishes made with vegetables and grains<\/p>\r\n            <\/div>\r\n            <div class=\"meal-icon\">\ud83e\udd66<\/div>\r\n        <\/div>\r\n        <div class=\"card-actions\">\r\n            <button class=\"btn-info\">\r\n                Learn more                <svg class=\"Diets_chevron__42j4j\" width=\"16\" height=\"auto\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M28.0613 17.0615L19.0613 26.0615C18.7795 26.3433 18.3973 26.5016 17.9988 26.5016C17.6002 26.5016 17.218 26.3433 16.9363 26.0615C16.6545 25.7797 16.4961 25.3975 16.4961 24.999C16.4961 24.6005 16.6545 24.2183 16.9363 23.9365L23.375 17.5002H5C4.60218 17.5002 4.22064 17.3422 3.93934 17.0609C3.65804 16.7796 3.5 16.398 3.5 16.0002C3.5 15.6024 3.65804 15.2209 3.93934 14.9396C4.22064 14.6583 4.60218 14.5002 5 14.5002H23.375L16.9387 8.06022C16.657 7.77843 16.4986 7.39623 16.4986 6.99772C16.4986 6.5992 16.657 6.21701 16.9387 5.93522C17.2205 5.65343 17.6027 5.49512 18.0012 5.49512C18.3998 5.49512 18.782 5.65343 19.0637 5.93522L28.0637 14.9352C28.2036 15.0748 28.3145 15.2406 28.3901 15.4231C28.4657 15.6056 28.5045 15.8013 28.5043 15.9989C28.5041 16.1964 28.4648 16.392 28.3888 16.5744C28.3127 16.7567 28.2014 16.9223 28.0613 17.0615Z\" fill=\"#24a170\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n            <button class=\"btn-select\">\r\n                <span class=\"text-default\">Select plan<\/span>\r\n                <span class=\"text-selected\">\r\n                    Selected                    <svg class=\"check-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                        <path d=\"M7 12.5L10.2 15.5L17 8.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0644\u0648 \u0643\u0627\u0631\u0628 -->\r\n    <div class=\"meal-type-card\" data-type=\"low_carb\" data-has-goal=\"yes\">\r\n        <div class=\"card-header\">\r\n            <div class=\"card-title\">\r\n                <h3>Low Carb<\/h3>\r\n                <p>Low-carb meals rich in healthy fats and non-starchy vegetables<\/p>\r\n            <\/div>\r\n            <div class=\"meal-icon\">\ud83c\udf56<\/div>\r\n        <\/div>\r\n        <div class=\"card-actions\">\r\n            <button class=\"btn-info\">\r\n                Learn more                <svg class=\"Diets_chevron__42j4j\" width=\"16\" height=\"auto\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M28.0613 17.0615L19.0613 26.0615C18.7795 26.3433 18.3973 26.5016 17.9988 26.5016C17.6002 26.5016 17.218 26.3433 16.9363 26.0615C16.6545 25.7797 16.4961 25.3975 16.4961 24.999C16.4961 24.6005 16.6545 24.2183 16.9363 23.9365L23.375 17.5002H5C4.60218 17.5002 4.22064 17.3422 3.93934 17.0609C3.65804 16.7796 3.5 16.398 3.5 16.0002C3.5 15.6024 3.65804 15.2209 3.93934 14.9396C4.22064 14.6583 4.60218 14.5002 5 14.5002H23.375L16.9387 8.06022C16.657 7.77843 16.4986 7.39623 16.4986 6.99772C16.4986 6.5992 16.657 6.21701 16.9387 5.93522C17.2205 5.65343 17.6027 5.49512 18.0012 5.49512C18.3998 5.49512 18.782 5.65343 19.0637 5.93522L28.0637 14.9352C28.2036 15.0748 28.3145 15.2406 28.3901 15.4231C28.4657 15.6056 28.5045 15.8013 28.5043 15.9989C28.5041 16.1964 28.4648 16.392 28.3888 16.5744C28.3127 16.7567 28.2014 16.9223 28.0613 17.0615Z\" fill=\"#24a170\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n            <button class=\"btn-select\">\r\n                <span class=\"text-default\">Select plan<\/span>\r\n                <span class=\"text-selected\">\r\n                    Selected                    <svg class=\"check-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                        <path d=\"M7 12.5L10.2 15.5L17 8.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n           \r\n            <!-- \u0642\u0633\u0645 \u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0645\u0627\u0643\u0631\u0648\u0632 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 - \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u062f\u064a\u062f -->\r\n            <div id=\"macros-result-section\" style=\"display: none;\">\r\n    <div class=\"macros-result-header\">\r\n        <h2>Recommended Meals<\/h2>\r\n        <p class=\"subtitle\">Your meals will be tailored to match your macros goals<\/p>\r\n    <\/div>\r\n    <div class=\"macros-result-section\" >\r\n        <div class=\"recommended-meals-section\">\r\n            <div class=\"meals-recommendation\">\r\n                <p id=\"mealsRecommendation\">You need 2 meals and 1 snack to meet your needs<\/p>\r\n                <p class=\"meals-note\">Includes lunch, dinner, and snack. You can customize these settings later in the app.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"calories-box\">\r\n            <h3><span id=\"displayCalories\">0<\/span> calories<\/h3>\r\n            <p>Customize Macros<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"visual-bar-container\">\r\n            <div class=\"visual-bar\">\r\n                <div class=\"visual-segment protein-segment\" id=\"displayProteinBar\"><\/div>\r\n                <div class=\"visual-segment carbs-segment\" id=\"displayCarbsBar\"><\/div>\r\n                <div class=\"visual-segment fats-segment\" id=\"displayFatsBar\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"visual-bar-container\">\r\n            <div class=\"visual-value\">\r\n                <div class=\"visual-segment\" style=\"display: flex; flex-direction: column;\" id=\"displayProteinBarV\">\r\n                    <span class=\"macro-value\"><span id=\"displayProtein\">0<\/span> g<\/span>\r\n                    <span class=\"macro-label\">Protein<\/span>\r\n                <\/div>\r\n                <div class=\"visual-segment\" style=\"display: flex; flex-direction: column;\" id=\"displayCarbsBarV\">\r\n                    <span class=\"macro-value\"><span id=\"displayCarbs\">0<\/span> g<\/span>\r\n                    <span class=\"macro-label\">Carbs<\/span>\r\n                <\/div>\r\n                <div class=\"visual-segment\" style=\"display: flex; flex-direction: column;\" id=\"displayFatsBarV\">\r\n                    <span class=\"macro-value\"><span id=\"displayFats\">0<\/span> g<\/span>\r\n                    <span class=\"macro-label\">Fats<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n             <!-- \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0648\u062c\u0628\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629 -->\r\n            <div class=\"section-meals\">\r\n    <h2>How many meals do you want per day?<\/h2>\r\n    <p class=\"subtitle\">Select at least two meals, including lunch and refreshing desserts<\/p>\r\n    \r\n    <div class=\"meals-grid\">\r\n        <label class=\"meal-option\">\r\n            <input type=\"checkbox\" name=\"meals[]\" value=\"breakfast\" checked>\r\n            <div class=\"meal-box active\">\r\n                <span>Breakfast<\/span>\r\n                <div class=\"meal-check\">\u2713<\/div>\r\n            <\/div>\r\n        <\/label>\r\n        \r\n        <label class=\"meal-option mandatory\">\r\n            <input type=\"checkbox\" name=\"meals[]\" value=\"lunch\" checked disabled>\r\n            <div class=\"meal-box active\">\r\n                <span>Lunch<\/span>\r\n                <div class=\"meal-check\">\u2713<\/div>\r\n            <\/div>\r\n        <\/label>\r\n        \r\n       <label class=\"meal-option\">\r\n            <input type=\"checkbox\" name=\"meals[]\" value=\"dinner\" checked>\r\n            <div class=\"meal-box active\">\r\n                <span>Dinner<\/span>\r\n                <div class=\"meal-check\">\u2713<\/div>\r\n            <\/div>\r\n        <\/label>\r\n        \r\n        <label class=\"meal-option mandatory\">\r\n            <input type=\"checkbox\" name=\"meals[]\" value=\"snack\" checked disabled>\r\n            <div class=\"meal-box active\">\r\n                <span>Snack<\/span>\r\n                <div class=\"meal-check\">\u2713<\/div>\r\n            <\/div>\r\n        <\/label>\r\n    <\/div>\r\n<\/div>\r\n\r\n            \r\n            <!-- \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u064a\u0627\u0645 -->\r\n          <div class=\"section-days\">\r\n    <h2>How many days per week do you want to eat from PNC?<\/h2>\r\n    <p class=\"subtitle\">Select at least 5 days or more per week<\/p>\r\n    \r\n    <div class=\"days-grid\">\r\n        <label class=\"day-option\">\r\n            <input type=\"checkbox\" name=\"days[]\" value=\"saturday\" checked>\r\n            <div class=\"day-box\">Saturday<\/div>\r\n        <\/label>\r\n        <label class=\"day-option\">\r\n            <input type=\"checkbox\" name=\"days[]\" value=\"sunday\" checked>\r\n            <div class=\"day-box\">Sunday<\/div>\r\n        <\/label>\r\n        <label class=\"day-option\">\r\n            <input type=\"checkbox\" name=\"days[]\" value=\"monday\" checked>\r\n            <div class=\"day-box\">Monday<\/div>\r\n        <\/label>\r\n        <label class=\"day-option\">\r\n            <input type=\"checkbox\" name=\"days[]\" value=\"tuesday\" checked>\r\n            <div class=\"day-box\">Tuesday<\/div>\r\n        <\/label>\r\n        <label class=\"day-option\">\r\n            <input type=\"checkbox\" name=\"days[]\" value=\"wednesday\" checked>\r\n            <div class=\"day-box\">Wednesday<\/div>\r\n        <\/label>\r\n        <label class=\"day-option\">\r\n            <input type=\"checkbox\" name=\"days[]\" value=\"thursday\" checked>\r\n            <div class=\"day-box\">Thursday<\/div>\r\n        <\/label>\r\n        <label class=\"day-option\">\r\n            <input type=\"checkbox\" name=\"days[]\" value=\"friday\" checked>\r\n            <div class=\"day-box\">Friday<\/div>\r\n        <\/label>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- \u0642\u0633\u0645 \u0627\u0644\u062a\u0641\u0636\u064a\u0644\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629 -->\r\n  <div class=\"section-dietary-restrictions\">\r\n    <h2>Food Preferences & Allergies<\/h2>\r\n    <p class=\"subtitle\">Help us customize your meals better<\/p>\r\n    \r\n    <!-- \u0627\u0644\u0623\u0643\u0644\u0627\u062a \u0627\u0644\u063a\u064a\u0631 \u0645\u0631\u063a\u0648\u0628\u0629 -->\r\n    <div class=\"restriction-block\">\r\n        <h3>Do you have any unwanted or disliked foods?<\/h3>\r\n        <div class=\"restriction-options\">\r\n            <label class=\"restriction-option\">\r\n                <input type=\"radio\" name=\"has_unwanted_foods\" value=\"no\" checked>\r\n                <div class=\"restriction-box\">\r\n                    <span>No<\/span>\r\n                <\/div>\r\n            <\/label>\r\n            <label class=\"restriction-option\">\r\n                <input type=\"radio\" name=\"has_unwanted_foods\" value=\"yes\">\r\n                <div class=\"restriction-box\">\r\n                    <span>Yes<\/span>\r\n                <\/div>\r\n            <\/label>\r\n        <\/div>\r\n        <div class=\"restriction-textarea\" id=\"unwantedFoodsTextarea\" style=\"display: none;\">\r\n            <label>Specify unwanted foods<\/label>\r\n            <textarea id=\"unwantedFoodsNote\" placeholder=\"Example: Broccoli, spicy peppers, seafood...\" rows=\"3\"><\/textarea>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n\r\n    <!-- \u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629 -->\r\n  <div class=\"restriction-block\">\r\n        <h3>Do you have any food allergies?<\/h3>\r\n        <div class=\"allergies-grid\">\r\n            <label class=\"allergy-option\">\r\n                <input type=\"checkbox\" name=\"allergies[]\" value=\"none\" checked>\r\n                <div class=\"allergy-box active\">\r\n                    <span>No<\/span>\r\n                    <div class=\"allergy-check\">\u2713<\/div>\r\n                <\/div>\r\n            <\/label>\r\n            <label class=\"allergy-option\">\r\n                <input type=\"checkbox\" name=\"allergies[]\" value=\"gluten_free\">\r\n                <div class=\"allergy-box\">\r\n                    <span>Gluten Free<\/span>\r\n                    <div class=\"allergy-check\">\u2713<\/div>\r\n                <\/div>\r\n            <\/label>\r\n            <label class=\"allergy-option\">\r\n                <input type=\"checkbox\" name=\"allergies[]\" value=\"lactose_free\">\r\n                <div class=\"allergy-box\">\r\n                    <span>Lactose Free<\/span>\r\n                    <div class=\"allergy-check\">\u2713<\/div>\r\n                <\/div>\r\n            <\/label>\r\n            <label class=\"allergy-option\">\r\n                <input type=\"checkbox\" name=\"allergies[]\" value=\"other\">\r\n                <div class=\"allergy-box\">\r\n                    <span>Other<\/span>\r\n                    <div class=\"allergy-check\">\u2713<\/div>\r\n                <\/div>\r\n            <\/label>\r\n        <\/div>\r\n        <div class=\"restriction-textarea\" id=\"otherAllergiesTextarea\" style=\"display: none;\">\r\n            <label>Specify other allergies<\/label>\r\n            <textarea id=\"otherAllergiesNote\" placeholder=\"Example: Nut allergy, eggs, soy...\" rows=\"3\"><\/textarea>\r\n        <\/div>\r\n    <\/div> \r\n<\/div> \r\n\r\n            \r\n            <!-- \u0646\u0638\u0627\u0645 \u0627\u0644\u062f\u0641\u0639 -->\r\n          <div class=\"section-payment\">\r\n    <h2>Payment Plan<\/h2>\r\n    \r\n    <div class=\"payment-options\">\r\n        <label class=\"payment-card\">\r\n            <input type=\"radio\" name=\"payment_plan\" value=\"weekly\" checked>\r\n            <div class=\"payment-content\">\r\n                <div class=\"payment-header\">\r\n                    <h3>weekly<\/h3>\r\n                <\/div>\r\n                <p>Weekly payment<\/p>\r\n            <\/div>\r\n            <div class=\"radio-indicator\"><\/div>\r\n        <\/label>\r\n        \r\n        <label class=\"payment-card\">\r\n            <input type=\"radio\" name=\"payment_plan\" value=\"monthly\">\r\n            <div class=\"payment-content\">\r\n                <div class=\"payment-header\">\r\n                    <h3>Monthly<\/h3>\r\n                    <span class=\"price-badge\" data-plan=\"monthly\">-- SAR\/day<\/span>\r\n                <\/div>\r\n                <p>Monthly payment (10% discount)<\/p>\r\n                <span class=\"save-badge\"><\/span>\r\n            <\/div>\r\n            <div class=\"radio-indicator\"><\/div>\r\n        <\/label>\r\n        \r\n        <label class=\"payment-card\">\r\n            <input type=\"radio\" name=\"payment_plan\" value=\"quarterly\">\r\n            <div class=\"payment-content\">\r\n                <div class=\"payment-header\">\r\n                    <h3>two months<\/h3>\r\n                    <span class=\"price-badge\" data-plan=\"quarterly\">-- SAR\/day<\/span>\r\n                <\/div>\r\n                <p>2 months (20% discount)<\/p>\r\n                <span class=\"save-badge green\"><\/span>\r\n            <\/div>\r\n            <div class=\"radio-indicator\"><\/div>\r\n        <\/label>\r\n    <\/div>\r\n<\/div>\r\n\r\n \r\n           \r\n            \r\n        <\/div>\r\n       \r\n      <!-- Sidebar \u0627\u0644\u0645\u0644\u062e\u0635 - \u064a\u0633\u0627\u0631 -->\r\n<div class=\"payment-summary-box\">\r\n    <div class=\"summary-image\">\r\n        <div class=\"bag-image\">\ufe0f<\/div>\r\n        <div class=\"summary-header\">\r\n            <h3>Your Custom Plan<\/h3>\r\n            <p class=\"dynamic-summary\" id=\"dynamicSummary\">\r\n                Select a meal type to start            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"promo-code-section\">\r\n        <div class=\"promo-input-wrapper\">\r\n            <input type=\"text\" class=\"promo-input\" placeholder=\"Enter promo code\" id=\"promoCode\">\r\n            <button class=\"promo-apply\">Apply<\/button>\r\n        <\/div>\r\n        <div id=\"promo-message\" class=\"promo-message\" style=\"display: none;\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"discount-banner\" id=\"discountBanner\" style=\"display: none;\">\r\n        <span class=\"discount-icon\">\u2728<\/span>\r\n        <span id=\"discountText\">10% off your subscription<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"summary-body\">\r\n            <h4 class=\"summary-title\">Payment Summary<\/h4>\r\n        <div class=\"summary-line\">\r\n            <span class=\"label\">Unit Price<\/span>\r\n            <span class=\"value\" id=\"unit-price\">0.00 SAR<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"summary-line\">\r\n            <span class=\"label\">Delivery<\/span>\r\n            <span class=\"value\" style=\"color:#166144\">Free<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"summary-line\" id=\"discountLine\" style=\"display: none;\">\r\n            <span class=\"label\">Discount<\/span>\r\n            <span class=\"value discount-value\" id=\"discount-amount\" style=\"color:#166144 !important\">0.00 SAR<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"summary-divider\"><\/div>\r\n\r\n        <div class=\"summary-total\">\r\n            <span class=\"label\">Total<\/span>\r\n            <span class=\"value total\" id=\"total-price\">0.00 SAR<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"error-message\" style=\"display: none;\"><\/div>\r\n\r\n    <button class=\"checkout-btn\" id=\"checkoutBtn\">\r\n        <span>Continue<\/span>\r\n    <\/button>\r\n\r\n    <div class=\"security-badges\">\r\n        <div class=\"badge\">\ud83d\udd12 Secure Payment<\/div>\r\n        <div class=\"badge\">\u2713 Free Shipping<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n        \r\n    <\/div>\r\n\r\n\r\n\r\n<!-- Modal \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 -->\r\n<div class=\"meal-details-modal\" id=\"mealModal\" style=\"display: none;\">\r\n    <div class=\"modal-overlay\"><\/div>\r\n    <div class=\"modal-content\">\r\n        <button class=\"modal-close\" id=\"closeModal\">\u00d7<\/button>\r\n        \r\n        <div class=\"modal-header\">\r\n            <div class=\"modal-icon\" id=\"modalIcon\">\ud83e\udd57<\/div>\r\n            <h2 id=\"modalTitle\">High Protein<\/h2>\r\n        <\/div>\r\n        \r\n        <div class=\"modal-body\">\r\n            \r\n<p id=\"modalDescription\">\r\n    <\/p>\r\n\r\n            \r\n            <div class=\"macros-chart\">\r\n                 \r\n                \r\n                \r\n                \r\n                <!-- Visual Bar -->\r\n                <div class=\"visual-bar\">\r\n                    <div class=\"visual-segment protein-segment\" id=\"proteinSegment\"><\/div>\r\n                    <div class=\"visual-segment carbs-segment\" id=\"carbsSegment\"><\/div>\r\n                    <div class=\"visual-segment fats-segment\" id=\"fatsSegment\"><\/div>\r\n                <\/div>\r\n                <div class=\"visual-value\">\r\n                    <div  style=\"display:flex; flex-direction:column\" id=\"proteinV\"><span class=\"macro-value\" id=\"proteinValue\">40-50%<\/span><span style=\"font-size:12px\">Protein<\/span><\/div>\r\n                    <div style=\"display:flex; flex-direction:column\" id=\"carbsV\"><span class=\"macro-value\" id=\"carbsValue\">35-40%<\/span><span style=\"font-size:12px\">Carbs<\/span><\/div>\r\n                    <div style=\"display:flex; flex-direction:column\" id=\"fatsV\"><span class=\"macro-value\" id=\"fatsValue\">10-20%<\/span><span style=\"font-size:12px\">Fats<\/span><\/div>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<!-- ====== Popups \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u0628\u0627\u0642\u0627\u062a ====== -->\r\n\r\n<!-- Popup 1: \u0627\u0644\u0627\u0633\u0645 -->\r\n<div class=\"macros-popup\" id=\"packagePopup1\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content\">\r\n        <button class=\"macros-close\">\u00d7<\/button>\r\n        <h2>What is your full name?<\/h2>\r\n        <input type=\"text\" id=\"customerName\" class=\"macros-input\" placeholder=\"Enter your full name\">\r\n        <button class=\"macros-btn\" id=\"continuePackagePopup1\">Continue<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Popup 2: \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 -->\r\n<div class=\"macros-popup\" id=\"packagePopup2\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content\">\r\n        <button class=\"macros-close\">\u00d7<\/button>\r\n        <h2>What is your phone number?<\/h2>\r\n        <div class=\"input-with-unit\" style=\"margin-bottom: 24px;\">\r\n            <input type=\"tel\" id=\"customerPhone\" class=\"macros-input\" placeholder=\"12345678\" style=\"padding-left: 80px;\">\r\n            <span class=\"unit\" style=\"left: auto; right: 20px;\">\ud83c\uddf6\ud83c\udde6 +974<\/span>\r\n        <\/div>\r\n        <button class=\"macros-btn\" id=\"continuePackagePopup2\">Continue<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Popup 3: \u0627\u0644\u0633\u0646 -->\r\n<div class=\"macros-popup\" id=\"packagePopup3\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content\">\r\n        <button class=\"macros-close\">\u00d7<\/button>\r\n        <h2>How old are you?<\/h2>\r\n        <div class=\"input-with-unit\">\r\n            <input type=\"number\" id=\"customerAge\" class=\"macros-input\" placeholder=\"25\" min=\"10\" max=\"100\">\r\n            <span class=\"unit\">years<\/span>\r\n        <\/div>\r\n        <button class=\"macros-btn\" id=\"continuePackagePopup3\">Continue<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Popup 4: \u0627\u0644\u062c\u0646\u0633 -->\r\n<div class=\"macros-popup\" id=\"packagePopup4\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content\">\r\n        <button class=\"macros-close\">\u00d7<\/button>\r\n        <h2>Are you<\/h2>\r\n        <p class=\"macros-subtitle\">We will use this to calculate your daily calorie needs<\/p>\r\n        \r\n        <div class=\"gender-grid\">\r\n            <div class=\"gender-option\" data-gender=\"male\">\r\n                <div class=\"gender-icon\">\ud83d\udc68<\/div>\r\n                <span>Male<\/span>\r\n            <\/div>\r\n            <div class=\"gender-option\" data-gender=\"female\">\r\n                <div class=\"gender-icon\">\ud83d\udc69<\/div>\r\n                <span>Female<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <button class=\"macros-btn\" id=\"continuePackagePopup4\">Continue<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Popup 5: \u0627\u0644\u0637\u0648\u0644 -->\r\n<div class=\"macros-popup\" id=\"packagePopup5\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content\">\r\n        <button class=\"macros-close\">\u00d7<\/button>\r\n        <h2>What is your height?<\/h2>\r\n        <div class=\"input-with-unit\">\r\n            <input type=\"number\" id=\"customerHeight\" class=\"macros-input\" placeholder=\"170\" min=\"100\" max=\"250\">\r\n            <span class=\"unit\">cm<\/span>\r\n        <\/div>\r\n        <button class=\"macros-btn\" id=\"continuePackagePopup5\">Continue<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Popup 6: \u0627\u0644\u0648\u0632\u0646 -->\r\n<div class=\"macros-popup\" id=\"packagePopup6\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content\">\r\n        <button class=\"macros-close\">\u00d7<\/button>\r\n        <h2>What is your weight?<\/h2>\r\n        <div class=\"input-with-unit\">\r\n            <input type=\"number\" id=\"customerWeight\" class=\"macros-input\" placeholder=\"85\" min=\"30\" max=\"300\">\r\n            <span class=\"unit\">kg<\/span>\r\n        <\/div>\r\n        <button class=\"macros-btn\" id=\"continuePackagePopup6\">Continue<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Popup 7: \u0627\u0644\u0647\u062f\u0641 (\u0641\u0642\u0637 \u0644\u0644\u0628\u0627\u0642\u0627\u062a: balanced, vegetarian, low_carb) -->\r\n<div class=\"macros-popup\" id=\"packagePopup7\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content\">\r\n        <button class=\"macros-close\">\u00d7<\/button>\r\n        <h2>What is your goal?<\/h2>\r\n        \r\n        <div class=\"goals-grid\">\r\n            <div class=\"goal-option\" data-goal=\"lose_weight\">\r\n                <div class=\"goal-icon\">\ud83c\udfc3<\/div>\r\n                <h3>Lose Weight<\/h3>\r\n                <p>Safe and healthy weight loss and fat reduction<\/p>\r\n            <\/div>\r\n            <div class=\"goal-option\" data-goal=\"gain_weight\">\r\n                <div class=\"goal-icon\">\ud83d\udcaa<\/div>\r\n                <h3>Gain Weight<\/h3>\r\n                <p>Safe and healthy weight gain<\/p>\r\n            <\/div>\r\n            <div class=\"goal-option\" data-goal=\"maintain\">\r\n                <div class=\"goal-icon\">\ud83e\uddd8<\/div>\r\n                <h3>Maintain Weight<\/h3>\r\n                <p>Maintain my current fitness and weight<\/p>\r\n            <\/div>\r\n            <div class=\"goal-option\" data-goal=\"build_muscle\">\r\n                <div class=\"goal-icon\">\ud83c\udfcb\ufe0f<\/div>\r\n                <h3>Build Muscle<\/h3>\r\n                <p>Gain strength without adding fat<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <button class=\"macros-btn\" id=\"continuePackagePopup7\">Continue<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Popup 8: \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0646\u0634\u0627\u0637 -->\r\n<div class=\"macros-popup\" id=\"packagePopup8\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content\">\r\n        <button class=\"macros-close\">\u00d7<\/button>\r\n        <h2>How active are you?<\/h2>\r\n        \r\n        <div class=\"activity-grid\">\r\n            <div class=\"activity-option\" data-activity=\"sedentary\">\r\n                <div class=\"activity-icon\">\ud83e\uddd1\u200d\ud83d\udcbc<\/div>\r\n                <h3>Sedentary<\/h3>\r\n                <p>Spend most of your day sitting with no exercise<\/p>\r\n            <\/div>\r\n            <div class=\"activity-option\" data-activity=\"light\">\r\n                <div class=\"activity-icon\">\ud83d\udeb6<\/div>\r\n                <h3>Light Activity<\/h3>\r\n                <p>Light daily activity or light exercise 1-2 times per week<\/p>\r\n            <\/div>\r\n            <div class=\"activity-option\" data-activity=\"moderate\">\r\n                <div class=\"activity-icon\">\ud83c\udfcb\ufe0f<\/div>\r\n                <h3>Moderate Activity<\/h3>\r\n                <p>Demanding work or intense exercise 5+ times per week<\/p>\r\n            <\/div>\r\n            <div class=\"activity-option\" data-activity=\"active\">\r\n                <div class=\"activity-icon\">\ud83c\udfc3<\/div>\r\n                <h3>High Activity<\/h3>\r\n                <p>Daily activity or moderate exercise 3-5 times per week<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <button class=\"macros-btn\" id=\"continuePackagePopup8\">Continue<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Popup 9: \u0627\u0644\u0646\u062a\u064a\u062c\u0629 -->\r\n<div class=\"macros-popup\" id=\"packagePopup9\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content result-popup\">\r\n        <button class=\"macros-close\">\u00d7<\/button>\r\n        <h2>Your New Daily Goal<\/h2>\r\n        <p class=\"macros-subtitle\">Your meals will be customized to match your macro goals<\/p>\r\n        \r\n        <div class=\"result-calories\">\r\n            <span id=\"packageResultCalories\">0<\/span> Calories        <\/div>\r\n        \r\n        <h3 class=\"macros-title\">Customize Macros<\/h3>\r\n        \r\n        <div class=\"result-macros-bars\">\r\n            <div class=\"result-macro-item\">\r\n                <div class=\"result-macro-header\">\r\n                    <span>Protein<\/span>\r\n                    <span><span id=\"packageResultProtein\">0<\/span> g<\/span>\r\n                <\/div>\r\n                <div class=\"result-bar\">\r\n                    <div class=\"result-bar-fill protein-fill\" id=\"packageResultProteinBar\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"result-macro-item\">\r\n                <div class=\"result-macro-header\">\r\n                    <span>Carbs<\/span>\r\n                    <span><span id=\"packageResultCarbs\">0<\/span> g<\/span>\r\n                <\/div>\r\n                <div class=\"result-bar\">\r\n                    <div class=\"result-bar-fill carbs-fill\" id=\"packageResultCarbsBar\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"result-macro-item\">\r\n                <div class=\"result-macro-header\">\r\n                    <span>Fats<\/span>\r\n                    <span><span id=\"packageResultFats\">0<\/span> g<\/span>\r\n                <\/div>\r\n                <div class=\"result-bar\">\r\n                    <div class=\"result-bar-fill fats-fill\" id=\"packageResultFatsBar\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <button class=\"macros-btn primary\" id=\"selectPackagePlan\">Select plan<\/button>\r\n    <\/div>\r\n<\/div>\r\n     \r\n\r\n\r\n<!-- Popup 1: \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 (Google Map) -->\r\n<div class=\"location-popup\" id=\"locationPopup\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content location-content\">\r\n        <button class=\"macros-close\" onclick=\"closeLocationPopup()\">\u00d7<\/button>\r\n        \r\n        <div class=\"location-header\">\r\n            <h2>Confirm Location<\/h2>\r\n            <p class=\"macros-subtitle\">Move the map to align the pin with your location<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"search-location\">\r\n            <input type=\"text\" id=\"locationSearch\" class=\"macros-input\" placeholder=\"Search for the area name...\">\r\n        <\/div>\r\n        \r\n        <div id=\"map\" style=\"width: 100%; height: 350px; border-radius: 12px; margin: 20px 0;\"><\/div>\r\n        \r\n        <div class=\"selected-location\">\r\n            <p id=\"selectedAddress\">Locating...<\/p>\r\n        <\/div>\r\n        \r\n        <button class=\"macros-btn primary\" id=\"confirmLocation\">Continue<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- Popup 2: \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \/ \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 -->\r\n<div class=\"register-popup\" id=\"registerPopup\" style=\"display: none;\">\r\n    <div class=\"macros-overlay\"><\/div>\r\n    <div class=\"macros-content register-content\">\r\n        <button class=\"macros-close\" onclick=\"closeRegisterPopup()\">\u00d7<\/button>\r\n        \r\n        <div class=\"register-header\">\r\n            <h2>Let\u2019s create your Nutrition account<\/h2>\r\n            <p class=\"macros-subtitle\">This will be used to log in to the app.<\/p>\r\n        <\/div>\r\n        \r\n        <form id=\"registerForm\" class=\"register-form\">\r\n            <div class=\"form-group\">\r\n                <label>Enter your email<\/label>\r\n                <input type=\"email\" id=\"userEmail\" class=\"macros-input\" placeholder=\"example@email.com\" required>\r\n            <\/div>\r\n            \r\n            <div class=\"form-group\">\r\n                <label>Phone number<\/label>\r\n                <div class=\"phone-input-wrapper\">\r\n                    <span class=\"country-code\">\ud83c\uddf6\ud83c\udde6 +974<\/span>\r\n                    <input type=\"tel\" id=\"userPhone\" class=\"macros-input phone-input\" placeholder=\"12345678\" required>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"register-note\">\r\n                This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.            <\/div>\r\n            \r\n            <button type=\"submit\" class=\"macros-btn primary\" id=\"registerBtn\">Continue<\/button>\r\n            \r\n            <div id=\"register-error\" class=\"register-error\" style=\"display: none;\"><\/div>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- \u062a\u062d\u0645\u064a\u0644 Google Maps API -->\r\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY&libraries=places&language=ar\"><\/script>\r\n\r\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3955","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/v1.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/pages\/3955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/v1.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/v1.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/v1.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/v1.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/comments?post=3955"}],"version-history":[{"count":2,"href":"https:\/\/v1.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/pages\/3955\/revisions"}],"predecessor-version":[{"id":4201,"href":"https:\/\/v1.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/pages\/3955\/revisions\/4201"}],"wp:attachment":[{"href":"https:\/\/v1.cyberspacegcc.com\/en\/wp-json\/wp\/v2\/media?parent=3955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}