Garlic Chicken Stir Fry<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n }\n\n .hero {\n background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 600\"><rect fill=\"%23d4a574\" width=\"1200\" height=\"600\"\/><path fill=\"%238b6914\" d=\"M0 400 Q300 350 600 400 T1200 400 V600 H0 Z\"\/><ellipse cx=\"600\" cy=\"300\" rx=\"200\" ry=\"150\" fill=\"%23f4e4c1\" opacity=\"0.7\"\/><circle cx=\"400\" cy=\"250\" r=\"80\" fill=\"%23c8a882\" opacity=\"0.6\"\/><circle cx=\"800\" cy=\"280\" r=\"60\" fill=\"%23c8a882\" opacity=\"0.6\"\/><\/svg>');\n background-size: cover;\n background-position: center;\n color: white;\n text-align: center;\n padding: 100px 20px 60px;\n position: relative;\n }\n\n .hero h1 {\n font-size: 3.5rem;\n margin-bottom: 20px;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.7);\n font-weight: 700;\n }\n\n .badges {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n margin-top: 30px;\n }\n\n .badge {\n background: rgba(255,255,255,0.95);\n color: #333;\n padding: 12px 24px;\n border-radius: 25px;\n font-weight: 600;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n transition: transform 0.3s ease;\n }\n\n .badge:hover {\n transform: translateY(-3px);\n }\n\n .badge span {\n color: #e74c3c;\n font-weight: 700;\n }\n\n .container {\n max-width: 1200px;\n margin: -40px auto 40px;\n padding: 0 20px;\n position: relative;\n }\n\n .quick-info {\n background: white;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 8px 30px rgba(0,0,0,0.15);\n margin-bottom: 30px;\n position: sticky;\n top: 20px;\n z-index: 100;\n }\n\n .quick-info h3 {\n color: #e74c3c;\n margin-bottom: 15px;\n font-size: 1.4rem;\n }\n\n .info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 15px;\n margin-bottom: 15px;\n }\n\n .info-item {\n text-align: center;\n padding: 10px;\n background: #f8f9fa;\n border-radius: 8px;\n }\n\n .info-item strong {\n display: block;\n color: #e74c3c;\n margin-bottom: 5px;\n }\n\n .dietary-tags {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n margin-top: 15px;\n }\n\n .tag {\n background: #27ae60;\n color: white;\n padding: 6px 15px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: 600;\n }\n\n .content-section {\n background: white;\n border-radius: 15px;\n padding: 35px;\n margin-bottom: 30px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n }\n\n .content-section h2 {\n color: #2c3e50;\n margin-bottom: 25px;\n font-size: 2rem;\n border-bottom: 3px solid #e74c3c;\n padding-bottom: 10px;\n }\n\n .serving-adjuster {\n background: #fff3cd;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n .serving-adjuster label {\n font-weight: 600;\n font-size: 1.1rem;\n }\n\n .serving-controls {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .serving-controls button {\n background: #e74c3c;\n color: white;\n border: none;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n font-size: 1.2rem;\n cursor: pointer;\n transition: background 0.3s ease;\n }\n\n .serving-controls button:hover {\n background: #c0392b;\n }\n\n .serving-controls span {\n font-size: 1.3rem;\n font-weight: 700;\n min-width: 30px;\n text-align: center;\n }\n\n .unit-toggle {\n margin-left: auto;\n }\n\n .unit-toggle button {\n background: #3498db;\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n transition: background 0.3s ease;\n }\n\n .unit-toggle button:hover {\n background: #2980b9;\n }\n\n .ingredients-list {\n list-style: none;\n padding: 0;\n }\n\n .ingredients-list li {\n padding: 12px;\n margin-bottom: 10px;\n background: #f8f9fa;\n border-radius: 8px;\n display: flex;\n align-items: center;\n transition: background 0.3s ease;\n }\n\n .ingredients-list li:hover {\n background: #e9ecef;\n }\n\n .ingredients-list input[type=\"checkbox\"] {\n width: 22px;\n height: 22px;\n margin-right: 15px;\n cursor: pointer;\n }\n\n .ingredients-list li.checked {\n text-decoration: line-through;\n opacity: 0.6;\n }\n\n .steps {\n counter-reset: step-counter;\n }\n\n .step {\n counter-increment: step-counter;\n margin-bottom: 30px;\n padding: 20px;\n background: #f8f9fa;\n border-radius: 10px;\n border-left: 5px solid #e74c3c;\n position: relative;\n }\n\n .step::before {\n content: counter(step-counter);\n position: absolute;\n left: -20px;\n top: 20px;\n background: #e74c3c;\n color: white;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1.2rem;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n }\n\n .step-content {\n margin-left: 30px;\n }\n\n .step h4 {\n color: #2c3e50;\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n .step-tip {\n background: #d4edda;\n border-left: 4px solid #28a745;\n padding: 10px 15px;\n margin-top: 10px;\n border-radius: 5px;\n font-size: 0.95rem;\n }\n\n .step-tip strong {\n color: #155724;\n }\n\n .nutrition-table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n }\n\n .nutrition-table th,\n .nutrition-table td {\n padding: 15px;\n text-align: left;\n border-bottom: 1px solid #dee2e6;\n }\n\n .nutrition-table th {\n background: #2c3e50;\n color: white;\n font-weight: 600;\n }\n\n .nutrition-table tr:hover {\n background: #f8f9fa;\n }\n\n .chef-tip {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 25px;\n border-radius: 15px;\n margin: 30px 0;\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n }\n\n .chef-tip h3 {\n margin-bottom: 15px;\n font-size: 1.5rem;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .variations {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n\n .variation-card {\n background: #fff;\n border: 2px solid #e74c3c;\n border-radius: 12px;\n padding: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .variation-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .variation-card h4 {\n color: #e74c3c;\n margin-bottom: 12px;\n font-size: 1.3rem;\n }\n\n .action-buttons {\n display: flex;\n gap: 15px;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n\n .btn {\n padding: 15px 30px;\n border: none;\n border-radius: 10px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n }\n\n .btn-primary {\n background: #e74c3c;\n color: white;\n }\n\n .btn-primary:hover {\n background: #c0392b;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);\n }\n\n .btn-secondary {\n background: #3498db;\n color: white;\n }\n\n .btn-secondary:hover {\n background: #2980b9;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);\n }\n\n .related-recipes {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n\n .recipe-card {\n background: #f8f9fa;\n border-radius: 10px;\n padding: 15px;\n text-align: center;\n transition: transform 0.3s ease;\n cursor: pointer;\n }\n\n .recipe-card:hover {\n transform: scale(1.05);\n }\n\n .recipe-card h4 {\n color: #2c3e50;\n margin: 10px 0;\n }\n\n .progress-bar {\n background: #e9ecef;\n height: 8px;\n border-radius: 10px;\n margin: 20px 0;\n overflow: hidden;\n }\n\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, #e74c3c, #f39c12);\n width: 0%;\n transition: width 0.3s ease;\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n\n .badges {\n gap: 10px;\n }\n\n .badge {\n padding: 8px 16px;\n font-size: 0.9rem;\n }\n\n .content-section {\n padding: 20px;\n }\n\n .step::before {\n left: -15px;\n width: 35px;\n height: 35px;\n font-size: 1rem;\n }\n }\n\n @media print {\n .action-buttons,\n .quick-info,\n .chef-tip,\n .related-recipes {\n display: none;\n }\n\n body {\n background: white;\n }\n\n .content-section {\n box-shadow: none;\n page-break-inside: avoid;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"hero\">\n <h1>\ud83e\udd62 Garlic Chicken Stir Fry<\/h1>\n <p style=\"font-size: 1.2rem; margin-top: 10px;\">Quick, flavorful, and packed with tender chicken and crisp vegetables<\/p>\n <div class=\"badges\">\n <div class=\"badge\">\u23f1\ufe0f Prep: <span>15 mins<\/span><\/div>\n <div class=\"badge\">\ud83d\udd25 Cook: <span>12 mins<\/span><\/div>\n <div class=\"badge\">\ud83d\udcca Difficulty: <span>Easy<\/span><\/div>\n <div class=\"badge\">\ud83c\udf7d\ufe0f Servings: <span>4<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"container\">\n <div class=\"quick-info\">\n <h3>\ud83d\udccb Quick Info<\/h3>\n <div class=\"info-grid\">\n <div class=\"info-item\">\n <strong>Calories<\/strong>\n <span id=\"calories\">385<\/span> per serving\n <\/div>\n <div class=\"info-item\">\n <strong>Protein<\/strong>\n <span id=\"protein\">32g<\/span>\n <\/div>\n <div class=\"info-item\">\n <strong>Equipment<\/strong>\n Wok or Large Skillet\n <\/div>\n <\/div>\n <div class=\"dietary-tags\">\n <span class=\"tag\">\ud83c\udf3e Gluten-Free Option<\/span>\n <span class=\"tag\">\ud83e\udd57 Low-Carb Friendly<\/span>\n <span class=\"tag\">\ud83d\udd25 High Protein<\/span>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\uded2 Ingredients<\/h2>\n \n <div class=\"serving-adjuster\">\n <label>Adjust Servings:<\/label>\n <div class=\"serving-controls\">\n <button onclick=\"adjustServings(-1)\">\u2212<\/button>\n <span id=\"servings\">4<\/span>\n <button onclick=\"adjustServings(1)\">+<\/button>\n <\/div>\n <div class=\"unit-toggle\">\n <button onclick=\"toggleUnits()\" id=\"unitBtn\">Switch to Metric<\/button>\n <\/div>\n <\/div>\n\n <ul class=\"ingredients-list\" id=\"ingredientsList\">\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1.5\" data-metric=\"680\">1.5<\/strong> lbs boneless chicken breast, cut into bite-sized pieces<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"6\" data-metric=\"6\">6<\/strong> cloves garlic, minced<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"3\" data-metric=\"45\">3<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> soy sauce (use tamari for GF)<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"2\" data-metric=\"30\">2<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> oyster sauce<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"15\">1<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> sesame oil<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"2\" data-metric=\"30\">2<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> vegetable oil<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"15\">1<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> cornstarch<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"2\" data-metric=\"2\">2<\/strong> cups broccoli florets<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"1\">1<\/strong> red bell pepper, sliced<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"1\">1<\/strong> medium onion, sliced<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"0.25\" data-metric=\"60\">\u00bc<\/strong> <span class=\"unit\" data-us=\"cup\" data-metric=\"ml\">cup<\/span> chicken broth<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"5\">1<\/strong> <span class=\"unit\" data-us=\"tsp\" data-metric=\"ml\">tsp<\/span> fresh ginger, grated<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span>Salt and pepper to taste<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span>Green onions and sesame seeds for garnish<\/span><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\udc68\u200d\ud83c\udf73 Cooking Steps<\/h2>\n \n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n <\/div>\n\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Prepare the Chicken<\/h4>\n <p>Cut chicken breast into bite-sized pieces. In a bowl, toss chicken with cornstarch, 1 tablespoon soy sauce, and a pinch of salt. Let marinate for 5-10 minutes while you prep vegetables.<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> Cornstarch creates a velvety coating that locks in moisture and creates a slight crisp when stir-fried.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Prep Your Vegetables<\/h4>\n <p>Mince the garlic, grate the ginger, and slice all vegetables. Have everything ready near your stove\u2014stir-frying moves fast!<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> Keep vegetables uniform in size for even cooking. Cut broccoli into small florets for quicker cooking.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Cook the Chicken<\/h4>\n <p>Heat 1 tablespoon vegetable oil in a wok or large skillet over high heat. Add chicken in a single layer (work in batches if needed). Cook for 3-4 minutes until golden and cooked through. Remove and set aside.<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> Don’t overcrowd the pan! This ensures the chicken browns rather than steams.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Stir-Fry the Aromatics<\/h4>\n <p>Add remaining oil to the wok. Add minced garlic and ginger, stirring constantly for 30 seconds until fragrant. Be careful not to burn!<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> The key to amazing garlic flavor is to cook it just until aromatic\u2014burnt garlic tastes bitter.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Add Vegetables<\/h4>\n <p>Toss in onion, bell pepper, and broccoli. Stir-fry for 3-4 minutes until vegetables are crisp-tender. Add chicken broth to create steam and help cook the broccoli.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Combine and Sauce<\/h4>\n <p>Return chicken to the wok. Add remaining soy sauce, oyster sauce, and sesame oil. Toss everything together for 1-2 minutes until the sauce coats everything and is heated through.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Garnish and Serve<\/h4>\n <p>Remove from heat. Garnish with sliced green onions and sesame seeds. Serve immediately over steamed rice, quinoa, or cauliflower rice for low-carb option.<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> Stir-fries are best served immediately while vegetables are still crisp and vibrant!\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"chef-tip\">\n <h3>\ud83d\udc68\u200d\ud83c\udf73 Chef’s Secret<\/h3>\n <p>The secret to restaurant-quality stir-fry at home is <strong>HIGH HEAT<\/strong> and <strong>constant movement<\/strong>. Your wok should be smoking hot before you add ingredients. This technique, called “wok hei,” creates that irresistible smoky flavor and keeps vegetables crisp. Also, always have all ingredients prepped before you start cooking\u2014once you begin, there’s no time to chop!<\/p>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\udd25 Nutrition Facts<\/h2>\n <p style=\"margin-bottom: 15px;\">Per serving (based on 4 servings)<\/p>\n <table class=\"nutrition-table\">\n <thead>\n <tr>\n <th>Nutrient<\/th>\n <th>Amount<\/th>\n <th>% Daily Value<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Calories<\/td>\n <td>385 kcal<\/td>\n <td>19%<\/td>\n <\/tr>\n <tr>\n <td>Protein<\/td>\n <td>32g<\/td>\n <td>64%<\/td>\n <\/tr>\n <tr>\n <td>Carbohydrates<\/td>\n <td>18g<\/td>\n <td>6%<\/td>\n <\/tr>\n <tr>\n <td>Fat<\/td>\n <td>22g<\/td>\n <td>34%<\/td>\n <\/tr>\n <tr>\n <td>Fiber<\/td>\n <td>4g<\/td>\n <td>16%<\/td>\n <\/tr>\n <tr>\n <td>Sodium<\/td>\n <td>890mg<\/td>\n <td>39%<\/td>\n <\/tr>\n <tr>\n <td>Vitamin C<\/td>\n <td>95mg<\/td>\n <td>106%<\/td>\n <\/tr>\n <tr>\n <td>Iron<\/td>\n <td>2.1mg<\/td>\n <td>12%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\udd04 Recipe Variations<\/h2>\n <div class=\"variations\">\n <div class=\"variation-card\">\n <h4>\ud83e\udd55 Vegan Version<\/h4>\n <p>Replace chicken with extra-firm tofu or tempeh. Use tamari instead of soy sauce and hoisin sauce instead of oyster sauce. Add mushrooms for extra umami!<\/p>\n <\/div>\n <div class=\"variation-card\">\n <h4>\ud83c\udf3e Gluten-Free<\/h4>\n <p>Use tamari or coconut aminos instead of soy sauce. Check that oyster sauce is GF or substitute with hoisin. Use arrowroot powder instead of cornstarch.<\/p>\n <\/div>\n <div class=\"variation-card\">\n <h4>\ud83e\udd57 Low-Carb\/Keto<\/h4>\n <p>Skip the cornstarch coating or use a small amount of xanthan gum. Serve over cauliflower rice or zucchini noodles. Add extra healthy fats like avocado.<\/p>\n <\/div>\n <div class=\"variation-card\">\n <h4>\ud83c\udf36\ufe0f Spicy Version<\/h4>\n <p>Add 1-2 teaspoons of chili garlic sauce, sriracha, or fresh sliced Thai chilies. Sprinkle with red pepper flakes for extra kick!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\udce6 Storage & Leftovers<\/h2>\n <p><strong>Refrigerator:<\/strong> Store in an airtight container for up to 3-4 days. Reheat in a skillet over medium-high heat to restore crispness, or microwave for 2-3 minutes.<\/p>\n <p style=\"margin-top: 10px;\"><strong>Freezer:<\/strong> Freeze in portions for up to 2 months. Thaw overnight in the refrigerator before reheating. Note: vegetables may be slightly softer after freezing.<\/p>\n <p style=\"margin-top: 10px;\"><strong>Meal Prep Tip:<\/strong> Cook a double batch and portion into containers with rice for easy grab-and-go lunches throughout the week!<\/p>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83c\udf77 Beverage Pairing<\/h2>\n <p><strong>Wine:<\/strong> A crisp Riesling or unoaked Chardonnay complements the garlic and savory flavors beautifully.<\/p>\n <p style=\"margin-top: 10px;\"><strong>Beer:<\/strong> Try a light lager or wheat beer to balance the richness.<\/p>\n <p style=\"margin-top: 10px;\"><strong>Non-Alcoholic:<\/strong> Iced green tea or sparkling water with lime perfectly cleanses the palate between bites.<\/p>\n <\/div>\n\n <div class=\"action-buttons\">\n <button class=\"btn btn-primary\" onclick=\"addToShoppingList()\">\ud83d\uded2 Add to Shopping List<\/button>\n <button class=\"btn btn-secondary\" onclick=\"window.print()\">\ud83d\udda8\ufe0f Print Recipe<\/button>\n <button class=\"btn btn-secondary\" onclick=\"shareRecipe()\">\ud83d\udce4 Share Recipe<\/button>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83c\udf5c Related Recipes<\/h2>\n <div class=\"related-recipes\">\n <div class=\"recipe-card\">\n <div style=\"font-size: 3rem;\">\ud83e\udd5f<\/div>\n <h4>Chicken Fried Rice<\/h4>\n <p>15 mins<\/p>\n <\/div>\n <div class=\"recipe-card\">\n <div style=\"font-size: 3rem;\">\ud83c\udf5c<\/div>\n <h4>Teriyaki Chicken<\/h4>\n <p>20 mins<\/p>\n <\/div>\n <div class=\"recipe-card\">\n <div style=\"font-size: 3rem;\">\ud83e\udd58<\/div>\n <h4>Beef & Broccoli<\/h4>\n <p>18 mins<\/p>\n <\/div>\n <div class=\"recipe-card\">\n <div style=\"font-size: 3rem;\">\ud83c\udf72<\/div>\n <h4>Sweet & Sour Chicken<\/h4>\n <p>25 mins<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let currentServings = 4;\n let isMetric = false;\n const baseServings = 4;\n\n function adjustServings(change) {\n const newServings = currentServings + change;\n if (newServings < 1 || newServings > 12) return;\n \n currentServings = newServings;\n document.getElementById('servings').textContent = currentServings;\n \n const multiplier = currentServings \/ baseServings;\n \n document.querySelectorAll('.amount').forEach(el => {\n const baseValue = parseFloat(isMetric ? el.dataset.metric : el.dataset.us);\n const newValue = baseValue * multiplier;\n el.textContent = newValue % 1 === 0 ? newValue : newValue.toFixed(1);\n });\n\n const baseCalories = 385;\n const baseProtein = 32;\n document.getElementById('calories').textContent = Math.round(baseCalories * multiplier);\n document.getElementById('protein').textContent = Math.round(baseProtein * multiplier) + 'g';\n }\n\n function toggleUnits() {\n isMetric = !isMetric;\n const btn = document.getElementById('unitBtn');\n btn.textContent = isMetric ? 'Switch to US' : 'Switch to Metric';\n \n const multiplier = currentServings \/ baseServings;\n \n document.querySelectorAll('.amount').forEach(el => {\n const baseValue = parseFloat(isMetric ? el.dataset.metric : el.dataset.us);\n const newValue = baseValue * multiplier;\n el.textContent = newValue % 1 === 0 ? newValue : newValue.toFixed(1);\n });\n\n document.querySelectorAll('.unit').forEach(el => {\n el.textContent = isMetric ? el.dataset.metric : el.dataset.us;\n });\n }\n\n function toggleIngredient(checkbox) {\n const li = checkbox.parentElement;\n li.classList.toggle('checked', checkbox.checked);\n updateProgress();\n }\n\n function updateProgress() {\n const checkboxes = document.querySelectorAll('.ingredients-list input[type=\"checkbox\"]');\n const checked = document.querySelectorAll('.ingredients-list input[type=\"checkbox\"]:checked').length;\n const total = checkboxes.length;\n const percentage = (checked \/ total) * 100;\n document.getElementById('progressBar').style.width = percentage + '%';\n }\n\n function addToShoppingList() {\n const ingredients = [];\n document.querySelectorAll('.ingredients-list li span').forEach(el => {\n ingredients.push(el.textContent.trim());\n });\n \n alert('Shopping list created!\\n\\n' + ingredients.join('\\n') + '\\n\\nCopy this list to your notes or shopping app!');\n }\n\n function shareRecipe() {\n if (navigator.share) {\n navigator.share({\n title: 'Garlic Chicken Stir Fry Recipe',\n text: 'Check out this amazing Garlic Chicken Stir Fry recipe!',\n url: window.location.href\n });\n } else {\n alert('Share this recipe: ' + window.location.href);\n }\n }\n\n const steps = document.querySelectorAll('.step');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'fadeIn 0.6s ease forwards';\n }\n });\n }, { threshold: 0.1 });\n\n steps.forEach(step => observer.observe(step));\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Garlic Chicken Stir Fry \ud83e\udd62 Garlic Chicken Stir Fry Quick, flavorful, and packed with tender chicken and crisp vegetables \u23f1\ufe0f Prep: 15 mins \ud83d\udd25 Cook: 12 mins \ud83d\udcca Difficulty: Easy \ud83c\udf7d\ufe0f Servings: 4 \ud83d\udccb Quick Info Calories 385 per serving Protein 32g Equipment Wok or Large Skillet \ud83c\udf3e Gluten-Free Option \ud83e\udd57 Low-Carb Friendly \ud83d\udd25 High […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1226","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/posts\/1226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/comments?post=1226"}],"version-history":[{"count":1,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/posts\/1226\/revisions"}],"predecessor-version":[{"id":1227,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/posts\/1226\/revisions\/1227"}],"wp:attachment":[{"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/media?parent=1226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/categories?post=1226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/tags?post=1226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1226,"date":"2025-10-27T18:09:45","date_gmt":"2025-10-28T01:09:45","guid":{"rendered":"https:\/\/brianbaker.net\/blog\/?p=1226"},"modified":"2025-10-27T18:09:46","modified_gmt":"2025-10-28T01:09:46","slug":"garlic-chicken-stir-fry","status":"publish","type":"post","link":"https:\/\/brianbaker.net\/blog\/2025\/10\/27\/garlic-chicken-stir-fry\/","title":{"rendered":"Garlic Chicken Stir Fry"},"content":{"rendered":"\n\n\n\n \n \n Garlic Chicken Stir Fry<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n }\n\n .hero {\n background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 600\"><rect fill=\"%23d4a574\" width=\"1200\" height=\"600\"\/><path fill=\"%238b6914\" d=\"M0 400 Q300 350 600 400 T1200 400 V600 H0 Z\"\/><ellipse cx=\"600\" cy=\"300\" rx=\"200\" ry=\"150\" fill=\"%23f4e4c1\" opacity=\"0.7\"\/><circle cx=\"400\" cy=\"250\" r=\"80\" fill=\"%23c8a882\" opacity=\"0.6\"\/><circle cx=\"800\" cy=\"280\" r=\"60\" fill=\"%23c8a882\" opacity=\"0.6\"\/><\/svg>');\n background-size: cover;\n background-position: center;\n color: white;\n text-align: center;\n padding: 100px 20px 60px;\n position: relative;\n }\n\n .hero h1 {\n font-size: 3.5rem;\n margin-bottom: 20px;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.7);\n font-weight: 700;\n }\n\n .badges {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n margin-top: 30px;\n }\n\n .badge {\n background: rgba(255,255,255,0.95);\n color: #333;\n padding: 12px 24px;\n border-radius: 25px;\n font-weight: 600;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n transition: transform 0.3s ease;\n }\n\n .badge:hover {\n transform: translateY(-3px);\n }\n\n .badge span {\n color: #e74c3c;\n font-weight: 700;\n }\n\n .container {\n max-width: 1200px;\n margin: -40px auto 40px;\n padding: 0 20px;\n position: relative;\n }\n\n .quick-info {\n background: white;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 8px 30px rgba(0,0,0,0.15);\n margin-bottom: 30px;\n position: sticky;\n top: 20px;\n z-index: 100;\n }\n\n .quick-info h3 {\n color: #e74c3c;\n margin-bottom: 15px;\n font-size: 1.4rem;\n }\n\n .info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 15px;\n margin-bottom: 15px;\n }\n\n .info-item {\n text-align: center;\n padding: 10px;\n background: #f8f9fa;\n border-radius: 8px;\n }\n\n .info-item strong {\n display: block;\n color: #e74c3c;\n margin-bottom: 5px;\n }\n\n .dietary-tags {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n margin-top: 15px;\n }\n\n .tag {\n background: #27ae60;\n color: white;\n padding: 6px 15px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: 600;\n }\n\n .content-section {\n background: white;\n border-radius: 15px;\n padding: 35px;\n margin-bottom: 30px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n }\n\n .content-section h2 {\n color: #2c3e50;\n margin-bottom: 25px;\n font-size: 2rem;\n border-bottom: 3px solid #e74c3c;\n padding-bottom: 10px;\n }\n\n .serving-adjuster {\n background: #fff3cd;\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n .serving-adjuster label {\n font-weight: 600;\n font-size: 1.1rem;\n }\n\n .serving-controls {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .serving-controls button {\n background: #e74c3c;\n color: white;\n border: none;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n font-size: 1.2rem;\n cursor: pointer;\n transition: background 0.3s ease;\n }\n\n .serving-controls button:hover {\n background: #c0392b;\n }\n\n .serving-controls span {\n font-size: 1.3rem;\n font-weight: 700;\n min-width: 30px;\n text-align: center;\n }\n\n .unit-toggle {\n margin-left: auto;\n }\n\n .unit-toggle button {\n background: #3498db;\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n transition: background 0.3s ease;\n }\n\n .unit-toggle button:hover {\n background: #2980b9;\n }\n\n .ingredients-list {\n list-style: none;\n padding: 0;\n }\n\n .ingredients-list li {\n padding: 12px;\n margin-bottom: 10px;\n background: #f8f9fa;\n border-radius: 8px;\n display: flex;\n align-items: center;\n transition: background 0.3s ease;\n }\n\n .ingredients-list li:hover {\n background: #e9ecef;\n }\n\n .ingredients-list input[type=\"checkbox\"] {\n width: 22px;\n height: 22px;\n margin-right: 15px;\n cursor: pointer;\n }\n\n .ingredients-list li.checked {\n text-decoration: line-through;\n opacity: 0.6;\n }\n\n .steps {\n counter-reset: step-counter;\n }\n\n .step {\n counter-increment: step-counter;\n margin-bottom: 30px;\n padding: 20px;\n background: #f8f9fa;\n border-radius: 10px;\n border-left: 5px solid #e74c3c;\n position: relative;\n }\n\n .step::before {\n content: counter(step-counter);\n position: absolute;\n left: -20px;\n top: 20px;\n background: #e74c3c;\n color: white;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1.2rem;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n }\n\n .step-content {\n margin-left: 30px;\n }\n\n .step h4 {\n color: #2c3e50;\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n .step-tip {\n background: #d4edda;\n border-left: 4px solid #28a745;\n padding: 10px 15px;\n margin-top: 10px;\n border-radius: 5px;\n font-size: 0.95rem;\n }\n\n .step-tip strong {\n color: #155724;\n }\n\n .nutrition-table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n }\n\n .nutrition-table th,\n .nutrition-table td {\n padding: 15px;\n text-align: left;\n border-bottom: 1px solid #dee2e6;\n }\n\n .nutrition-table th {\n background: #2c3e50;\n color: white;\n font-weight: 600;\n }\n\n .nutrition-table tr:hover {\n background: #f8f9fa;\n }\n\n .chef-tip {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 25px;\n border-radius: 15px;\n margin: 30px 0;\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n }\n\n .chef-tip h3 {\n margin-bottom: 15px;\n font-size: 1.5rem;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .variations {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n\n .variation-card {\n background: #fff;\n border: 2px solid #e74c3c;\n border-radius: 12px;\n padding: 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .variation-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n\n .variation-card h4 {\n color: #e74c3c;\n margin-bottom: 12px;\n font-size: 1.3rem;\n }\n\n .action-buttons {\n display: flex;\n gap: 15px;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n\n .btn {\n padding: 15px 30px;\n border: none;\n border-radius: 10px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n }\n\n .btn-primary {\n background: #e74c3c;\n color: white;\n }\n\n .btn-primary:hover {\n background: #c0392b;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);\n }\n\n .btn-secondary {\n background: #3498db;\n color: white;\n }\n\n .btn-secondary:hover {\n background: #2980b9;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);\n }\n\n .related-recipes {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n\n .recipe-card {\n background: #f8f9fa;\n border-radius: 10px;\n padding: 15px;\n text-align: center;\n transition: transform 0.3s ease;\n cursor: pointer;\n }\n\n .recipe-card:hover {\n transform: scale(1.05);\n }\n\n .recipe-card h4 {\n color: #2c3e50;\n margin: 10px 0;\n }\n\n .progress-bar {\n background: #e9ecef;\n height: 8px;\n border-radius: 10px;\n margin: 20px 0;\n overflow: hidden;\n }\n\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, #e74c3c, #f39c12);\n width: 0%;\n transition: width 0.3s ease;\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n\n .badges {\n gap: 10px;\n }\n\n .badge {\n padding: 8px 16px;\n font-size: 0.9rem;\n }\n\n .content-section {\n padding: 20px;\n }\n\n .step::before {\n left: -15px;\n width: 35px;\n height: 35px;\n font-size: 1rem;\n }\n }\n\n @media print {\n .action-buttons,\n .quick-info,\n .chef-tip,\n .related-recipes {\n display: none;\n }\n\n body {\n background: white;\n }\n\n .content-section {\n box-shadow: none;\n page-break-inside: avoid;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"hero\">\n <h1>\ud83e\udd62 Garlic Chicken Stir Fry<\/h1>\n <p style=\"font-size: 1.2rem; margin-top: 10px;\">Quick, flavorful, and packed with tender chicken and crisp vegetables<\/p>\n <div class=\"badges\">\n <div class=\"badge\">\u23f1\ufe0f Prep: <span>15 mins<\/span><\/div>\n <div class=\"badge\">\ud83d\udd25 Cook: <span>12 mins<\/span><\/div>\n <div class=\"badge\">\ud83d\udcca Difficulty: <span>Easy<\/span><\/div>\n <div class=\"badge\">\ud83c\udf7d\ufe0f Servings: <span>4<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"container\">\n <div class=\"quick-info\">\n <h3>\ud83d\udccb Quick Info<\/h3>\n <div class=\"info-grid\">\n <div class=\"info-item\">\n <strong>Calories<\/strong>\n <span id=\"calories\">385<\/span> per serving\n <\/div>\n <div class=\"info-item\">\n <strong>Protein<\/strong>\n <span id=\"protein\">32g<\/span>\n <\/div>\n <div class=\"info-item\">\n <strong>Equipment<\/strong>\n Wok or Large Skillet\n <\/div>\n <\/div>\n <div class=\"dietary-tags\">\n <span class=\"tag\">\ud83c\udf3e Gluten-Free Option<\/span>\n <span class=\"tag\">\ud83e\udd57 Low-Carb Friendly<\/span>\n <span class=\"tag\">\ud83d\udd25 High Protein<\/span>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\uded2 Ingredients<\/h2>\n \n <div class=\"serving-adjuster\">\n <label>Adjust Servings:<\/label>\n <div class=\"serving-controls\">\n <button onclick=\"adjustServings(-1)\">\u2212<\/button>\n <span id=\"servings\">4<\/span>\n <button onclick=\"adjustServings(1)\">+<\/button>\n <\/div>\n <div class=\"unit-toggle\">\n <button onclick=\"toggleUnits()\" id=\"unitBtn\">Switch to Metric<\/button>\n <\/div>\n <\/div>\n\n <ul class=\"ingredients-list\" id=\"ingredientsList\">\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1.5\" data-metric=\"680\">1.5<\/strong> lbs boneless chicken breast, cut into bite-sized pieces<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"6\" data-metric=\"6\">6<\/strong> cloves garlic, minced<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"3\" data-metric=\"45\">3<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> soy sauce (use tamari for GF)<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"2\" data-metric=\"30\">2<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> oyster sauce<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"15\">1<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> sesame oil<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"2\" data-metric=\"30\">2<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> vegetable oil<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"15\">1<\/strong> <span class=\"unit\" data-us=\"tbsp\" data-metric=\"ml\">tbsp<\/span> cornstarch<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"2\" data-metric=\"2\">2<\/strong> cups broccoli florets<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"1\">1<\/strong> red bell pepper, sliced<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"1\">1<\/strong> medium onion, sliced<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"0.25\" data-metric=\"60\">\u00bc<\/strong> <span class=\"unit\" data-us=\"cup\" data-metric=\"ml\">cup<\/span> chicken broth<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span><strong class=\"amount\" data-us=\"1\" data-metric=\"5\">1<\/strong> <span class=\"unit\" data-us=\"tsp\" data-metric=\"ml\">tsp<\/span> fresh ginger, grated<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span>Salt and pepper to taste<\/span><\/li>\n <li><input type=\"checkbox\" onclick=\"toggleIngredient(this)\"><span>Green onions and sesame seeds for garnish<\/span><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\udc68\u200d\ud83c\udf73 Cooking Steps<\/h2>\n \n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n <\/div>\n\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Prepare the Chicken<\/h4>\n <p>Cut chicken breast into bite-sized pieces. In a bowl, toss chicken with cornstarch, 1 tablespoon soy sauce, and a pinch of salt. Let marinate for 5-10 minutes while you prep vegetables.<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> Cornstarch creates a velvety coating that locks in moisture and creates a slight crisp when stir-fried.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Prep Your Vegetables<\/h4>\n <p>Mince the garlic, grate the ginger, and slice all vegetables. Have everything ready near your stove\u2014stir-frying moves fast!<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> Keep vegetables uniform in size for even cooking. Cut broccoli into small florets for quicker cooking.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Cook the Chicken<\/h4>\n <p>Heat 1 tablespoon vegetable oil in a wok or large skillet over high heat. Add chicken in a single layer (work in batches if needed). Cook for 3-4 minutes until golden and cooked through. Remove and set aside.<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> Don’t overcrowd the pan! This ensures the chicken browns rather than steams.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Stir-Fry the Aromatics<\/h4>\n <p>Add remaining oil to the wok. Add minced garlic and ginger, stirring constantly for 30 seconds until fragrant. Be careful not to burn!<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> The key to amazing garlic flavor is to cook it just until aromatic\u2014burnt garlic tastes bitter.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Add Vegetables<\/h4>\n <p>Toss in onion, bell pepper, and broccoli. Stir-fry for 3-4 minutes until vegetables are crisp-tender. Add chicken broth to create steam and help cook the broccoli.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Combine and Sauce<\/h4>\n <p>Return chicken to the wok. Add remaining soy sauce, oyster sauce, and sesame oil. Toss everything together for 1-2 minutes until the sauce coats everything and is heated through.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-content\">\n <h4>Garnish and Serve<\/h4>\n <p>Remove from heat. Garnish with sliced green onions and sesame seeds. Serve immediately over steamed rice, quinoa, or cauliflower rice for low-carb option.<\/p>\n <div class=\"step-tip\">\n <strong>\ud83d\udca1 Pro Tip:<\/strong> Stir-fries are best served immediately while vegetables are still crisp and vibrant!\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"chef-tip\">\n <h3>\ud83d\udc68\u200d\ud83c\udf73 Chef’s Secret<\/h3>\n <p>The secret to restaurant-quality stir-fry at home is <strong>HIGH HEAT<\/strong> and <strong>constant movement<\/strong>. Your wok should be smoking hot before you add ingredients. This technique, called “wok hei,” creates that irresistible smoky flavor and keeps vegetables crisp. Also, always have all ingredients prepped before you start cooking\u2014once you begin, there’s no time to chop!<\/p>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\udd25 Nutrition Facts<\/h2>\n <p style=\"margin-bottom: 15px;\">Per serving (based on 4 servings)<\/p>\n <table class=\"nutrition-table\">\n <thead>\n <tr>\n <th>Nutrient<\/th>\n <th>Amount<\/th>\n <th>% Daily Value<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Calories<\/td>\n <td>385 kcal<\/td>\n <td>19%<\/td>\n <\/tr>\n <tr>\n <td>Protein<\/td>\n <td>32g<\/td>\n <td>64%<\/td>\n <\/tr>\n <tr>\n <td>Carbohydrates<\/td>\n <td>18g<\/td>\n <td>6%<\/td>\n <\/tr>\n <tr>\n <td>Fat<\/td>\n <td>22g<\/td>\n <td>34%<\/td>\n <\/tr>\n <tr>\n <td>Fiber<\/td>\n <td>4g<\/td>\n <td>16%<\/td>\n <\/tr>\n <tr>\n <td>Sodium<\/td>\n <td>890mg<\/td>\n <td>39%<\/td>\n <\/tr>\n <tr>\n <td>Vitamin C<\/td>\n <td>95mg<\/td>\n <td>106%<\/td>\n <\/tr>\n <tr>\n <td>Iron<\/td>\n <td>2.1mg<\/td>\n <td>12%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\udd04 Recipe Variations<\/h2>\n <div class=\"variations\">\n <div class=\"variation-card\">\n <h4>\ud83e\udd55 Vegan Version<\/h4>\n <p>Replace chicken with extra-firm tofu or tempeh. Use tamari instead of soy sauce and hoisin sauce instead of oyster sauce. Add mushrooms for extra umami!<\/p>\n <\/div>\n <div class=\"variation-card\">\n <h4>\ud83c\udf3e Gluten-Free<\/h4>\n <p>Use tamari or coconut aminos instead of soy sauce. Check that oyster sauce is GF or substitute with hoisin. Use arrowroot powder instead of cornstarch.<\/p>\n <\/div>\n <div class=\"variation-card\">\n <h4>\ud83e\udd57 Low-Carb\/Keto<\/h4>\n <p>Skip the cornstarch coating or use a small amount of xanthan gum. Serve over cauliflower rice or zucchini noodles. Add extra healthy fats like avocado.<\/p>\n <\/div>\n <div class=\"variation-card\">\n <h4>\ud83c\udf36\ufe0f Spicy Version<\/h4>\n <p>Add 1-2 teaspoons of chili garlic sauce, sriracha, or fresh sliced Thai chilies. Sprinkle with red pepper flakes for extra kick!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83d\udce6 Storage & Leftovers<\/h2>\n <p><strong>Refrigerator:<\/strong> Store in an airtight container for up to 3-4 days. Reheat in a skillet over medium-high heat to restore crispness, or microwave for 2-3 minutes.<\/p>\n <p style=\"margin-top: 10px;\"><strong>Freezer:<\/strong> Freeze in portions for up to 2 months. Thaw overnight in the refrigerator before reheating. Note: vegetables may be slightly softer after freezing.<\/p>\n <p style=\"margin-top: 10px;\"><strong>Meal Prep Tip:<\/strong> Cook a double batch and portion into containers with rice for easy grab-and-go lunches throughout the week!<\/p>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83c\udf77 Beverage Pairing<\/h2>\n <p><strong>Wine:<\/strong> A crisp Riesling or unoaked Chardonnay complements the garlic and savory flavors beautifully.<\/p>\n <p style=\"margin-top: 10px;\"><strong>Beer:<\/strong> Try a light lager or wheat beer to balance the richness.<\/p>\n <p style=\"margin-top: 10px;\"><strong>Non-Alcoholic:<\/strong> Iced green tea or sparkling water with lime perfectly cleanses the palate between bites.<\/p>\n <\/div>\n\n <div class=\"action-buttons\">\n <button class=\"btn btn-primary\" onclick=\"addToShoppingList()\">\ud83d\uded2 Add to Shopping List<\/button>\n <button class=\"btn btn-secondary\" onclick=\"window.print()\">\ud83d\udda8\ufe0f Print Recipe<\/button>\n <button class=\"btn btn-secondary\" onclick=\"shareRecipe()\">\ud83d\udce4 Share Recipe<\/button>\n <\/div>\n\n <div class=\"content-section\">\n <h2>\ud83c\udf5c Related Recipes<\/h2>\n <div class=\"related-recipes\">\n <div class=\"recipe-card\">\n <div style=\"font-size: 3rem;\">\ud83e\udd5f<\/div>\n <h4>Chicken Fried Rice<\/h4>\n <p>15 mins<\/p>\n <\/div>\n <div class=\"recipe-card\">\n <div style=\"font-size: 3rem;\">\ud83c\udf5c<\/div>\n <h4>Teriyaki Chicken<\/h4>\n <p>20 mins<\/p>\n <\/div>\n <div class=\"recipe-card\">\n <div style=\"font-size: 3rem;\">\ud83e\udd58<\/div>\n <h4>Beef & Broccoli<\/h4>\n <p>18 mins<\/p>\n <\/div>\n <div class=\"recipe-card\">\n <div style=\"font-size: 3rem;\">\ud83c\udf72<\/div>\n <h4>Sweet & Sour Chicken<\/h4>\n <p>25 mins<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let currentServings = 4;\n let isMetric = false;\n const baseServings = 4;\n\n function adjustServings(change) {\n const newServings = currentServings + change;\n if (newServings < 1 || newServings > 12) return;\n \n currentServings = newServings;\n document.getElementById('servings').textContent = currentServings;\n \n const multiplier = currentServings \/ baseServings;\n \n document.querySelectorAll('.amount').forEach(el => {\n const baseValue = parseFloat(isMetric ? el.dataset.metric : el.dataset.us);\n const newValue = baseValue * multiplier;\n el.textContent = newValue % 1 === 0 ? newValue : newValue.toFixed(1);\n });\n\n const baseCalories = 385;\n const baseProtein = 32;\n document.getElementById('calories').textContent = Math.round(baseCalories * multiplier);\n document.getElementById('protein').textContent = Math.round(baseProtein * multiplier) + 'g';\n }\n\n function toggleUnits() {\n isMetric = !isMetric;\n const btn = document.getElementById('unitBtn');\n btn.textContent = isMetric ? 'Switch to US' : 'Switch to Metric';\n \n const multiplier = currentServings \/ baseServings;\n \n document.querySelectorAll('.amount').forEach(el => {\n const baseValue = parseFloat(isMetric ? el.dataset.metric : el.dataset.us);\n const newValue = baseValue * multiplier;\n el.textContent = newValue % 1 === 0 ? newValue : newValue.toFixed(1);\n });\n\n document.querySelectorAll('.unit').forEach(el => {\n el.textContent = isMetric ? el.dataset.metric : el.dataset.us;\n });\n }\n\n function toggleIngredient(checkbox) {\n const li = checkbox.parentElement;\n li.classList.toggle('checked', checkbox.checked);\n updateProgress();\n }\n\n function updateProgress() {\n const checkboxes = document.querySelectorAll('.ingredients-list input[type=\"checkbox\"]');\n const checked = document.querySelectorAll('.ingredients-list input[type=\"checkbox\"]:checked').length;\n const total = checkboxes.length;\n const percentage = (checked \/ total) * 100;\n document.getElementById('progressBar').style.width = percentage + '%';\n }\n\n function addToShoppingList() {\n const ingredients = [];\n document.querySelectorAll('.ingredients-list li span').forEach(el => {\n ingredients.push(el.textContent.trim());\n });\n \n alert('Shopping list created!\\n\\n' + ingredients.join('\\n') + '\\n\\nCopy this list to your notes or shopping app!');\n }\n\n function shareRecipe() {\n if (navigator.share) {\n navigator.share({\n title: 'Garlic Chicken Stir Fry Recipe',\n text: 'Check out this amazing Garlic Chicken Stir Fry recipe!',\n url: window.location.href\n });\n } else {\n alert('Share this recipe: ' + window.location.href);\n }\n }\n\n const steps = document.querySelectorAll('.step');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'fadeIn 0.6s ease forwards';\n }\n });\n }, { threshold: 0.1 });\n\n steps.forEach(step => observer.observe(step));\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Garlic Chicken Stir Fry \ud83e\udd62 Garlic Chicken Stir Fry Quick, flavorful, and packed with tender chicken and crisp vegetables \u23f1\ufe0f Prep: 15 mins \ud83d\udd25 Cook: 12 mins \ud83d\udcca Difficulty: Easy \ud83c\udf7d\ufe0f Servings: 4 \ud83d\udccb Quick Info Calories 385 per serving Protein 32g Equipment Wok or Large Skillet \ud83c\udf3e Gluten-Free Option \ud83e\udd57 Low-Carb Friendly \ud83d\udd25 High […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1226","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/posts\/1226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/comments?post=1226"}],"version-history":[{"count":1,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/posts\/1226\/revisions"}],"predecessor-version":[{"id":1227,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/posts\/1226\/revisions\/1227"}],"wp:attachment":[{"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/media?parent=1226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/categories?post=1226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brianbaker.net\/blog\/wp-json\/wp\/v2\/tags?post=1226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}