\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 | \u062d\u0633\u0627\u0628 \u062f\u0642\u064a\u0642 \u0645\u062c\u0627\u0646\u064a<\/title>\n <meta name=\"description\" content=\"\u062d\u0627\u0633\u0628\u0629 \u062d\u0645\u0644 \u062f\u0642\u064a\u0642\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 - \u0627\u062d\u0633\u0628\u064a \u0645\u0648\u0639\u062f \u0648\u0644\u0627\u062f\u062a\u0643 \u0628\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a \u0648\u0627\u0644\u0647\u062c\u0631\u064a \u0628\u062f\u0642\u0629 \u0637\u0628\u064a\u0629\u060c \u0645\u0639 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0646 \u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u062d\u0645\u0644 \u0648\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646.\">\n <meta name=\"keywords\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644, \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629, \u062d\u0633\u0627\u0628 \u0627\u0644\u062d\u0645\u0644, \u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u062d\u0645\u0644, \u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646, \u062d\u0627\u0633\u0628\u0629 \u0647\u062c\u0631\u064a\u0629, \u062d\u0627\u0633\u0628\u0629 \u0645\u064a\u0644\u0627\u062f\u064a\u0629\">\n <meta name=\"author\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\">\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"WebApplication\",\n \"name\": \"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629\",\n \"description\": \"\u062d\u0627\u0633\u0628\u0629 \u062d\u0645\u0644 \u062f\u0642\u064a\u0642\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u062a\u062a\u0628\u0639 \u062a\u0637\u0648\u0631 \u0627\u0644\u062d\u0645\u0644\",\n \"applicationCategory\": \"HealthApplication\",\n \"operatingSystem\": \"Any\",\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": \"0\"\n }\n }\n <\/script>\n \n <style>\n \/* Minimal CSS for Fast Loading *\/\n :root {\n --primary: #1a73e8;\n --secondary: #4285f4;\n --light: #e8f0fe;\n --dark: #0d47a1;\n --text: #202124;\n --border: #dadce0;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: var(--text);\n background: #f8f9fa;\n padding: 0;\n margin: 0;\n }\n \n .container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n \n header {\n text-align: center;\n padding: 30px 0;\n background: linear-gradient(135deg, var(--primary), var(--dark));\n color: white;\n border-radius: 12px;\n margin-bottom: 30px;\n }\n \n h1 {\n font-size: 2rem;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n .subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n }\n \n .calculator-box {\n background: white;\n border-radius: 12px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n border: 1px solid var(--border);\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: var(--dark);\n }\n \n input, select {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 1rem;\n background: white;\n }\n \n input:focus, select:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(26,115,232,0.1);\n }\n \n .btn {\n background: var(--primary);\n color: white;\n border: none;\n padding: 14px;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n transition: background 0.2s;\n }\n \n .btn:hover {\n background: var(--dark);\n }\n \n .results-box {\n background: white;\n border-radius: 12px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n border: 1px solid var(--border);\n display: none;\n }\n \n .results-box.show {\n display: block;\n animation: fadeIn 0.3s ease;\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n \n .result-card {\n background: var(--light);\n padding: 20px;\n border-radius: 8px;\n text-align: center;\n border-right: 4px solid var(--primary);\n }\n \n .result-value {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--dark);\n margin: 8px 0;\n }\n \n .date-note {\n font-size: 0.9rem;\n color: #666;\n margin-top: 5px;\n }\n \n .pregnancy-info {\n background: white;\n border-radius: 12px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n border: 1px solid var(--border);\n }\n \n .week-buttons {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n margin: 15px 0;\n }\n \n .week-btn {\n padding: 10px 15px;\n background: var(--light);\n border: 1px solid var(--border);\n border-radius: 6px;\n cursor: pointer;\n font-size: 0.9rem;\n transition: all 0.2s;\n }\n \n .week-btn.active {\n background: var(--primary);\n color: white;\n border-color: var(--primary);\n }\n \n .week-content {\n background: var(--light);\n padding: 20px;\n border-radius: 8px;\n margin-top: 20px;\n display: none;\n }\n \n .week-content.active {\n display: block;\n }\n \n footer {\n text-align: center;\n padding: 25px 0;\n color: #666;\n font-size: 0.9rem;\n border-top: 1px solid var(--border);\n margin-top: 30px;\n }\n \n @media (max-width: 600px) {\n .container {\n padding: 15px;\n }\n \n h1 {\n font-size: 1.6rem;\n }\n \n .results-grid {\n grid-template-columns: 1fr;\n }\n \n .week-buttons {\n overflow-x: auto;\n padding-bottom: 10px;\n }\n \n .week-btn {\n white-space: nowrap;\n }\n }\n \n \/* Loading Animation *\/\n .loading {\n display: none;\n text-align: center;\n padding: 20px;\n }\n \n .loading::after {\n content: '';\n display: inline-block;\n width: 24px;\n height: 24px;\n border: 3px solid var(--light);\n border-top-color: var(--primary);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n \n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n \n \/* FAQ Section *\/\n .faq-item {\n margin-bottom: 15px;\n padding-bottom: 15px;\n border-bottom: 1px solid var(--border);\n }\n \n .faq-question {\n font-weight: 600;\n cursor: pointer;\n padding: 10px 0;\n }\n \n .faq-answer {\n display: none;\n padding: 10px 0;\n color: #555;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/h1>\n <p class=\"subtitle\">\u062d\u0627\u0633\u0628\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0648\u0644\u0627\u062f\u062a\u0643 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0645\u0644<\/p>\n <\/header>\n \n <main>\n <section class=\"calculator-box\">\n <h2>\u062d\u0627\u0633\u0628\u0629 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/h2>\n <form id=\"pregnancyCalculator\">\n <div class=\"form-group\">\n <label for=\"lmpDate\">\u062a\u0627\u0631\u064a\u062e \u0623\u0648\u0644 \u064a\u0648\u0645 \u0645\u0646 \u0622\u062e\u0631 \u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629:<\/label>\n <input type=\"date\" id=\"lmpDate\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"cycleLength\">\u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 (\u0628\u0627\u0644\u0623\u064a\u0627\u0645):<\/label>\n <select id=\"cycleLength\">\n <option value=\"28\">28 \u064a\u0648\u0645 (\u0627\u0644\u0645\u0639\u062f\u0644 \u0627\u0644\u0634\u0627\u0626\u0639)<\/option>\n <option value=\"26\">26 \u064a\u0648\u0645<\/option>\n <option value=\"30\">30 \u064a\u0648\u0645<\/option>\n <option value=\"32\">32 \u064a\u0648\u0645<\/option>\n <\/select>\n <\/div>\n \n <button type=\"submit\" class=\"btn\">\u0627\u062d\u0633\u0628\u064a \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/button>\n <div class=\"loading\" id=\"loading\"><\/div>\n <\/form>\n <\/section>\n \n <section class=\"results-box\" id=\"resultsSection\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u062d\u0633\u0627\u0628 \u0627\u0644\u062d\u0645\u0644<\/h2>\n <div class=\"results-grid\">\n <div class=\"result-card\">\n <div class=\"result-value\" id=\"dueDate\"><\/div>\n <p class=\"date-note\">\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0645\u064a\u0644\u0627\u062f\u064a)<\/p>\n <\/div>\n \n <div class=\"result-card\">\n <div class=\"result-value\" id=\"hijriDueDate\"><\/div>\n <p class=\"date-note\">\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0647\u062c\u0631\u064a)<\/p>\n <\/div>\n \n <div class=\"result-card\">\n <div class=\"result-value\" id=\"currentWeek\"><\/div>\n <p class=\"date-note\">\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u064a<\/p>\n <\/div>\n \n <div class=\"result-card\">\n <div class=\"result-value\" id=\"daysLeft\"><\/div>\n <p class=\"date-note\">\u0627\u0644\u0623\u064a\u0627\u0645 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629<\/p>\n <\/div>\n <\/div>\n <\/section>\n \n <section class=\"pregnancy-info\">\n <h2>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0646 \u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u062d\u0645\u0644<\/h2>\n <p>\u0627\u062e\u062a\u0627\u0631\u064a \u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062d\u0645\u0644 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f:<\/p>\n \n <div class=\"week-buttons\" id=\"weekButtons\">\n <button class=\"week-btn active\" data-week=\"1-4\">\u0623\u0633\u0627\u0628\u064a\u0639 1-4<\/button>\n <button class=\"week-btn\" data-week=\"5-8\">\u0623\u0633\u0627\u0628\u064a\u0639 5-8<\/button>\n <button class=\"week-btn\" data-week=\"9-12\">\u0623\u0633\u0627\u0628\u064a\u0639 9-12<\/button>\n <button class=\"week-btn\" data-week=\"13-16\">\u0623\u0633\u0627\u0628\u064a\u0639 13-16<\/button>\n <button class=\"week-btn\" data-week=\"17-20\">\u0623\u0633\u0627\u0628\u064a\u0639 17-20<\/button>\n <\/div>\n \n <div class=\"week-content active\" id=\"week1-4\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 1-4: \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u064a\u062d\u062f\u062b \u0627\u0644\u0625\u062e\u0635\u0627\u0628 \u0648\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0623\u0646\u0628\u0648\u0628 \u0627\u0644\u0639\u0635\u0628\u064a. \u064a\u0628\u062f\u0623 \u0627\u0644\u0642\u0644\u0628 \u0641\u064a \u0627\u0644\u0646\u0628\u0636.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u0627\u0646\u0642\u0637\u0627\u0639 \u0627\u0644\u062f\u0648\u0631\u0629\u060c \u063a\u062b\u064a\u0627\u0646\u060c \u062a\u0639\u0628\u060c \u0648\u0643\u062b\u0631\u0629 \u0627\u0644\u062a\u0628\u0648\u0644.<\/p>\n <\/div>\n \n <div class=\"week-content\" id=\"week5-8\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 5-8: \u062a\u0637\u0648\u0631 \u0633\u0631\u064a\u0639<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u062a\u062a\u0637\u0648\u0631 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u062a\u0628\u062f\u0623 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0641\u064a \u0627\u0644\u0638\u0647\u0648\u0631.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u0632\u064a\u0627\u062f\u0629 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062d\u0645\u0644 \u0648\u062a\u0642\u0644\u0628\u0627\u062a \u0645\u0632\u0627\u062c\u064a\u0629.<\/p>\n <\/div>\n \n <div class=\"week-content\" id=\"week9-12\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 9-12: \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u062b\u0644\u062b \u0627\u0644\u0623\u0648\u0644<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u062a\u0637\u0648\u0631 \u0645\u0644\u0627\u0645\u062d \u0627\u0644\u0648\u062c\u0647 \u0648\u0628\u062f\u0627\u064a\u0629 \u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0623\u0635\u0627\u0628\u0639.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u0627\u062e\u062a\u0641\u0627\u0621 \u0627\u0644\u063a\u062b\u064a\u0627\u0646 \u0627\u0644\u062a\u062f\u0631\u064a\u062c\u064a \u0648\u0628\u0631\u0648\u0632 \u0627\u0644\u0628\u0637\u0646 \u0642\u0644\u064a\u0644\u0627\u064b.<\/p>\n <\/div>\n \n <div class=\"week-content\" id=\"week13-16\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 13-16: \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u062b\u0644\u062b \u0627\u0644\u062b\u0627\u0646\u064a<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u0646\u0645\u0648 \u0633\u0631\u064a\u0639 \u0648\u0628\u062f\u0627\u064a\u0629 \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u0637\u0631\u0627\u0641.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0634\u0639\u0648\u0631 \u0628\u062d\u0631\u0643\u0629 \u0627\u0644\u062c\u0646\u064a\u0646 \u0627\u0644\u062e\u0641\u064a\u0641\u0629.<\/p>\n <\/div>\n \n <div class=\"week-content\" id=\"week17-20\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 17-20: \u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u062d\u0645\u0644<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u0646\u0645\u0648 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u062d\u0648\u0627\u062c\u0628\u060c \u0648\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0633\u0645\u0639.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u062d\u0631\u0643\u0627\u062a \u0627\u0644\u062c\u0646\u064a\u0646 \u0627\u0644\u0648\u0627\u0636\u062d\u0629 \u0648\u0632\u064a\u0627\u062f\u0629 \u062d\u062c\u0645 \u0627\u0644\u062b\u062f\u064a\u064a\u0646.<\/p>\n <\/div>\n <\/section>\n \n <section class=\"calculator-box\">\n <h2>\u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629<\/h2>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\u0643\u064a\u0641 \u064a\u062a\u0645 \u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0628\u062f\u0642\u0629\u061f<\/div>\n <div class=\"faq-answer\">\u064a\u062a\u0645 \u0627\u0644\u062d\u0633\u0627\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0627\u0631\u064a\u062e \u0623\u0648\u0644 \u064a\u0648\u0645 \u0645\u0646 \u0622\u062e\u0631 \u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629 + 280 \u064a\u0648\u0645 (40 \u0623\u0633\u0628\u0648\u0639) \u0645\u0639 \u062a\u0639\u062f\u064a\u0644 \u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631\u0629.<\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">\u0645\u0627 \u0645\u062f\u0649 \u062f\u0642\u0629 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629\u061f<\/div>\n <div class=\"faq-answer\">\u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u062a\u0633\u062a\u062e\u062f\u0645 \u0642\u0627\u0639\u062f\u0629 \u0637\u0628\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u062a\u0639\u0637\u064a \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629 \u0628\u0646\u0633\u0628\u0629 95% \u0644\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629.<\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">\u0645\u062a\u0649 \u064a\u062c\u0628 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0628\u061f<\/div>\n <div class=\"faq-answer\">\u064a\u062c\u0628 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0628 \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u0645\u0644 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629\u060c \u062e\u0627\u0635\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0647\u0630\u0627 \u0623\u0648\u0644 \u062d\u0645\u0644.<\/div>\n <\/div>\n <\/section>\n <\/main>\n \n <footer>\n <p>\u00a9 2024 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 – \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n <p style=\"margin-top: 10px; font-size: 0.85rem; color: #888;\">\n \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u062a\u0642\u062f\u0645 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u062a\u0642\u0631\u064a\u0628\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.<br>\n \u064a\u062c\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0628 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644.\n <\/p>\n <\/footer>\n <\/div>\n\n <script>\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u062a\u0639\u064a\u064a\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0648\u0627\u0642\u0639\u064a (\u0642\u0628\u0644 8 \u0623\u0633\u0627\u0628\u064a\u0639)\n const today = new Date();\n const eightWeeksAgo = new Date(today);\n eightWeeksAgo.setDate(today.getDate() - 56);\n document.getElementById('lmpDate').valueAsDate = eightWeeksAgo;\n \n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u0632\u0645\u0646\u064a\u0629\n const minDate = new Date(today.getFullYear() - 1, today.getMonth(), today.getDate());\n const maxDate = new Date(today.getFullYear() + 1, today.getMonth(), today.getDate());\n document.getElementById('lmpDate').min = minDate.toISOString().split('T')[0];\n document.getElementById('lmpDate').max = maxDate.toISOString().split('T')[0];\n \n \/\/ \u0625\u0639\u062f\u0627\u062f \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639\n setupWeekButtons();\n \n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n setupFAQ();\n \n \/\/ \u062d\u0633\u0627\u0628 \u0623\u0648\u0644\u064a \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n setTimeout(() => {\n calculateDueDate();\n }, 500);\n });\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639\n function setupWeekButtons() {\n const buttons = document.querySelectorAll('.week-btn');\n buttons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\n buttons.forEach(btn => btn.classList.remove('active'));\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0644\u0644\u0632\u0631 \u0627\u0644\u0645\u062d\u062f\u062f\n this.classList.add('active');\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\n showWeekContent(this.dataset.week);\n });\n });\n }\n\n \/\/ \u0639\u0631\u0636 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u062d\u062f\u062f\n function showWeekContent(weekRange) {\n \/\/ \u0625\u062e\u0641\u0627\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u064a\u0627\u062a\n document.querySelectorAll('.week-content').forEach(content => {\n content.classList.remove('active');\n });\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\n document.getElementById(`week${weekRange}`).classList.add('active');\n }\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n function setupFAQ() {\n document.querySelectorAll('.faq-question').forEach(question => {\n question.addEventListener('click', function() {\n const answer = this.nextElementSibling;\n const isVisible = answer.style.display === 'block';\n \n \/\/ \u0625\u063a\u0644\u0627\u0642 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a\n document.querySelectorAll('.faq-answer').forEach(ans => {\n ans.style.display = 'none';\n });\n \n \/\/ \u0641\u062a\u062d\/\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\n if (!isVisible) {\n answer.style.display = 'block';\n }\n });\n });\n }\n\n \/\/ \u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629\n function calculateDueDate() {\n const lmpDate = new Date(document.getElementById('lmpDate').value);\n const cycleLength = parseInt(document.getElementById('cycleLength').value);\n \n if (!lmpDate || isNaN(lmpDate.getTime())) {\n return;\n }\n \n \/\/ \u0639\u0631\u0636 \u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n const loadingEl = document.getElementById('loading');\n loadingEl.style.display = 'block';\n \n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0628\u0633\u0631\u0639\u0629\n setTimeout(() => {\n const dueDate = calculateAccurateDueDate(lmpDate, cycleLength);\n const today = new Date();\n const weeksPregnant = calculateWeeksPregnant(lmpDate, today);\n const daysLeft = Math.ceil((dueDate - today) \/ (1000 * 60 * 60 * 24));\n \n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0628\u062f\u0642\u0629\n document.getElementById('dueDate').textContent = formatGregorianDate(dueDate);\n document.getElementById('hijriDueDate').textContent = convertToHijri(dueDate);\n document.getElementById('currentWeek').textContent = weeksPregnant;\n document.getElementById('daysLeft').textContent = daysLeft > 0 ? daysLeft : 0;\n \n \/\/ \u0625\u0638\u0647\u0627\u0631 \u0642\u0633\u0645 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n document.getElementById('resultsSection').classList.add('show');\n \n \/\/ \u0625\u062e\u0641\u0627\u0621 \u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n loadingEl.style.display = 'none';\n }, 300);\n }\n\n \/\/ \u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0628\u062f\u0642\u0629\n function calculateAccurateDueDate(lmpDate, cycleLength) {\n const dueDate = new Date(lmpDate);\n \n \/\/ \u0642\u0627\u0639\u062f\u0629 \u0646\u0627\u064a\u062c\u0644: LMP + 1 \u0633\u0646\u0629 - 3 \u0623\u0634\u0647\u0631 + 7 \u0623\u064a\u0627\u0645\n dueDate.setFullYear(dueDate.getFullYear() + 1);\n dueDate.setMonth(dueDate.getMonth() - 3);\n dueDate.setDate(dueDate.getDate() + 7);\n \n \/\/ \u062a\u0639\u062f\u064a\u0644 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631\u0629\n if (cycleLength !== 28) {\n const cycleDifference = cycleLength - 28;\n dueDate.setDate(dueDate.getDate() + cycleDifference);\n }\n \n return dueDate;\n }\n\n \/\/ \u062d\u0633\u0627\u0628 \u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u062d\u0645\u0644\n function calculateWeeksPregnant(lmpDate, currentDate) {\n const timeDiff = currentDate - lmpDate;\n const daysPregnant = Math.floor(timeDiff \/ (1000 * 60 * 60 * 24));\n return Math.floor(daysPregnant \/ 7);\n }\n\n \/\/ \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a\n function formatGregorianDate(date) {\n const options = { \n year: 'numeric', \n month: 'long', \n day: 'numeric',\n calendar: 'gregory'\n };\n return date.toLocaleDateString('ar-SA', options);\n }\n\n \/\/ \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0625\u0644\u0649 \u0647\u062c\u0631\u064a \u0628\u062f\u0642\u0629\n function convertToHijri(date) {\n try {\n return new Intl.DateTimeFormat('ar-SA-u-ca-islamic', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n }).format(date);\n } catch (error) {\n \/\/ Fallback \u0625\u0630\u0627 \u0641\u0634\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644\n const hijriYear = date.getFullYear() - 622;\n const hijriMonths = ['\u0645\u062d\u0631\u0645', '\u0635\u0641\u0631', '\u0631\u0628\u064a\u0639 \u0627\u0644\u0623\u0648\u0644', '\u0631\u0628\u064a\u0639 \u0627\u0644\u0622\u062e\u0631', '\u062c\u0645\u0627\u062f\u0649 \u0627\u0644\u0623\u0648\u0644\u0649', '\u062c\u0645\u0627\u062f\u0649 \u0627\u0644\u0622\u062e\u0631\u0629', '\u0631\u062c\u0628', '\u0634\u0639\u0628\u0627\u0646', '\u0631\u0645\u0636\u0627\u0646', '\u0634\u0648\u0627\u0644', '\u0630\u0648 \u0627\u0644\u0642\u0639\u062f\u0629', '\u0630\u0648 \u0627\u0644\u062d\u062c\u0629'];\n const hijriMonth = hijriMonths[date.getMonth()];\n return `${date.getDate()} ${hijriMonth} ${hijriYear} \u0647\u0640`;\n }\n }\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0645\u0639\u0627\u0644\u062c \u0627\u0644\u0646\u0645\u0648\u0630\u062c\n document.getElementById('pregnancyCalculator').addEventListener('submit', function(e) {\n e.preventDefault();\n calculateDueDate();\n \n \/\/ \u062a\u062a\u0628\u0639 \u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 (\u0627\u0641\u062a\u0631\u0627\u0636\u064a)\n if (typeof gtag !== 'undefined') {\n gtag('event', 'calculate', {\n 'event_category': 'pregnancy_calculator',\n 'event_label': 'calculate_click'\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 | \u062d\u0633\u0627\u0628 \u062f\u0642\u064a\u0642 \u0645\u062c\u0627\u0646\u064a \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u062d\u0627\u0633\u0628\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0648\u0644\u0627\u062f\u062a\u0643 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0645\u0644 \u062d\u0627\u0633\u0628\u0629 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u062a\u0627\u0631\u064a\u062e \u0623\u0648\u0644 \u064a\u0648\u0645 \u0645\u0646 \u0622\u062e\u0631 \u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629: \u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 (\u0628\u0627\u0644\u0623\u064a\u0627\u0645): 28 \u064a\u0648\u0645 (\u0627\u0644\u0645\u0639\u062f\u0644 \u0627\u0644\u0634\u0627\u0626\u0639)26 \u064a\u0648\u064530 \u064a\u0648\u064532 \u064a\u0648\u0645 \u0627\u062d\u0633\u0628\u064a \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0646\u062a\u0627\u0626\u062c \u062d\u0633\u0627\u0628 \u0627\u0644\u062d\u0645\u0644 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0645\u064a\u0644\u0627\u062f\u064a) \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0647\u062c\u0631\u064a) \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u064a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-28","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":1,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/28\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/28\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=28"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":28,"date":"2025-12-30T13:41:34","date_gmt":"2025-12-30T13:41:34","guid":{"rendered":"https:\/\/darkgoldenrod-quetzal-444860.hostingersite.com\/?p=28"},"modified":"2025-12-30T13:41:51","modified_gmt":"2025-12-30T13:41:51","slug":"%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%ad%d9%85%d9%84-%d9%88-%d8%a7%d9%84%d9%88%d9%84%d8%a7%d8%af%d9%87","status":"publish","type":"post","link":"https:\/\/hasabah.com\/?p=28","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648 \u0627\u0644\u0648\u0644\u0627\u062f\u0647"},"content":{"rendered":"\n\n\n\n \n \n \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 | \u062d\u0633\u0627\u0628 \u062f\u0642\u064a\u0642 \u0645\u062c\u0627\u0646\u064a<\/title>\n <meta name=\"description\" content=\"\u062d\u0627\u0633\u0628\u0629 \u062d\u0645\u0644 \u062f\u0642\u064a\u0642\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 - \u0627\u062d\u0633\u0628\u064a \u0645\u0648\u0639\u062f \u0648\u0644\u0627\u062f\u062a\u0643 \u0628\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a \u0648\u0627\u0644\u0647\u062c\u0631\u064a \u0628\u062f\u0642\u0629 \u0637\u0628\u064a\u0629\u060c \u0645\u0639 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0646 \u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u062d\u0645\u0644 \u0648\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646.\">\n <meta name=\"keywords\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644, \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629, \u062d\u0633\u0627\u0628 \u0627\u0644\u062d\u0645\u0644, \u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u062d\u0645\u0644, \u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646, \u062d\u0627\u0633\u0628\u0629 \u0647\u062c\u0631\u064a\u0629, \u062d\u0627\u0633\u0628\u0629 \u0645\u064a\u0644\u0627\u062f\u064a\u0629\">\n <meta name=\"author\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\">\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"WebApplication\",\n \"name\": \"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629\",\n \"description\": \"\u062d\u0627\u0633\u0628\u0629 \u062d\u0645\u0644 \u062f\u0642\u064a\u0642\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u062a\u062a\u0628\u0639 \u062a\u0637\u0648\u0631 \u0627\u0644\u062d\u0645\u0644\",\n \"applicationCategory\": \"HealthApplication\",\n \"operatingSystem\": \"Any\",\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": \"0\"\n }\n }\n <\/script>\n \n <style>\n \/* Minimal CSS for Fast Loading *\/\n :root {\n --primary: #1a73e8;\n --secondary: #4285f4;\n --light: #e8f0fe;\n --dark: #0d47a1;\n --text: #202124;\n --border: #dadce0;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: var(--text);\n background: #f8f9fa;\n padding: 0;\n margin: 0;\n }\n \n .container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n \n header {\n text-align: center;\n padding: 30px 0;\n background: linear-gradient(135deg, var(--primary), var(--dark));\n color: white;\n border-radius: 12px;\n margin-bottom: 30px;\n }\n \n h1 {\n font-size: 2rem;\n margin-bottom: 10px;\n font-weight: 600;\n }\n \n .subtitle {\n font-size: 1.1rem;\n opacity: 0.9;\n }\n \n .calculator-box {\n background: white;\n border-radius: 12px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n border: 1px solid var(--border);\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: var(--dark);\n }\n \n input, select {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 1rem;\n background: white;\n }\n \n input:focus, select:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(26,115,232,0.1);\n }\n \n .btn {\n background: var(--primary);\n color: white;\n border: none;\n padding: 14px;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n transition: background 0.2s;\n }\n \n .btn:hover {\n background: var(--dark);\n }\n \n .results-box {\n background: white;\n border-radius: 12px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n border: 1px solid var(--border);\n display: none;\n }\n \n .results-box.show {\n display: block;\n animation: fadeIn 0.3s ease;\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n \n .result-card {\n background: var(--light);\n padding: 20px;\n border-radius: 8px;\n text-align: center;\n border-right: 4px solid var(--primary);\n }\n \n .result-value {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--dark);\n margin: 8px 0;\n }\n \n .date-note {\n font-size: 0.9rem;\n color: #666;\n margin-top: 5px;\n }\n \n .pregnancy-info {\n background: white;\n border-radius: 12px;\n padding: 25px;\n margin-bottom: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n border: 1px solid var(--border);\n }\n \n .week-buttons {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n margin: 15px 0;\n }\n \n .week-btn {\n padding: 10px 15px;\n background: var(--light);\n border: 1px solid var(--border);\n border-radius: 6px;\n cursor: pointer;\n font-size: 0.9rem;\n transition: all 0.2s;\n }\n \n .week-btn.active {\n background: var(--primary);\n color: white;\n border-color: var(--primary);\n }\n \n .week-content {\n background: var(--light);\n padding: 20px;\n border-radius: 8px;\n margin-top: 20px;\n display: none;\n }\n \n .week-content.active {\n display: block;\n }\n \n footer {\n text-align: center;\n padding: 25px 0;\n color: #666;\n font-size: 0.9rem;\n border-top: 1px solid var(--border);\n margin-top: 30px;\n }\n \n @media (max-width: 600px) {\n .container {\n padding: 15px;\n }\n \n h1 {\n font-size: 1.6rem;\n }\n \n .results-grid {\n grid-template-columns: 1fr;\n }\n \n .week-buttons {\n overflow-x: auto;\n padding-bottom: 10px;\n }\n \n .week-btn {\n white-space: nowrap;\n }\n }\n \n \/* Loading Animation *\/\n .loading {\n display: none;\n text-align: center;\n padding: 20px;\n }\n \n .loading::after {\n content: '';\n display: inline-block;\n width: 24px;\n height: 24px;\n border: 3px solid var(--light);\n border-top-color: var(--primary);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n \n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n \n \/* FAQ Section *\/\n .faq-item {\n margin-bottom: 15px;\n padding-bottom: 15px;\n border-bottom: 1px solid var(--border);\n }\n \n .faq-question {\n font-weight: 600;\n cursor: pointer;\n padding: 10px 0;\n }\n \n .faq-answer {\n display: none;\n padding: 10px 0;\n color: #555;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/h1>\n <p class=\"subtitle\">\u062d\u0627\u0633\u0628\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0648\u0644\u0627\u062f\u062a\u0643 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0645\u0644<\/p>\n <\/header>\n \n <main>\n <section class=\"calculator-box\">\n <h2>\u062d\u0627\u0633\u0628\u0629 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/h2>\n <form id=\"pregnancyCalculator\">\n <div class=\"form-group\">\n <label for=\"lmpDate\">\u062a\u0627\u0631\u064a\u062e \u0623\u0648\u0644 \u064a\u0648\u0645 \u0645\u0646 \u0622\u062e\u0631 \u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629:<\/label>\n <input type=\"date\" id=\"lmpDate\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"cycleLength\">\u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 (\u0628\u0627\u0644\u0623\u064a\u0627\u0645):<\/label>\n <select id=\"cycleLength\">\n <option value=\"28\">28 \u064a\u0648\u0645 (\u0627\u0644\u0645\u0639\u062f\u0644 \u0627\u0644\u0634\u0627\u0626\u0639)<\/option>\n <option value=\"26\">26 \u064a\u0648\u0645<\/option>\n <option value=\"30\">30 \u064a\u0648\u0645<\/option>\n <option value=\"32\">32 \u064a\u0648\u0645<\/option>\n <\/select>\n <\/div>\n \n <button type=\"submit\" class=\"btn\">\u0627\u062d\u0633\u0628\u064a \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/button>\n <div class=\"loading\" id=\"loading\"><\/div>\n <\/form>\n <\/section>\n \n <section class=\"results-box\" id=\"resultsSection\">\n <h2>\u0646\u062a\u0627\u0626\u062c \u062d\u0633\u0627\u0628 \u0627\u0644\u062d\u0645\u0644<\/h2>\n <div class=\"results-grid\">\n <div class=\"result-card\">\n <div class=\"result-value\" id=\"dueDate\"><\/div>\n <p class=\"date-note\">\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0645\u064a\u0644\u0627\u062f\u064a)<\/p>\n <\/div>\n \n <div class=\"result-card\">\n <div class=\"result-value\" id=\"hijriDueDate\"><\/div>\n <p class=\"date-note\">\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0647\u062c\u0631\u064a)<\/p>\n <\/div>\n \n <div class=\"result-card\">\n <div class=\"result-value\" id=\"currentWeek\"><\/div>\n <p class=\"date-note\">\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u064a<\/p>\n <\/div>\n \n <div class=\"result-card\">\n <div class=\"result-value\" id=\"daysLeft\"><\/div>\n <p class=\"date-note\">\u0627\u0644\u0623\u064a\u0627\u0645 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629<\/p>\n <\/div>\n <\/div>\n <\/section>\n \n <section class=\"pregnancy-info\">\n <h2>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0646 \u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u062d\u0645\u0644<\/h2>\n <p>\u0627\u062e\u062a\u0627\u0631\u064a \u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062d\u0645\u0644 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f:<\/p>\n \n <div class=\"week-buttons\" id=\"weekButtons\">\n <button class=\"week-btn active\" data-week=\"1-4\">\u0623\u0633\u0627\u0628\u064a\u0639 1-4<\/button>\n <button class=\"week-btn\" data-week=\"5-8\">\u0623\u0633\u0627\u0628\u064a\u0639 5-8<\/button>\n <button class=\"week-btn\" data-week=\"9-12\">\u0623\u0633\u0627\u0628\u064a\u0639 9-12<\/button>\n <button class=\"week-btn\" data-week=\"13-16\">\u0623\u0633\u0627\u0628\u064a\u0639 13-16<\/button>\n <button class=\"week-btn\" data-week=\"17-20\">\u0623\u0633\u0627\u0628\u064a\u0639 17-20<\/button>\n <\/div>\n \n <div class=\"week-content active\" id=\"week1-4\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 1-4: \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u064a\u062d\u062f\u062b \u0627\u0644\u0625\u062e\u0635\u0627\u0628 \u0648\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0623\u0646\u0628\u0648\u0628 \u0627\u0644\u0639\u0635\u0628\u064a. \u064a\u0628\u062f\u0623 \u0627\u0644\u0642\u0644\u0628 \u0641\u064a \u0627\u0644\u0646\u0628\u0636.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u0627\u0646\u0642\u0637\u0627\u0639 \u0627\u0644\u062f\u0648\u0631\u0629\u060c \u063a\u062b\u064a\u0627\u0646\u060c \u062a\u0639\u0628\u060c \u0648\u0643\u062b\u0631\u0629 \u0627\u0644\u062a\u0628\u0648\u0644.<\/p>\n <\/div>\n \n <div class=\"week-content\" id=\"week5-8\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 5-8: \u062a\u0637\u0648\u0631 \u0633\u0631\u064a\u0639<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u062a\u062a\u0637\u0648\u0631 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u062a\u0628\u062f\u0623 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0641\u064a \u0627\u0644\u0638\u0647\u0648\u0631.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u0632\u064a\u0627\u062f\u0629 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062d\u0645\u0644 \u0648\u062a\u0642\u0644\u0628\u0627\u062a \u0645\u0632\u0627\u062c\u064a\u0629.<\/p>\n <\/div>\n \n <div class=\"week-content\" id=\"week9-12\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 9-12: \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u062b\u0644\u062b \u0627\u0644\u0623\u0648\u0644<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u062a\u0637\u0648\u0631 \u0645\u0644\u0627\u0645\u062d \u0627\u0644\u0648\u062c\u0647 \u0648\u0628\u062f\u0627\u064a\u0629 \u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0623\u0635\u0627\u0628\u0639.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u0627\u062e\u062a\u0641\u0627\u0621 \u0627\u0644\u063a\u062b\u064a\u0627\u0646 \u0627\u0644\u062a\u062f\u0631\u064a\u062c\u064a \u0648\u0628\u0631\u0648\u0632 \u0627\u0644\u0628\u0637\u0646 \u0642\u0644\u064a\u0644\u0627\u064b.<\/p>\n <\/div>\n \n <div class=\"week-content\" id=\"week13-16\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 13-16: \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u062b\u0644\u062b \u0627\u0644\u062b\u0627\u0646\u064a<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u0646\u0645\u0648 \u0633\u0631\u064a\u0639 \u0648\u0628\u062f\u0627\u064a\u0629 \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u0637\u0631\u0627\u0641.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0634\u0639\u0648\u0631 \u0628\u062d\u0631\u0643\u0629 \u0627\u0644\u062c\u0646\u064a\u0646 \u0627\u0644\u062e\u0641\u064a\u0641\u0629.<\/p>\n <\/div>\n \n <div class=\"week-content\" id=\"week17-20\">\n <h3>\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 17-20: \u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u062d\u0645\u0644<\/h3>\n <p><strong>\u062a\u0637\u0648\u0631 \u0627\u0644\u062c\u0646\u064a\u0646:<\/strong> \u0646\u0645\u0648 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u062d\u0648\u0627\u062c\u0628\u060c \u0648\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0633\u0645\u0639.<\/p>\n <p><strong>\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0645:<\/strong> \u062d\u0631\u0643\u0627\u062a \u0627\u0644\u062c\u0646\u064a\u0646 \u0627\u0644\u0648\u0627\u0636\u062d\u0629 \u0648\u0632\u064a\u0627\u062f\u0629 \u062d\u062c\u0645 \u0627\u0644\u062b\u062f\u064a\u064a\u0646.<\/p>\n <\/div>\n <\/section>\n \n <section class=\"calculator-box\">\n <h2>\u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629<\/h2>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\u0643\u064a\u0641 \u064a\u062a\u0645 \u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0628\u062f\u0642\u0629\u061f<\/div>\n <div class=\"faq-answer\">\u064a\u062a\u0645 \u0627\u0644\u062d\u0633\u0627\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0627\u0631\u064a\u062e \u0623\u0648\u0644 \u064a\u0648\u0645 \u0645\u0646 \u0622\u062e\u0631 \u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629 + 280 \u064a\u0648\u0645 (40 \u0623\u0633\u0628\u0648\u0639) \u0645\u0639 \u062a\u0639\u062f\u064a\u0644 \u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631\u0629.<\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">\u0645\u0627 \u0645\u062f\u0649 \u062f\u0642\u0629 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629\u061f<\/div>\n <div class=\"faq-answer\">\u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u062a\u0633\u062a\u062e\u062f\u0645 \u0642\u0627\u0639\u062f\u0629 \u0637\u0628\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u062a\u0639\u0637\u064a \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629 \u0628\u0646\u0633\u0628\u0629 95% \u0644\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629.<\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">\u0645\u062a\u0649 \u064a\u062c\u0628 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0628\u061f<\/div>\n <div class=\"faq-answer\">\u064a\u062c\u0628 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0628 \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u0645\u0644 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629\u060c \u062e\u0627\u0635\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0647\u0630\u0627 \u0623\u0648\u0644 \u062d\u0645\u0644.<\/div>\n <\/div>\n <\/section>\n <\/main>\n \n <footer>\n <p>\u00a9 2024 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 – \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n <p style=\"margin-top: 10px; font-size: 0.85rem; color: #888;\">\n \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u062a\u0642\u062f\u0645 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u062a\u0642\u0631\u064a\u0628\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.<br>\n \u064a\u062c\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0628 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644.\n <\/p>\n <\/footer>\n <\/div>\n\n <script>\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u062a\u0639\u064a\u064a\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0648\u0627\u0642\u0639\u064a (\u0642\u0628\u0644 8 \u0623\u0633\u0627\u0628\u064a\u0639)\n const today = new Date();\n const eightWeeksAgo = new Date(today);\n eightWeeksAgo.setDate(today.getDate() - 56);\n document.getElementById('lmpDate').valueAsDate = eightWeeksAgo;\n \n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u0632\u0645\u0646\u064a\u0629\n const minDate = new Date(today.getFullYear() - 1, today.getMonth(), today.getDate());\n const maxDate = new Date(today.getFullYear() + 1, today.getMonth(), today.getDate());\n document.getElementById('lmpDate').min = minDate.toISOString().split('T')[0];\n document.getElementById('lmpDate').max = maxDate.toISOString().split('T')[0];\n \n \/\/ \u0625\u0639\u062f\u0627\u062f \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639\n setupWeekButtons();\n \n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n setupFAQ();\n \n \/\/ \u062d\u0633\u0627\u0628 \u0623\u0648\u0644\u064a \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n setTimeout(() => {\n calculateDueDate();\n }, 500);\n });\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639\n function setupWeekButtons() {\n const buttons = document.querySelectorAll('.week-btn');\n buttons.forEach(button => {\n button.addEventListener('click', function() {\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\n buttons.forEach(btn => btn.classList.remove('active'));\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0644\u0644\u0632\u0631 \u0627\u0644\u0645\u062d\u062f\u062f\n this.classList.add('active');\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\n showWeekContent(this.dataset.week);\n });\n });\n }\n\n \/\/ \u0639\u0631\u0636 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u062d\u062f\u062f\n function showWeekContent(weekRange) {\n \/\/ \u0625\u062e\u0641\u0627\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u064a\u0627\u062a\n document.querySelectorAll('.week-content').forEach(content => {\n content.classList.remove('active');\n });\n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\n document.getElementById(`week${weekRange}`).classList.add('active');\n }\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n function setupFAQ() {\n document.querySelectorAll('.faq-question').forEach(question => {\n question.addEventListener('click', function() {\n const answer = this.nextElementSibling;\n const isVisible = answer.style.display === 'block';\n \n \/\/ \u0625\u063a\u0644\u0627\u0642 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a\n document.querySelectorAll('.faq-answer').forEach(ans => {\n ans.style.display = 'none';\n });\n \n \/\/ \u0641\u062a\u062d\/\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\n if (!isVisible) {\n answer.style.display = 'block';\n }\n });\n });\n }\n\n \/\/ \u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629\n function calculateDueDate() {\n const lmpDate = new Date(document.getElementById('lmpDate').value);\n const cycleLength = parseInt(document.getElementById('cycleLength').value);\n \n if (!lmpDate || isNaN(lmpDate.getTime())) {\n return;\n }\n \n \/\/ \u0639\u0631\u0636 \u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n const loadingEl = document.getElementById('loading');\n loadingEl.style.display = 'block';\n \n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0628\u0633\u0631\u0639\u0629\n setTimeout(() => {\n const dueDate = calculateAccurateDueDate(lmpDate, cycleLength);\n const today = new Date();\n const weeksPregnant = calculateWeeksPregnant(lmpDate, today);\n const daysLeft = Math.ceil((dueDate - today) \/ (1000 * 60 * 60 * 24));\n \n \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0628\u062f\u0642\u0629\n document.getElementById('dueDate').textContent = formatGregorianDate(dueDate);\n document.getElementById('hijriDueDate').textContent = convertToHijri(dueDate);\n document.getElementById('currentWeek').textContent = weeksPregnant;\n document.getElementById('daysLeft').textContent = daysLeft > 0 ? daysLeft : 0;\n \n \/\/ \u0625\u0638\u0647\u0627\u0631 \u0642\u0633\u0645 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n document.getElementById('resultsSection').classList.add('show');\n \n \/\/ \u0625\u062e\u0641\u0627\u0621 \u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u062d\u0645\u064a\u0644\n loadingEl.style.display = 'none';\n }, 300);\n }\n\n \/\/ \u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0628\u062f\u0642\u0629\n function calculateAccurateDueDate(lmpDate, cycleLength) {\n const dueDate = new Date(lmpDate);\n \n \/\/ \u0642\u0627\u0639\u062f\u0629 \u0646\u0627\u064a\u062c\u0644: LMP + 1 \u0633\u0646\u0629 - 3 \u0623\u0634\u0647\u0631 + 7 \u0623\u064a\u0627\u0645\n dueDate.setFullYear(dueDate.getFullYear() + 1);\n dueDate.setMonth(dueDate.getMonth() - 3);\n dueDate.setDate(dueDate.getDate() + 7);\n \n \/\/ \u062a\u0639\u062f\u064a\u0644 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631\u0629\n if (cycleLength !== 28) {\n const cycleDifference = cycleLength - 28;\n dueDate.setDate(dueDate.getDate() + cycleDifference);\n }\n \n return dueDate;\n }\n\n \/\/ \u062d\u0633\u0627\u0628 \u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u062d\u0645\u0644\n function calculateWeeksPregnant(lmpDate, currentDate) {\n const timeDiff = currentDate - lmpDate;\n const daysPregnant = Math.floor(timeDiff \/ (1000 * 60 * 60 * 24));\n return Math.floor(daysPregnant \/ 7);\n }\n\n \/\/ \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a\n function formatGregorianDate(date) {\n const options = { \n year: 'numeric', \n month: 'long', \n day: 'numeric',\n calendar: 'gregory'\n };\n return date.toLocaleDateString('ar-SA', options);\n }\n\n \/\/ \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0625\u0644\u0649 \u0647\u062c\u0631\u064a \u0628\u062f\u0642\u0629\n function convertToHijri(date) {\n try {\n return new Intl.DateTimeFormat('ar-SA-u-ca-islamic', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n }).format(date);\n } catch (error) {\n \/\/ Fallback \u0625\u0630\u0627 \u0641\u0634\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644\n const hijriYear = date.getFullYear() - 622;\n const hijriMonths = ['\u0645\u062d\u0631\u0645', '\u0635\u0641\u0631', '\u0631\u0628\u064a\u0639 \u0627\u0644\u0623\u0648\u0644', '\u0631\u0628\u064a\u0639 \u0627\u0644\u0622\u062e\u0631', '\u062c\u0645\u0627\u062f\u0649 \u0627\u0644\u0623\u0648\u0644\u0649', '\u062c\u0645\u0627\u062f\u0649 \u0627\u0644\u0622\u062e\u0631\u0629', '\u0631\u062c\u0628', '\u0634\u0639\u0628\u0627\u0646', '\u0631\u0645\u0636\u0627\u0646', '\u0634\u0648\u0627\u0644', '\u0630\u0648 \u0627\u0644\u0642\u0639\u062f\u0629', '\u0630\u0648 \u0627\u0644\u062d\u062c\u0629'];\n const hijriMonth = hijriMonths[date.getMonth()];\n return `${date.getDate()} ${hijriMonth} ${hijriYear} \u0647\u0640`;\n }\n }\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0645\u0639\u0627\u0644\u062c \u0627\u0644\u0646\u0645\u0648\u0630\u062c\n document.getElementById('pregnancyCalculator').addEventListener('submit', function(e) {\n e.preventDefault();\n calculateDueDate();\n \n \/\/ \u062a\u062a\u0628\u0639 \u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 (\u0627\u0641\u062a\u0631\u0627\u0636\u064a)\n if (typeof gtag !== 'undefined') {\n gtag('event', 'calculate', {\n 'event_category': 'pregnancy_calculator',\n 'event_label': 'calculate_click'\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 | \u062d\u0633\u0627\u0628 \u062f\u0642\u064a\u0642 \u0645\u062c\u0627\u0646\u064a \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u062d\u0627\u0633\u0628\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062d\u0633\u0627\u0628 \u0645\u0648\u0639\u062f \u0648\u0644\u0627\u062f\u062a\u0643 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0645\u0644 \u062d\u0627\u0633\u0628\u0629 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u062a\u0627\u0631\u064a\u062e \u0623\u0648\u0644 \u064a\u0648\u0645 \u0645\u0646 \u0622\u062e\u0631 \u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629: \u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 (\u0628\u0627\u0644\u0623\u064a\u0627\u0645): 28 \u064a\u0648\u0645 (\u0627\u0644\u0645\u0639\u062f\u0644 \u0627\u0644\u0634\u0627\u0626\u0639)26 \u064a\u0648\u064530 \u064a\u0648\u064532 \u064a\u0648\u0645 \u0627\u062d\u0633\u0628\u064a \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0646\u062a\u0627\u0626\u062c \u062d\u0633\u0627\u0628 \u0627\u0644\u062d\u0645\u0644 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0645\u064a\u0644\u0627\u062f\u064a) \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0647\u062c\u0631\u064a) \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u064a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-28","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":1,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/28\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/28\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=28"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}