{"id":577,"date":"2026-07-06T11:54:09","date_gmt":"2026-07-06T11:54:09","guid":{"rendered":"https:\/\/shefahospital.sa\/orthopedic-doctor-makkah\/"},"modified":"2026-07-21T12:27:13","modified_gmt":"2026-07-21T12:27:13","slug":"orthopedic-doctor-makkah","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/orthopedic-doctor-makkah\/","title":{"rendered":"Orthopedics"},"content":{"rendered":"\n<style>\n    \/* 1. Highly Unique Scoped ID for Astra Breakout (Full Width Background) *\/\n    #sh-ortho-hero-998 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f4f9fc !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Mobile padding *\/\n        padding-bottom: 3.5rem !important; \/* Mobile padding *\/\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-ortho-hero-998 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-ortho-hero-998 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hex Pattern pseudo-element *\/\n    #sh-ortho-hero-998::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23243B5A' stroke-opacity='0.04' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Protected Inner Container *\/\n    #sh-ortho-hero-998 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        position: relative;\n        z-index: 10;\n        padding-left: 20px !important;\n        padding-right: 20px !important;\n    }\n\n    \/* 4. Force remove underlines from ALL links in this section *\/\n    #sh-ortho-hero-998 a {\n        text-decoration: none !important;\n        box-shadow: none !important;\n    }\n    #sh-ortho-hero-998 a:hover {\n        text-decoration: none !important;\n    }\n\n    #sh-ortho-hero-998 * {\n        transition: font-family 0.3s ease;\n    }\n\n    \/* 5. Modern Responsive Image Container Solution *\/\n    #sh-ortho-hero-998 .hero-img-container {\n        width: 100%;\n        height: auto;\n        position: relative;\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n        border: 4px solid #ffffff;\n        background-color: transparent;\n    }\n\n    #sh-ortho-hero-998 .hero-img-container img {\n        width: 100%;\n        height: auto;\n        aspect-ratio: auto;\n        object-fit: contain; \/* Prevents cropping *\/\n        object-position: center;\n        display: block;\n    }\n<\/style>\n\n<section id=\"sh-ortho-hero-998\" dir=\"ltr\">\n    <!-- Adjusted gap for mobile (gap-10) and desktop (gap-20) -->\n    <div class=\"sh-inner-wrapper grid lg:grid-cols-[1.15fr_1fr] gap-12 lg:gap-20 items-center text-left\">\n        \n        <!-- Left Content Block (Order classes removed so it stays on top on mobile) -->\n        <div class=\"animate-fadeup !mx-0\">\n            <nav class=\"flex items-center gap-2 text-[12px] md:text-[13px] text-slate-500 mb-5 md:mb-6 font-medium flex-wrap\">\n                <a href=\"#\" class=\"!text-slate-500 hover:!text-[#0d9488] transition\" id=\"sh-hero-lang-home\">Home<\/a>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                <a href=\"#\" class=\"!text-slate-500 hover:!text-[#0d9488] transition\" id=\"sh-hero-lang-dept\">Departments<\/a>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                <span class=\"text-[#0d9488]\" id=\"sh-hero-lang-subdept\">Orthopedics<\/span>\n            <\/nav>\n\n            <div class=\"inline-flex items-center gap-2 bg-amber-100\/60 text-[#d97706] px-4 py-1.5 rounded-full text-[12px] md:text-[13px] font-bold mb-5 md:mb-6\">\n                <!-- Shield Icon from previous sections -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg> \n                <span id=\"sh-hero-lang-badge\">CBAHI Accredited \u00b7 Al Mansur, Makkah<\/span>\n            <\/div>\n\n            <!-- Fluid typography applied for smaller screens -->\n            <h1 id=\"sh-hero-title-main\" class=\"text-[32px] md:text-[44px] lg:text-[56px] font-bold leading-[1.2] lg:leading-[1.1] text-[#0f172a] mb-3 md:mb-2\" style=\"font-family: var(--font-display);\">\n                Best Orthopedic Doctor in Makkah\n            <\/h1>\n            <h2 id=\"sh-hero-title-sub\" class=\"text-[22px] md:text-[30px] lg:text-[38px] font-bold leading-[1.3] lg:leading-[1.2] text-[#0d9488]\" style=\"font-family: var(--font-display);\">\n                Helping You Move Comfortably\n            <\/h2>\n\n            <p id=\"sh-hero-lang-desc\" class=\"mt-5 md:mt-6 text-[15px] md:text-[17px] text-slate-600 leading-relaxed max-w-xl\">\n                <!-- Injected by JS -->\n            <\/p>\n\n            <!-- Buttons Wrapper with flex-wrap and responsive classes -->\n            <div class=\"mt-8 flex flex-wrap gap-3\">\n                <!-- Book Appointment Button -->\n                <a href=\"javascript:void(0)\" id=\"shefa-popup-trigger\" class=\"shefa-popup-trigger !no-underline inline-flex items-center justify-center gap-2 bg-[#12776b] !text-white rounded-full px-5 py-3 md:px-6 md:py-3.5 font-semibold hover:bg-[#0f6258] transition-all shadow-[0_8px_20px_-8px_rgba(18,119,107,0.6)] flex-1 sm:flex-none\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 w-4 h-4 md:w-5 md:h-5\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-book\">Book Appointment<\/span>\n                <\/a>\n                \n                <!-- Call Hospital Button -->\n                <a href=\"tel:+966125333555\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-white !text-[#0f172a] border border-slate-200 rounded-full px-5 py-3 md:px-6 md:py-3.5 font-semibold hover:border-[#12776b] hover:!text-[#12776b] transition-all shadow-sm flex-1 sm:flex-none\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 w-4 h-4 md:w-5 md:h-5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 10.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-call\">Call Hospital<\/span>\n                <\/a>\n                \n                <!-- WhatsApp Button -->\n                <a href=\"https:\/\/wa.me\/966125333555\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-[#25D366] !text-white rounded-full px-5 py-3 md:px-6 md:py-3.5 font-semibold hover:bg-[#20bd5a] transition-all shadow-[0_8px_20px_-8px_rgba(37,211,102,0.5)] flex-1 sm:flex-none\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 w-4 h-4 md:w-5 md:h-5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-wa\">WhatsApp<\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Features Grid with exact requested SVGs -->\n            <div class=\"mt-10 md:mt-12 grid grid-cols-2 sm:grid-cols-4 gap-3 md:gap-4\">\n                \n                <!-- 1. CBAHI Accredited (Rosette Icon) -->\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 md:w-6 md:h-6 text-[#0d9488]\"><path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">CBAHI Accredited<\/span>\n                <\/div>\n                \n                <!-- 2. Orthopedic Experts (Users Icon) -->\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 md:w-6 md:h-6 text-[#0d9488]\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Orthopedic Experts<\/span>\n                <\/div>\n                \n                <!-- 3. Rehabilitation (Stethoscope Icon) -->\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 md:w-6 md:h-6 text-[#0d9488]\"><path d=\"M11 2v2\"><\/path><path d=\"M5 2v2\"><\/path><path d=\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"><\/path><path d=\"M8 15a6 6 0 0 0 12 0v-3\"><\/path><circle cx=\"20\" cy=\"10\" r=\"2\"><\/circle><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Rehabilitation<\/span>\n                <\/div>\n                \n                <!-- 4. 24\/7 Trauma Care (Shield Check Icon) -->\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 md:w-6 md:h-6 text-[#0d9488]\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">24\/7 Trauma Care<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Fully Responsive Image Block (Order classes removed, flows naturally below text on mobile) -->\n        <div class=\"relative mt-8 lg:mt-0 !mx-0\">\n            <div class=\"absolute -top-10 -left-10 w-48 h-48 bg-[#0d9488]\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n            <div class=\"absolute -bottom-10 -right-10 w-64 h-64 bg-[#d97706]\/15 rounded-full blur-3xl pointer-events-none\"><\/div>\n            \n            <!-- Modern Adaptive Image Wrap -->\n            <div class=\"hero-img-container\">\n                <picture>\n                    <source srcset=\"\/wp-content\/uploads\/2026\/07\/Ortho_1.png\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Ortho_1.png\" alt=\"Orthopedic doctor consultation\" loading=\"eager\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Ortho_1.png';\">\n                <\/picture>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const heroData = {\n            en: { \n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                home: \"Home\",\n                dept: \"Departments\",\n                subdept: \"Orthopedics\",\n                badge: \"CBAHI Accredited \u00b7 Al Mansur, Makkah\",\n                titleMain: \"Best Orthopedic Doctor in Makkah\",\n                titleSub: \"Helping You Move Comfortably\",\n                desc: \"Every movement depends on healthy bones and joints. <a href='https:\/\/shefahospital.sa\/orthopedic-doctor-makkah\/' style='color:#0d9488; font-weight:700; text-decoration:underline;'>Shefa Hospital<\/a> offers comprehensive orthopedic care, diagnostic imaging, emergency services, and rehabilitation for patients of all ages to help you overcome stiffness, back pain, fractures, and sports injuries.\",\n                btnBook: \"Book Appointment\",\n                btnCall: \"Call Hospital\",\n                btnWa: \"WhatsApp\",\n                feats: [\n                    \"CBAHI Accredited\",\n                    \"Orthopedic Experts\",\n                    \"Rehabilitation\",\n                    \"24\/7 Trauma Care\"\n                ]\n            },\n            ar: { \n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                home: \"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\n                dept: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645\",\n                subdept: \"\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\",\n                badge: \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a \u00b7 \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629\",\n                titleMain: \"\u0623\u0641\u0636\u0644 \u062f\u0643\u062a\u0648\u0631 \u0639\u0638\u0627\u0645 \u0641\u064a \u0645\u0643\u0629\",\n                titleSub: \"\u0646\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629 \u0628\u0631\u0627\u062d\u0629 \u0648\u0633\u0647\u0648\u0644\u0629\",\n                desc: \"\u062a\u0639\u062a\u0645\u062f \u0643\u0644 \u062d\u0631\u0643\u0629 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644. \u064a\u0642\u062f\u0645 <a href='https:\/\/shefahospital.sa\/orthopedic-doctor-makkah\/' style='color:#0d9488; font-weight:700; text-decoration:underline;'>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/a> \u0631\u0639\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0639\u0638\u0627\u0645\u060c \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0648\u0627\u0631\u0626\u060c \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0631 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0627\u0644\u062a\u063a\u0644\u0628 \u0639\u0644\u0649 \u062a\u064a\u0628\u0633 \u0627\u0644\u0645\u0641\u0627\u0635\u0644\u060c \u0622\u0644\u0627\u0645 \u0627\u0644\u0638\u0647\u0631\u060c \u0627\u0644\u0643\u0633\u0648\u0631\u060c \u0648\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629.\",\n                btnBook: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"\u0627\u062a\u0635\u0644 \u0628\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                btnWa: \"\u0648\u0627\u062a\u0633\u0627\u0628\",\n                feats: [\n                    \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a\",\n                    \"\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0639\u0638\u0627\u0645\",\n                    \"\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644\",\n                    \"\u0631\u0639\u0627\u064a\u0629 \u0637\u0648\u0627\u0631\u0626 24\/7\"\n                ]\n            }\n        };\n\n        function initUniqueHeroSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = heroData[lang];\n\n            const section = document.getElementById('sh-ortho-hero-998');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-hero-lang-home').textContent = content.home;\n            document.getElementById('sh-hero-lang-dept').textContent = content.dept;\n            document.getElementById('sh-hero-lang-subdept').textContent = content.subdept;\n            document.getElementById('sh-hero-lang-badge').textContent = content.badge;\n            \n            const titleMain = document.getElementById('sh-hero-title-main');\n            titleMain.textContent = content.titleMain;\n            titleMain.style.fontFamily = content.headerFont;\n\n            const titleSub = document.getElementById('sh-hero-title-sub');\n            titleSub.textContent = content.titleSub;\n            titleSub.style.fontFamily = content.headerFont;\n\n            const desc = document.getElementById('sh-hero-lang-desc');\n            \/\/ Using innerHTML to render the <a> tag\n            desc.innerHTML = content.desc;\n            desc.style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-hero-lang-btn-book').textContent = content.btnBook;\n            document.getElementById('sh-hero-lang-btn-call').textContent = content.btnCall;\n            document.getElementById('sh-hero-lang-btn-wa').textContent = content.btnWa;\n\n            const featureTitles = section.querySelectorAll('.sh-hero-feat');\n            content.feats.forEach((featText, index) => {\n                if(featureTitles[index]) {\n                    featureTitles[index].textContent = featText;\n                    featureTitles[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initUniqueHeroSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initUniqueHeroSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<section id=\"ortho-intro-section\" class=\"py-20 md:py-24 bg-white\" dir=\"ltr\">\n    <div class=\"max-w-4xl mx-auto px-5 lg:px-8 w-full text-start\">\n        \n        <div class=\"mb-12 max-w-3xl !mx-0\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"ortho-intro-kicker\">Orthopedic Care<\/span>\n            <\/div>\n            \n            <h2 id=\"ortho-intro-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Understanding Orthopedic Care\n            <\/h2>\n        <\/div>\n\n        <div id=\"ortho-intro-content\" class=\"space-y-6 text-[18px] leading-[1.85] text-[#243b5a]\/85 [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a] !mx-0\">\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ Translation Data Engine for Orthopedics\n    const orthoIntroData = {\n        en: { \n            headerFont: \"var(--font-display)\", \n            bodyFont: \"var(--font-sans)\",\n            kicker: \"Orthopedic Care\",\n            title: \"Understanding Orthopedic Care\",\n            content: `\n                <p><strong>Orthopedics<\/strong> is the medical specialty focused on diagnosing, treating, preventing, and rehabilitating conditions affecting the body's musculoskeletal system.<\/p>\n                <p>This complex system includes:<\/p>\n                \n                <div class=\"flex flex-wrap gap-2.5 my-6\">\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">Bones<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">Joints<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">Muscles<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">Tendons<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">Ligaments<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">Cartilage<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">Spine<\/span>\n                <\/div>\n\n                <p><strong>Orthopedic doctors<\/strong> help patients recover mobility, reduce pain, improve function, and manage both sudden injuries and long-term musculoskeletal conditions.<\/p>\n            `\n        },\n        ar: { \n            headerFont: \"var(--font-arabic)\", \n            bodyFont: \"var(--font-arabic)\",\n            kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\",\n            title: \"\u0645\u0641\u0647\u0648\u0645 \u0631\u0639\u0627\u064a\u0629 \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\",\n            content: `\n                <p><strong>\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645<\/strong> \u0647\u064a \u0627\u0644\u062a\u062e\u0635\u0635 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0630\u064a \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u0634\u062e\u064a\u0635 \u0648\u0639\u0644\u0627\u062c \u0648\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0648\u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0639\u0636\u0644\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0644\u0644\u062c\u0633\u0645.<\/p>\n                <p>\u0648\u064a\u0634\u0645\u0644 \u0647\u0630\u0627 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0645\u0639\u0642\u062f:<\/p>\n                \n                <div class=\"flex flex-wrap gap-2.5 my-6\">\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">\u0627\u0644\u0639\u0638\u0627\u0645<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">\u0627\u0644\u0645\u0641\u0627\u0635\u0644<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">\u0627\u0644\u0639\u0636\u0644\u0627\u062a<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">\u0627\u0644\u0623\u0648\u062a\u0627\u0631<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">\u0627\u0644\u0623\u0631\u0628\u0637\u0629<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">\u0627\u0644\u063a\u0636\u0627\u0631\u064a\u0641<\/span>\n                    <span class=\"bg-[#138b86]\/10 text-[#138b86] border border-[#138b86]\/20 px-4 py-1.5 rounded-full text-[15px] font-bold\">\u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a<\/span>\n                <\/div>\n\n                <p>\u064a\u0633\u0627\u0639\u062f <strong>\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0639\u0638\u0627\u0645<\/strong> \u0627\u0644\u0645\u0631\u0636\u0649 \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0642\u062f\u0631\u062a\u0647\u0645 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629\u060c \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u0644\u0645\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u062c\u0633\u0645\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0643\u0644 \u0645\u0646 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u062c\u0626\u0629 \u0648\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0638\u0627\u0645 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f.<\/p>\n            `\n        }\n    };\n\n    function initOrthoIntroSection() {\n        const htmlElement = document.documentElement;\n        \/\/ Determine language from HTML tag or default to 'en'\n        const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n        const lang = isRtl ? 'ar' : 'en';\n        const data = orthoIntroData[lang];\n\n        const section = document.getElementById('ortho-intro-section');\n        if (!section) return;\n\n        \/\/ Set Main RTL\/LTR directions specifically for this section\n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        \/\/ Apply Translations & Fonts\n        const kickerEl = document.getElementById('ortho-intro-kicker');\n        kickerEl.textContent = data.kicker;\n        kickerEl.style.fontFamily = data.bodyFont;\n\n        const titleEl = document.getElementById('ortho-intro-title');\n        titleEl.textContent = data.title;\n        titleEl.style.fontFamily = data.headerFont;\n\n        const contentEl = document.getElementById('ortho-intro-content');\n        contentEl.innerHTML = data.content; \/\/ innerHTML to parse <strong> and HTML badges\n        contentEl.style.fontFamily = data.bodyFont;\n    }\n\n    \/\/ Initialize the logic on load\n    initOrthoIntroSection();\n    \n    \/\/ Watch for dynamic HTML lang\/dir changes (helps in modern WordPress setups)\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n            if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                initOrthoIntroSection();\n            }\n        });\n    });\n    observer.observe(document.documentElement, { attributes: true });\n});\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Section Styling *\/\n    #ortho-symptoms-section {\n        position: relative !important;\n        background-color: #f8fafc !important; \/* Soft slate\/gray background *\/\n        overflow: hidden !important;\n    }\n\n    \/* 2. Subtle Hexagon Pattern Background *\/\n    #ortho-symptoms-section::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        \/* Hexagon SVG pattern colored to match the theme's teal (#138b86) with low opacity *\/\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.06' stroke-width='1.5'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none; \/* Prevents pattern from blocking clicks *\/\n    }\n\n    \/* 3. Protect Inner Content from Background *\/\n    #ortho-symptoms-section .content-wrapper {\n        position: relative;\n        z-index: 10;\n    }\n<\/style>\n\n<!-- Orthopedic Symptoms Section -->\n<section id=\"ortho-symptoms-section\" class=\"py-20 md:py-24\" dir=\"ltr\">\n    <!-- Main container: Centered on screen, protected by content-wrapper -->\n    <div class=\"content-wrapper max-w-4xl mx-auto px-5 lg:px-8 w-full text-start\">\n        \n        <!-- FIX: Added !mx-0 to prevent theme from centering this block -->\n        <div class=\"mb-10 max-w-3xl !mx-0\">\n            <!-- Overline Kicker -->\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <!-- Small Hexagon Icon instead of simple line for extra detail -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-[#138b86]\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><\/svg>\n                <span id=\"ortho-symptoms-kicker\">Symptoms &#038; Signs<\/span>\n            <\/div>\n            \n            <!-- Main Title -->\n            <h2 id=\"ortho-symptoms-title\" class=\"text-[32px] md:text-[42px] font-bold leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                When Is It Time to See an Orthopedic Doctor?\n            <\/h2>\n        <\/div>\n\n        <!-- FIX: Added !mx-0 to prevent theme from centering the paragraphs -->\n        <div id=\"ortho-symptoms-content\" class=\"text-[18px] leading-[1.85] text-[#243b5a]\/85 [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a] !mx-0\">\n            <!-- Content will be injected here by JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ Translation Data Engine for Orthopedic Symptoms\n    const orthoSymptomsData = {\n        en: { \n            headerFont: \"var(--font-display)\", \n            bodyFont: \"var(--font-sans)\",\n            kicker: \"Symptoms & Signs\",\n            title: \"When Is It Time to See an Orthopedic Doctor?\",\n            content: `\n                <p class=\"mb-6 bg-white\/60 p-4 rounded-xl border border-white backdrop-blur-sm shadow-sm inline-block\">Musculoskeletal pain is common, but persistent symptoms should be evaluated before they become more severe. An orthopedic consultation is recommended if you experience:<\/p>\n                \n                <!-- Modern pill badges for the symptoms list -->\n                <div class=\"flex flex-wrap gap-3 my-8\">\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Joint pain lasting several weeks<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Limited movement in a joint<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Persistent neck or back pain<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Swollen joints<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Pain while walking<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Sports-related injuries<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Broken bones<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Shoulder pain<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Knee pain<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Hip discomfort<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Wrist or ankle injuries<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">Muscle weakness after injury<\/span>\n                <\/div>\n\n                <p class=\"mt-6 border-l-4 border-[#138b86] pl-4 ltr:pl-4 rtl:pr-4 rtl:border-r-4 rtl:border-l-0 py-1 bg-white p-4 shadow-md rounded-r-lg rtl:rounded-r-none rtl:rounded-l-lg italic text-[17px] relative overflow-hidden\">\n                    <strong>Note:<\/strong> Early diagnosis often allows treatment before permanent joint damage or reduced mobility develops.\n                <\/p>\n            `\n        },\n        ar: { \n            headerFont: \"var(--font-arabic)\", \n            bodyFont: \"var(--font-arabic)\",\n            kicker: \"\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a\",\n            title: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0639\u0638\u0627\u0645\u061f\",\n            content: `\n                <p class=\"mb-6 bg-white\/60 p-4 rounded-xl border border-white backdrop-blur-sm shadow-sm inline-block\">\u0623\u0644\u0645 \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0638\u0627\u0645 \u0634\u0627\u0626\u0639\u060c \u0644\u0643\u0646 \u064a\u062c\u0628 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0635\u0628\u062d \u0623\u0643\u062b\u0631 \u062e\u0637\u0648\u0631\u0629. \u064a\u0648\u0635\u0649 \u0628\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0639\u0638\u0627\u0645 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a \u0645\u0646:<\/p>\n                \n                <!-- Modern pill badges for the symptoms list (Arabic) -->\n                <div class=\"flex flex-wrap gap-3 my-8\">\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u064a\u0633\u062a\u0645\u0631 \u0644\u0639\u062f\u0629 \u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u062d\u0631\u0643\u0629 \u0645\u062d\u062f\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0641\u0635\u0644<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0623\u0644\u0645 \u0645\u0633\u062a\u0645\u0631 \u0641\u064a \u0627\u0644\u0631\u0642\u0628\u0629 \u0623\u0648 \u0627\u0644\u0638\u0647\u0631<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u062a\u0648\u0631\u0645 \u0627\u0644\u0645\u0641\u0627\u0635\u0644<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0645\u0634\u064a<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0625\u0635\u0627\u0628\u0627\u062a \u0631\u064a\u0627\u0636\u064a\u0629<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0643\u0633\u0648\u0631 \u0627\u0644\u0639\u0638\u0627\u0645<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u0643\u062a\u0641<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u0631\u0643\u0628\u0629<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0627\u0646\u0632\u0639\u0627\u062c \u0641\u064a \u0627\u0644\u0648\u0631\u0643<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u0633\u063a \u0623\u0648 \u0627\u0644\u0643\u0627\u062d\u0644<\/span>\n                    <span class=\"bg-white text-[#138b86] border border-[#138b86]\/20 shadow-sm px-4 py-2 rounded-full text-[14px] md:text-[15px] font-semibold hover:bg-[#138b86] hover:text-white transition-colors cursor-default\">\u0636\u0639\u0641 \u0639\u0636\u0644\u064a \u0628\u0639\u062f \u0627\u0644\u0625\u0635\u0627\u0628\u0629<\/span>\n                <\/div>\n\n                <p class=\"mt-6 border-r-4 border-[#138b86] pr-4 rtl:pr-4 ltr:pl-4 ltr:border-l-4 ltr:border-r-0 py-1 bg-white p-4 shadow-md rounded-l-lg ltr:rounded-l-none ltr:rounded-r-lg italic text-[17px] relative overflow-hidden\">\n                    <strong>\u0645\u0644\u0627\u062d\u0638\u0629:<\/strong> \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u064a\u0633\u0645\u062d \u063a\u0627\u0644\u0628\u0627\u064b \u0628\u0627\u0644\u0639\u0644\u0627\u062c \u0642\u0628\u0644 \u062d\u062f\u0648\u062b \u062a\u0644\u0641 \u062f\u0627\u0626\u0645 \u0641\u064a \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0623\u0648 \u0627\u0646\u062e\u0641\u0627\u0636 \u0641\u064a \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629.\n                <\/p>\n            `\n        }\n    };\n\n    function initOrthoSymptomsSection() {\n        const htmlElement = document.documentElement;\n        const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n        const lang = isRtl ? 'ar' : 'en';\n        const data = orthoSymptomsData[lang];\n\n        const section = document.getElementById('ortho-symptoms-section');\n        if (!section) return;\n\n        \/\/ Set Main RTL\/LTR directions specifically for this section\n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        \/\/ Apply Translations & Fonts\n        const kickerEl = document.getElementById('ortho-symptoms-kicker');\n        kickerEl.textContent = data.kicker;\n        kickerEl.style.fontFamily = data.bodyFont;\n\n        const titleEl = document.getElementById('ortho-symptoms-title');\n        titleEl.textContent = data.title;\n        titleEl.style.fontFamily = data.headerFont;\n\n        const contentEl = document.getElementById('ortho-symptoms-content');\n        contentEl.innerHTML = data.content;\n        contentEl.style.fontFamily = data.bodyFont;\n    }\n\n    \/\/ Initialize the logic on load\n    initOrthoSymptomsSection();\n    \n    \/\/ Watch for dynamic HTML lang\/dir changes\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n            if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                initOrthoSymptomsSection();\n            }\n        });\n    });\n    observer.observe(document.documentElement, { attributes: true });\n});\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Background (No Hexa) *\/\n    #sh-ortho-cond-996 {\n        width: 100%;\n        background-color: #ffffff;\n        overflow: hidden;\n        padding-top: 3.5rem; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem; \/* Reduced for mobile *\/\n        box-sizing: border-box;\n    }\n\n    @media (min-width: 768px) {\n        #sh-ortho-cond-996 {\n            padding-top: 5rem;\n            padding-bottom: 5rem;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-ortho-cond-996 {\n            padding-top: 6rem;\n            padding-bottom: 6rem;\n        }\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-ortho-cond-996 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 3. Fully Responsive Image Framework (Auto Height & Contain) *\/\n    #sh-ortho-cond-996 .cond-img-block {\n        position: relative;\n        width: 100%;\n        height: auto;\n        border-radius: 2rem;\n    }\n\n    #sh-ortho-cond-996 .cond-img-block img {\n        width: 100%;\n        height: auto;\n        object-fit: contain; \/* Prevent cropping *\/\n        object-position: center;\n        border-radius: 2rem;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n        display: block;\n    }\n\n    \/* 4. Lightweight Custom Animation *\/\n    @keyframes shFadeInUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up {\n        opacity: 0;\n        animation: shFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    #sh-ortho-cond-996 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Orthopedic Conditions Section -->\n<section id=\"sh-ortho-cond-996\" dir=\"ltr\">\n    <!-- Adjusted gap for mobile (gap-10) and desktop (gap-16), items-start for sticky -->\n    <div class=\"sh-inner-wrapper px-5 lg:px-8 grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-16 items-start\">\n        \n        <!-- Left Image (HIGH QUALITY IMAGE) - Added mb-8 for mobile, sticky for desktop -->\n        <div class=\"cond-img-block sh-animate-up !mx-0 mb-8 lg:mb-0 lg:sticky lg:top-24\">\n            <picture>\n                <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/ortho_2.png\" type=\"image\/webp\">\n                <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/ortho_2.png\" alt=\"Shefa Hospital orthopedic consultation and joint care\" loading=\"lazy\" class=\"w-full h-auto aspect-auto object-contain block\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n            <\/picture>\n            \n            <!-- Floating Badge completely removed from here -->\n        <\/div>\n\n        <!-- Right Content Area -->\n        <div class=\"sh-animate-up !mx-0 text-start\" style=\"animation-delay: 0.15s;\">\n            <div class=\"mb-8 md:mb-10 max-w-3xl !mx-0\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4\">\n                    <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-cond-lang-kicker\">Orthopedic Conditions<\/span>\n                <\/div>\n                \n                <!-- Fluid typography applied for smaller screens -->\n                <h2 id=\"sh-cond-lang-title\" class=\"text-[28px] md:text-[36px] lg:text-[44px] font-bold leading-[1.2] lg:leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    Conditions Commonly Managed by Orthopedic Specialists\n                <\/h2>\n                \n                <p id=\"sh-cond-lang-p1\" class=\"mt-4 md:mt-5 text-slate-500 text-[16px] md:text-[18px] leading-relaxed\">\n                    Orthopedic physicians care for a broad range of bone, joint, muscle, and ligament disorders.\n                <\/p>\n            <\/div>\n\n            <p id=\"sh-cond-lang-p2\" class=\"text-[#243b5a]\/85 mb-6 md:mb-8 text-[16px] md:text-[17px] leading-relaxed [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a]\">\n                <strong>Osteoarthritis<\/strong> develops when the protective cartilage covering joint surfaces gradually wears down over time.\n            <\/p>\n            \n            <p id=\"sh-cond-lang-list-title\" class=\"text-[#243b5a] text-[18px] md:text-[20px] font-bold mb-4 md:mb-5\" style=\"font-family: var(--font-display);\">\n                Common symptoms include:\n            <\/p>\n            \n            <!-- Dynamic Grid List (Injected via JS for clean HTML) -->\n            <ul id=\"sh-cond-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 md:gap-y-3.5 mb-6 md:mb-8\">\n                <!-- List items will go here -->\n            <\/ul>\n\n            <p id=\"sh-cond-lang-footer\" class=\"mt-5 md:mt-6 border-l-4 border-[#138b86] pl-4 ltr:pl-4 rtl:pr-4 rtl:border-r-4 rtl:border-l-0 py-1 bg-slate-50 p-4 shadow-sm rounded-r-lg rtl:rounded-r-none rtl:rounded-l-lg text-slate-600 text-[15px] md:text-[16px] leading-relaxed\">\n                Weight-bearing joints such as the knees and hips are commonly affected.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Translation & Dynamic Render Engine -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const orthoCondData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Orthopedic Conditions\",\n                title: \"Conditions Commonly Managed by Orthopedic Specialists\",\n                p1: \"Orthopedic physicians care for a broad range of bone, joint, muscle, and ligament disorders.\",\n                p2: \"<strong>Osteoarthritis<\/strong> develops when the protective cartilage covering joint surfaces gradually wears down.\",\n                listTitle: \"Common symptoms include:\",\n                footer: \"Weight-bearing joints such as the knees and hips are commonly affected.\",\n                list: [\n                    \"Joint stiffness\",\n                    \"Pain during movement\",\n                    \"Reduced flexibility\",\n                    \"Swelling around the joint\",\n                    \"Difficulty performing daily activities\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0638\u0645\u064a\u0629\",\n                title: \"\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0639\u0627\u0644\u062c\u0647\u0627 \u0623\u0637\u0628\u0627\u0621 \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\",\n                p1: \"\u064a\u0639\u0627\u0644\u062c \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0639\u0638\u0627\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0631\u0628\u0637\u0629.\",\n                p2: \"\u064a\u062a\u0637\u0648\u0631 <strong>\u0627\u0644\u0641\u064f\u0635\u0627\u0644 \u0627\u0644\u0639\u0638\u0645\u064a (\u062e\u0634\u0648\u0646\u0629 \u0627\u0644\u0645\u0641\u0627\u0635\u0644)<\/strong> \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u0622\u0643\u0644 \u0627\u0644\u063a\u0636\u0627\u0631\u064a\u0641 \u0627\u0644\u0648\u0627\u0642\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u063a\u0637\u064a \u0623\u0633\u0637\u062d \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b.\",\n                listTitle: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u0639\u0627\u062f\u0629 \u0645\u0627 \u062a\u062a\u0623\u062b\u0631 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u062a\u064a \u062a\u062d\u0645\u0644 \u0627\u0644\u0648\u0632\u0646 \u0628\u0634\u0643\u0644 \u0623\u0633\u0627\u0633\u064a\u060c \u0645\u062b\u0644 \u0627\u0644\u0631\u0643\u0628\u062a\u064a\u0646 \u0648\u0627\u0644\u0648\u0631\u0643\u064a\u0646.\",\n                list: [\n                    \"\u062a\u064a\u0628\u0633 \u0627\u0644\u0645\u0641\u0627\u0635\u0644\",\n                    \"\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u0629\",\n                    \"\u0642\u0644\u0629 \u0627\u0644\u0645\u0631\u0648\u0646\u0629\",\n                    \"\u062a\u0648\u0631\u0645 \u062d\u0648\u0644 \u0627\u0644\u0645\u0641\u0635\u0644\",\n                    \"\u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0623\u062f\u0627\u0621 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initCondSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const data = orthoCondData[lang];\n\n            const section = document.getElementById('sh-ortho-cond-996');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Text & Fonts\n            document.getElementById('sh-cond-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-cond-lang-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-cond-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-cond-lang-p1').textContent = data.p1;\n            document.getElementById('sh-cond-lang-p1').style.fontFamily = data.bodyFont;\n\n            const p2 = document.getElementById('sh-cond-lang-p2');\n            p2.innerHTML = data.p2; \n            p2.style.fontFamily = data.bodyFont;\n\n            const listTitle = document.getElementById('sh-cond-lang-list-title');\n            listTitle.textContent = data.listTitle;\n            listTitle.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-cond-lang-footer').textContent = data.footer;\n            document.getElementById('sh-cond-lang-footer').style.fontFamily = data.bodyFont;\n\n            \/\/ Dynamically Render List with responsive sizes\n            const grid = document.getElementById('sh-cond-grid');\n            grid.innerHTML = ''; \/\/ Clear previous\n            data.list.forEach(itemText => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-2 md:gap-3 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15.5px] leading-relaxed text-[#243b5a]\/90 font-medium\" style=\"font-family: ${data.bodyFont};\">${itemText}<\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n\n        initCondSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initCondSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-ortho-services-997 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-ortho-services-997::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-ortho-services-997 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        position: relative;\n        z-index: 10;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-ortho-services-997\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"mb-16 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-ser-lang-kicker\">Services<\/span>\n            <\/div>\n            <h2 id=\"sh-ser-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Orthopedic Healthcare Services<\/h2>\n            <p id=\"sh-ser-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">&#8230;<\/p>\n        <\/div>\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"sh-ser-grid\"><\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Orthopedic Specific Clean SVG Icons\n        const icons = {\n            bone: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 3a2.5 2.5 0 0 1 3 3.5c-.3.4-.3.8-.1 1.2l1.3 2.6c.7 1.4.7 3.2 0 4.6l-1.3 2.6c-.2.4-.2.8.1 1.2a2.5 2.5 0 0 1-3 3.5 2.5 2.5 0 0 1-3.5-3c-.4.2-.8.2-1.2.1l-2.6-1.3a5.1 5.1 0 0 1-4.6 0l-2.6 1.3c-.4.2-.8.2-1.2-.1a2.5 2.5 0 0 1-3.5-3 2.5 2.5 0 0 1 3-3.5c.3-.4.3-.8.1-1.2l-1.3-2.6a5.1 5.1 0 0 1 0-4.6l1.3-2.6c.2-.4.2-.8-.1-1.2a2.5 2.5 0 0 1 3-3.5 2.5 2.5 0 0 1 3.5 3c.4-.2.8-.2 1.2-.1l2.6 1.3a5.1 5.1 0 0 1 4.6 0l2.6-1.3c.4-.2.8-.2 1.2.1A2.5 2.5 0 0 1 17 3z\"\/><\/svg>`,\n            activity: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>`,\n            eye: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>`,\n            droplet: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22a7 7 0 0 0 7-7c0-4.3-7-11-7-11S5 10.7 5 15a7 7 0 0 0 7 7Z\"\/><\/svg>`,\n            alert: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"\/><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"\/><\/svg>`\n        };\n\n        const servicesData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Services\", title: \"Fracture & Trauma Care at Shefa Hospital\",\n                desc: \"Musculoskeletal trauma involves comprehensive evaluation, alignment, and stabilizing support. The Orthopedics Department delivers rapid assessment to accurately target and manage simple or structural bone breaks.\",\n                items: [\n                    { t: \"Severe Pain Mitigation\", d: \"Targeted support to control extreme localized physical pain post-trauma.\", icon: icons.activity },\n                    { t: \"Swelling Control\", d: \"Prompt medical intervention to reduce tissue swelling and clear fluid build-up.\", icon: icons.droplet },\n                    { t: \"Bruising Evaluation\", d: \"Detailed inspection of internal tissue contusions and vascular integrity.\", icon: icons.eye },\n                    { t: \"Limb Mobility Restoration\", d: \"Specialized therapy to help counter stiffness and restore lost functional motion.\", icon: icons.activity },\n                    { t: \"Visible Deformity Realignment\", d: \"Expert orthopedic reduction techniques to perfectly align displaced bone layouts.\", icon: icons.bone },\n                    { t: \"Prompt Orthopedic Screening\", d: \"Fast diagnostic imaging and structural sizing to initiate the proper bone repair plan.\", icon: icons.alert }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062e\u062f\u0645\u0627\u062a\", title: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0643\u0633\u0648\u0631 \u0648\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621\",\n                desc: \"\u062a\u062a\u0636\u0645\u0646 \u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0639\u0636\u0644\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0634\u0627\u0645\u0644\u0627\u064b \u0648\u062a\u062b\u0628\u064a\u062a\u0627\u064b \u062f\u0627\u0639\u0645\u0627\u064b. \u064a\u0642\u062f\u0645 \u0642\u0633\u0645 \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0633\u0631\u064a\u0639\u0627\u064b \u0644\u062a\u062d\u062f\u064a\u062f \u0648\u0625\u062f\u0627\u0631\u0629 \u0643\u0633\u0648\u0631 \u0627\u0644\u0639\u0638\u0627\u0645 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0623\u0648 \u0627\u0644\u0645\u0631\u0643\u0628\u0629 \u0628\u062f\u0642\u0629.\",\n                items: [\n                    { t: \"\u062a\u062e\u0641\u064a\u0641 \u0627\u0644\u0622\u0644\u0627\u0645 \u0627\u0644\u0634\u062f\u064a\u062f\u0629\", d: \"\u062f\u0639\u0645 \u0637\u0628\u064a \u0645\u062a\u062e\u0635\u0635 \u0644\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0622\u0644\u0627\u0645 \u0627\u0644\u0645\u0648\u0636\u0639\u064a\u0629 \u0627\u0644\u062d\u0627\u062f\u0629 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0644\u0625\u0635\u0627\u0628\u0629.\", icon: icons.activity },\n                    { t: \"\u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0631\u0645\", d: \"\u062a\u062f\u062e\u0644 \u0637\u0628\u064a \u0633\u0631\u064a\u0639 \u0644\u0644\u062d\u062f \u0645\u0646 \u062a\u0648\u0631\u0645 \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0648\u062a\u0631\u0627\u0643\u0645 \u0627\u0644\u0633\u0648\u0627\u0626\u0644 \u0627\u0644\u0645\u062d\u064a\u0637\u0629 \u0628\u0627\u0644\u0643\u0633\u0631.\", icon: icons.droplet },\n                    { t: \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0643\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0645\u0639\u0627\u062a\", d: \"\u0641\u062d\u0635 \u062f\u0642\u064a\u0642 \u0644\u062a\u0643\u062f\u0645 \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u064a\u0637\u0629.\", icon: icons.eye },\n                    { t: \"\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u0637\u0631\u0627\u0641\", d: \"\u0628\u0631\u0627\u0645\u062c \u0639\u0644\u0627\u062c\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u062a\u064a\u0628\u0633 \u0648\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629.\", icon: icons.activity },\n                    { t: \"\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u062a\u0634\u0648\u0647\u0627\u062a \u0627\u0644\u0638\u0627\u0647\u0631\u0629\", d: \"\u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0627\u0644\u0645\u0632\u0627\u062d\u0629 \u0625\u0644\u0649 \u0645\u062d\u0627\u0630\u0627\u062a\u0647\u0627 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0628\u0634\u0643\u0644 \u062f\u0642\u064a\u0642.\", icon: icons.bone },\n                    { t: \"\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0641\u0648\u0631\u064a \u0644\u0644\u0643\u0633\u0648\u0631\", d: \"\u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0634\u0639\u0627\u0639\u064a\u0629 \u0648\u0647\u064a\u0643\u0644\u064a\u0629 \u0633\u0631\u064a\u0639\u0629 \u0644\u0628\u062f\u0621 \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u062a\u0631\u0645\u064a\u0645 \u0627\u0644\u0639\u0638\u0627\u0645.\", icon: icons.alert }\n                ]\n            }\n        };\n\n        function initServices() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? servicesData.ar : servicesData.en;\n            const section = document.getElementById('sh-ortho-services-997');\n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-ser-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-ser-lang-title').textContent = data.title;\n            document.getElementById('sh-ser-lang-desc').textContent = data.desc;\n            document.getElementById('sh-ser-lang-title').style.fontFamily = data.font;\n            \n            const grid = document.getElementById('sh-ser-grid');\n            grid.innerHTML = '';\n            data.items.forEach((item, i) => {\n                const div = document.createElement('div');\n                div.className = \"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\";\n                div.style.animationDelay = `${i * 0.05}s`;\n                div.innerHTML = `\n                    <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                        ${item.icon}\n                    <\/div>\n                    <h3 class=\"text-[20px] font-bold text-[#243b5a] mb-3\" style=\"font-family: ${data.font}\">${item.t}<\/h3>\n                    <div class=\"text-[15.5px] text-[#667085] leading-relaxed\" style=\"font-family: ${data.body}\">${item.d}<\/div>\n                `;\n                grid.appendChild(div);\n            });\n        }\n        initServices();\n        new MutationObserver(initServices).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-ortho-sports-887 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem !important; \/* Reduced for mobile *\/\n    }\n\n    @media (min-width: 768px) {\n        #sh-ortho-sports-887 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-ortho-sports-887 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-ortho-sports-887 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Fully Responsive Image Framework (Auto Height & Contain) *\/\n    #sh-ortho-sports-887 .sports-img-block {\n        position: relative;\n        width: 100%;\n        height: auto;\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    #sh-ortho-sports-887 .sports-img-block img {\n        width: 100%;\n        height: auto;\n        object-fit: contain; \/* Prevents cropping *\/\n        object-position: center;\n        display: block;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-ortho-sports-887 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-ortho-sports-887\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Adjusted gap for mobile (gap-10) and items-start for consistent flow -->\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-14 items-start mb-12 lg:mb-20\">\n            \n            <!-- Left Text Content (Order 2 on Mobile, Order 1 on Desktop) -->\n            <div class=\"sh-animate-up order-2 lg:order-1 text-start\">\n                <div class=\"mb-8 lg:mb-12 max-w-6xl\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4\">\n                        <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                        <span id=\"sh-sports-kicker\">Sports Medicine<\/span>\n                    <\/div>\n                    \n                    <!-- Fluid typography applied -->\n                    <h2 id=\"sh-sports-title\" class=\"text-[28px] md:text-[36px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a] mb-4 md:mb-5\" style=\"font-family: var(--font-display);\">\n                        Sports Injuries: Recovery &amp; Mobility\n                    <\/h2>\n                    \n                    <p id=\"sh-sports-desc\" class=\"text-[#667085] text-[16px] md:text-[18px] leading-relaxed\">\n                        Sports and physical activity can sometimes lead to injuries involving muscles, ligaments, tendons, or joints. Custom diagnostic support helps pinpoint structural injuries early, allowing clinical teams to monitor safe rehabilitation trajectories over time.\n                    <\/p>\n                <\/div>\n                \n                <p id=\"sh-sports-list-title\" class=\"text-[#243b5a] font-bold text-[18px] md:text-[20px] mb-4 md:mb-5\" style=\"font-family: var(--font-display);\">\n                    Common structural conditions include:\n                <\/p>\n                \n                <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 md:gap-y-3.5 mb-6\" id=\"sh-sports-list\">\n                    <!-- Injected via JS -->\n                <\/ul>\n                \n                <p id=\"sh-sports-footer\" class=\"text-[#667085] text-[15px] md:text-[16px] leading-relaxed\">\n                    Treatment metrics depend explicitly on the severity of the injury and the patient&#8217;s individual routine baseline activity level.\n                <\/p>\n            <\/div>\n            \n            <!-- Right Image Content (Order 1 on Mobile, Order 2 on Desktop) -->\n            <!-- Added mb-8 lg:mb-0 to separate image from text on mobile -->\n            <div class=\"sports-img-block sh-animate-up order-1 lg:order-2 mb-8 lg:mb-0\" style=\"animation-delay: 0.2s;\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/ortho_3.png\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/ortho_3.png\" alt=\"Orthopedic injury monitoring and care\" loading=\"lazy\" class=\"w-full h-auto aspect-auto object-contain block\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/ortho_6.webp';\">\n                <\/picture>\n            <\/div>\n            \n        <\/div>\n\n        <!-- Alert Container with dynamic padding -->\n        <div id=\"sh-sports-alert\" class=\"relative rounded-3xl p-6 md:p-8 lg:p-12 shadow-sm sh-animate-up text-start animate-delay-400\">\n             <!-- Injected via JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const sportsEngineData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Sports Medicine\",\n                title: \"Sports Injuries: Recovery & Mobility\",\n                desc: \"Sports and physical activity can sometimes lead to injuries involving muscles, ligaments, tendons, or joints. Custom diagnostic support helps pinpoint structural injuries early, allowing clinical teams to monitor safe rehabilitation trajectories over time.\",\n                listTitle: \"Common structural conditions include:\",\n                footer: \"Treatment metrics depend explicitly on the severity of the injury and the patient's individual routine baseline activity level.\",\n                list: [\n                    \"Ligament sprains\",\n                    \"Muscle strains\",\n                    \"Tendon injuries\",\n                    \"Shoulder injuries\",\n                    \"Knee injuries\",\n                    \"Ankle injuries\"\n                ],\n                alertTitle: \"Comprehensive Injury Rehabilitation\",\n                alertDesc: \"Certain structural impacts require deep monitoring protocols. An injury profile can turn complex when the patient presents: Acute joint instability, severe localized trauma tears, secondary structural strain, or multiple complex joint fractures.\",\n                alertFooter: \"Early clinical assessment allows providers to resolve joint damage before it changes permanent movement patterns.\"\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0637\u0628 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\",\n                title: \"\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629: \u0627\u0644\u0627\u0633\u062a\u0634\u0641\u0627\u0621 \u0648\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629\",\n                desc: \"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062f\u064a \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0648\u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0623\u062d\u064a\u0627\u0646\u0627\u064b \u0625\u0644\u0649 \u0625\u0635\u0627\u0628\u0627\u062a \u0641\u064a \u0627\u0644\u0639\u0636\u0644\u0627\u062a\u060c \u0627\u0644\u0623\u0631\u0628\u0637\u0629\u060c \u0627\u0644\u0623\u0648\u062a\u0627\u0631\u060c \u0623\u0648 \u0627\u0644\u0645\u0641\u0627\u0635\u0644. \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0627\u0644\u0645\u062e\u0635\u0635 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0645\u0628\u0643\u0631\u0627\u064b\u060c \u0645\u0645\u0627 \u064a\u062a\u064a\u062d \u0644\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0637\u0628\u064a \u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0622\u0645\u0646\u0629 \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a.\",\n                listTitle: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u062a\u0639\u062a\u0645\u062f \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0634\u0643\u0644 \u0635\u0631\u064a\u062d \u0639\u0644\u0649 \u0645\u062f\u0649 \u0634\u062f\u0629 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0648\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0627\u0644\u0645\u0639\u062a\u0627\u062f \u0644\u0644\u0645\u0631\u064a\u0636.\",\n                list: [\n                    \"\u0627\u0644\u062a\u0648\u0627\u0621\u0627\u062a \u0627\u0644\u0623\u0631\u0628\u0637\u0629\",\n                    \"\u0627\u0644\u062a\u0645\u0632\u0642 \u0648\u0627\u0644\u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0639\u0636\u0644\u064a\",\n                    \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0627\u0631\",\n                    \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0643\u062a\u0641\",\n                    \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u0643\u0628\u0629\",\n                    \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0643\u0627\u062d\u0644\"\n                ],\n                alertTitle: \"\u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u064a\u0629\",\n                alertDesc: \"\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0645\u0631\u0627\u0642\u0628\u0629 \u062f\u0642\u064a\u0642\u0629. \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0635\u0628\u062d \u062d\u0627\u0644\u0629 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0645\u0639\u0642\u062f\u0629 \u0639\u0646\u062f\u0645\u0627 \u064a\u0639\u0627\u0646\u064a \u0627\u0644\u0645\u0631\u064a\u0636 \u0645\u0646: \u0639\u062f\u0645 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0645\u0641\u0635\u0644 \u0627\u0644\u062d\u0627\u062f\u060c \u062a\u0645\u0632\u0642\u0627\u062a \u062d\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0645\u0648\u0636\u0639\u064a\u0629\u060c \u0625\u062c\u0647\u0627\u062f \u0647\u064a\u0643\u0644\u064a \u062b\u0627\u0646\u0648\u064a\u060c \u0623\u0648 \u0643\u0633\u0648\u0631 \u0645\u062a\u0639\u062f\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0641\u0635\u0644.\",\n                alertFooter: \"\u064a\u0633\u0645\u062d \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0644\u0623\u0637\u0628\u0627\u0621 \u0628\u0645\u0639\u0627\u0644\u062c\u0629 \u062a\u0644\u0641 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0642\u0628\u0644 \u0623\u0646 \u064a\u0624\u062b\u0631 \u0628\u0634\u0643\u0644 \u062f\u0627\u0626\u0645 \u0639\u0644\u0649 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629.\"\n            }\n        };\n\n        function initSportsSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? sportsEngineData.ar : sportsEngineData.en;\n            \n            const section = document.getElementById('sh-ortho-sports-887');\n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply fonts and text elements\n            document.getElementById('sh-sports-kicker').textContent = data.kicker;\n            document.getElementById('sh-sports-kicker').style.fontFamily = data.bodyFont;\n\n            const titleEl = document.getElementById('sh-sports-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n\n            const descEl = document.getElementById('sh-sports-desc');\n            descEl.textContent = data.desc;\n            descEl.style.fontFamily = data.bodyFont;\n\n            const listTitleEl = document.getElementById('sh-sports-list-title');\n            listTitleEl.textContent = data.listTitle;\n            listTitleEl.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-sports-footer').textContent = data.footer;\n            document.getElementById('sh-sports-footer').style.fontFamily = data.bodyFont;\n\n            \/\/ Render list template dynamically with fluid sizing\n            const itemsList = document.getElementById('sh-sports-list');\n            itemsList.innerHTML = '';\n            data.list.forEach(itemText => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-2 md:gap-3 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg class=\"w-[10px] h-[10px] md:w-3 md:h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15.5px] text-[#243b5a]\/90 font-medium leading-relaxed\" style=\"font-family: ${data.bodyFont};\">${itemText}<\/span>\n                `;\n                itemsList.appendChild(li);\n            });\n\n            \/\/ Layout Alert box configuration with fluid typography and dynamic padding\n            const alertBox = document.getElementById('sh-sports-alert');\n            alertBox.className = `relative rounded-3xl bg-gradient-to-br from-[#d8a321]\/5 to-white p-6 md:p-8 lg:p-12 shadow-sm sh-animate-up text-start ${isRtl ? 'border-r-4 border-[#d8a321]' : 'border-l-4 border-[#d8a321]'}`;\n            alertBox.innerHTML = `\n                <h3 class=\"font-bold text-[22px] md:text-[28px] lg:text-[32px] text-[#243b5a] mb-3 md:mb-4 leading-tight\" style=\"font-family: ${data.headerFont};\">${data.alertTitle}<\/h3>\n                <p class=\"text-[#243b5a]\/85 mb-3 md:mb-4 text-[15px] md:text-[16px] font-medium leading-relaxed\" style=\"font-family: ${data.bodyFont};\">${data.alertDesc}<\/p>\n                <p class=\"text-[#667085] text-[14px] md:text-[15px] leading-relaxed\" style=\"font-family: ${data.bodyFont};\">${data.alertFooter}<\/p>\n            `;\n        }\n\n        initSportsSection();\n        new MutationObserver(initSportsSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-ortho-spine-888 {\n        width: 100%;\n        background-color: #ffffff !important;\n        overflow: hidden;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box;\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-ortho-spine-888 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Timeline Connector Line *\/\n    .sh-timeline-line {\n        position: absolute;\n        top: 3.5rem;\n        left: 20%;\n        right: 20%;\n        height: 2px;\n        background: #e4edf3;\n        z-index: 0;\n    }\n    @media (max-width: 768px) { .sh-timeline-line { display: none; } }\n\n    \/* 4. Animation Frame *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-ortho-spine-888 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-ortho-spine-888\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-16 text-center max-w-2xl mx-auto sh-animate-up\">\n            <h3 id=\"sh-spine-lang-title\" class=\"text-[30px] md:text-[36px] font-bold text-[#243b5a] mb-3\" style=\"font-family: var(--font-display);\">\n                Back and Neck Pain Evaluation\n            <\/h3>\n            <p id=\"sh-spine-lang-desc\" class=\"text-[#667085] text-[17px]\">\n                Spinal issues may result from muscle strains, disc disorders, arthritis, or injury. Persistent symptoms require a systematic clinical screening.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-3 gap-8 relative\">\n            <div class=\"sh-timeline-line\"><\/div>\n            \n            <div class=\"relative bg-white border border-[#e4edf3] rounded-2xl p-8 shadow-sm hover:shadow-lg transition text-center sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <div class=\"mx-auto w-14 h-14 rounded-full bg-[#138b86] text-white grid place-items-center font-bold text-lg mb-6 shadow-md\">1<\/div>\n                <div id=\"sh-spine-card1-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Primary Warning Indicators<\/div>\n                <p id=\"sh-spine-card1-d\" class=\"text-[#667085] text-[15px] leading-relaxed\">Persistent localized neck or back pain caused by micro-strains, lifting accidents, or postural irregularities.<\/p>\n            <\/div>\n\n            <div class=\"relative bg-white border border-[#e4edf3] rounded-2xl p-8 shadow-sm hover:shadow-lg transition text-center sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <div class=\"mx-auto w-14 h-14 rounded-full bg-[#138b86] text-white grid place-items-center font-bold text-lg mb-6 shadow-md\">2<\/div>\n                <div id=\"sh-spine-card2-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Neurological Symptoms<\/div>\n                <p id=\"sh-spine-card2-d\" class=\"text-[#667085] text-[15px] leading-relaxed\">Immediate validation needed when pain is accompanied by localized numbness, tingling nerve spikes, or sudden muscle weakness.<\/p>\n            <\/div>\n\n            <div class=\"relative bg-white border border-[#e4edf3] rounded-2xl p-8 shadow-sm hover:shadow-lg transition text-center sh-animate-up\" style=\"animation-delay: 0.3s;\">\n                <div class=\"mx-auto w-14 h-14 rounded-full bg-[#138b86] text-white grid place-items-center font-bold text-lg mb-6 shadow-md\">3<\/div>\n                <div id=\"sh-spine-card3-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Advanced Spine Screening<\/div>\n                <p id=\"sh-spine-card3-d\" class=\"text-[#667085] text-[15px] leading-relaxed\">Required if you experience difficulty walking or sharp pain radiating down the length of your arms or lower legs.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const spineTimelineData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                title: \"Back and Neck Pain Evaluation\",\n                desc: \"Spinal issues may result from muscle strains, disc disorders, arthritis, or injury. Persistent symptoms require a systematic clinical screening.\",\n                cards: [\n                    { t: \"Primary Warning Indicators\", d: \"Persistent localized neck or back pain caused by micro-strains, lifting accidents, or postural irregularities.\" },\n                    { t: \"Neurological Symptoms\", d: \"Immediate validation needed when pain is accompanied by localized numbness, tingling nerve spikes, or sudden muscle weakness.\" },\n                    { t: \"Advanced Spine Screening\", d: \"Required if you experience difficulty walking or sharp pain radiating down the length of your arms or lower legs.\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                title: \"\u062a\u0642\u064a\u064a\u0645 \u0622\u0644\u0627\u0645 \u0627\u0644\u0638\u0647\u0631 \u0648\u0627\u0644\u0631\u0642\u0628\u0629\",\n                desc: \"\u0642\u062f \u062a\u0646\u062a\u062c \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a \u0639\u0646 \u0627\u0644\u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0639\u0636\u0644\u064a\u060c \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0642\u0631\u0627\u0635 (\u0627\u0644\u062f\u064a\u0633\u0643)\u060c \u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u0641\u0627\u0635\u0644\u060c \u0623\u0648 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a. \u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0641\u062d\u0635\u0627\u064b \u0633\u0631\u064a\u0631\u064a\u0627\u064b \u0645\u0646\u0647\u062c\u064a\u0627\u064b.\",\n                cards: [\n                    { t: \"\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u062d\u0630\u064a\u0631 \u0627\u0644\u0623\u0648\u0644\u064a\u0629\", d: \"\u0622\u0644\u0627\u0645 \u0645\u0648\u0636\u0639\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0641\u064a \u0627\u0644\u0631\u0642\u0628\u0629 \u0623\u0648 \u0627\u0644\u0638\u0647\u0631 \u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0644\u062a\u0645\u0632\u0642\u0627\u062a \u0627\u0644\u0637\u0641\u064a\u0641\u0629\u060c \u0623\u0648 \u062d\u0648\u0627\u062f\u062b \u0631\u0641\u0639 \u0627\u0644\u0623\u062b\u0642\u0627\u0644\u060c \u0623\u0648 \u0648\u0636\u0639\u064a\u0627\u062a \u0627\u0644\u062c\u0644\u0648\u0633 \u0627\u0644\u062e\u0627\u0637\u0626\u0629.\" },\n                    { t: \"\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0639\u0635\u0628\u064a\u0629 \u0627\u0644\u0645\u0635\u0627\u062d\u0628\u0629\", d: \"\u062d\u0627\u0644\u0627\u062a \u062a\u0633\u062a\u062f\u0639\u064a \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0641\u0648\u0631\u064a \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0627\u0644\u0623\u0644\u0645 \u0645\u0635\u062d\u0648\u0628\u0627\u064b \u0628\u062a\u0646\u0645\u064a\u0644 \u0645\u0648\u0636\u0639\u064a\u060c \u0623\u0648 \u0648\u062e\u0632 \u0639\u0635\u0628\u064a\u060c \u0623\u0648 \u0636\u0639\u0641 \u0639\u0636\u0644\u064a \u0645\u0641\u0627\u062c\u0626.\" },\n                    { t: \"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0644\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a\", d: \"\u0641\u062d\u0635 \u0636\u0631\u0648\u0631\u064a \u0644\u0644\u063a\u0627\u064a\u0629 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u0645\u0634\u064a \u0623\u0648 \u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u064a\u0645\u062a\u062f \u0639\u0644\u0649 \u0637\u0648\u0644 \u0627\u0644\u0630\u0631\u0627\u0639\u064a\u0646 \u0623\u0648 \u0627\u0644\u0633\u0627\u0642\u064a\u0646 (\u0639\u0631\u0642 \u0627\u0644\u0646\u0633\u0627).\" }\n                ]\n            }\n        };\n\n        function initSpineSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? spineTimelineData.ar : spineTimelineData.en;\n            const section = document.getElementById('sh-ortho-spine-888');\n            if(!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-spine-lang-title').textContent = data.title;\n            document.getElementById('sh-spine-lang-title').style.fontFamily = data.font;\n            document.getElementById('sh-spine-lang-desc').textContent = data.desc;\n            document.getElementById('sh-spine-lang-desc').style.fontFamily = data.body;\n            \n            data.cards.forEach((card, i) => {\n                const titleEl = document.getElementById(`sh-spine-card${i+1}-t`);\n                const descEl = document.getElementById(`sh-spine-card${i+1}-d`);\n                if(titleEl && descEl) {\n                    titleEl.textContent = card.t;\n                    titleEl.style.fontFamily = data.font;\n                    descEl.textContent = card.d;\n                    descEl.style.fontFamily = data.body;\n                }\n            });\n        }\n        \n        initSpineSection();\n        new MutationObserver(initSpineSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-ortho-shoulder-777 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-ortho-shoulder-777 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-ortho-shoulder-777 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Shoulder Disorders Special Alert Block -->\n<section id=\"sh-ortho-shoulder-777\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"relative rounded-3xl border-l-4 border-[#d8a321] bg-gradient-to-br from-[#d8a321]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up\" id=\"sh-shoulder-wrapper-card\">\n            \n            <div class=\"flex items-center gap-3 mb-4\">\n                <div class=\"w-12 h-12 rounded-full bg-[#d8a321] text-white grid place-items-center shrink-0\">\n                    <!-- Clean Joint\/Activity Medical Vector -->\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 15h-2a3 3 0 0 0-3 3v2a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h4a3 3 0 0 0 3-3V4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v7a3 3 0 0 0 3 3h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2Z\"\/><\/svg>\n                <\/div>\n                <h3 id=\"sh-shoulder-lang-title\" class=\"font-display text-[26px] md:text-[32px] text-[#243b5a] m-0 font-bold\">Shoulder Disorders<\/h3>\n            <\/div>\n            \n            <p id=\"sh-shoulder-lang-desc\" class=\"text-[#243b5a]\/85 mb-5 text-[17px] leading-relaxed\">Shoulder pain can interfere significantly with professional work commitments, active athletic goals, and routine daily activities.<\/p>\n            <p id=\"sh-shoulder-lang-criteria\" class=\"font-semibold text-[#243b5a] mb-3 text-[18px]\">Common structural causes include:<\/p>\n            \n            <ul id=\"sh-shoulder-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-3.5 mb-6\">\n                <!-- List rendered via JS engine -->\n            <\/ul>\n            \n            <div class=\"border-t border-slate-100 pt-5 mt-5\">\n                <p id=\"sh-shoulder-lang-footer1\" class=\"text-[#667085] text-[15.5px] leading-relaxed\">Accurate target diagnosis directly enables clinical specialists to evaluate whether targeted conservative treatment models or further advanced corrective intervention is appropriate.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Advanced Localization Matrix -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const shoulderMatrixData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                title: \"Shoulder Disorders & Treatment\",\n                desc: \"Shoulder pain can interfere significantly with professional work commitments, active athletic goals, and routine daily activities.\",\n                criteria: \"Common structural causes include:\",\n                f1: \"Accurate target diagnosis directly enables clinical specialists to evaluate whether targeted conservative treatment models or further advanced corrective intervention is appropriate.\",\n                list: [\n                    \"Rotator cuff injuries\", \n                    \"Frozen shoulder (Adhesive Capsulitis)\", \n                    \"Shoulder arthritis\", \n                    \"Tendon inflammation & Tendonitis\", \n                    \"Shoulder joint instability\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                title: \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0648\u0622\u0644\u0627\u0645 \u0627\u0644\u0643\u062a\u0641\",\n                desc: \"\u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0624\u062b\u0631 \u0623\u0644\u0645 \u0627\u0644\u0643\u062a\u0641 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\u060c \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0646\u0634\u0637\u0629\u060c \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629.\",\n                criteria: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                f1: \"\u064a\u062a\u064a\u062d \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0648\u0627\u0644\u0645\u0648\u062c\u0647 \u0644\u0644\u0623\u062e\u0635\u0627\u0626\u064a\u064a\u0646 \u062a\u0642\u064a\u064a\u0645 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062a\u062d\u0641\u0638\u064a \u0647\u064a \u0627\u0644\u0623\u0646\u0633\u0628 \u0623\u0645 \u0623\u0646 \u0627\u0644\u062d\u0627\u0644\u0629 \u062a\u0633\u062a\u062f\u0639\u064a \u062a\u062f\u062e\u0644\u0627\u064b \u062a\u0642\u0648\u064a\u0645\u064a\u0627\u064b \u0645\u062a\u0642\u062f\u0645\u0627\u064b.\",\n                list: [\n                    \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0643\u0641\u0629 \u0627\u0644\u0645\u062f\u0648\u0631\u0629\", \n                    \"\u0627\u0644\u0643\u062a\u0641 \u0627\u0644\u0645\u062a\u062c\u0645\u062f\u0629 (\u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0644\u0627\u0635\u0642)\", \n                    \"\u0627\u0644\u062a\u0647\u0627\u0628 \u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u0643\u062a\u0641\", \n                    \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0627\u0631\", \n                    \"\u0639\u062f\u0645 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0645\u0641\u0635\u0644 \u0627\u0644\u0643\u062a\u0641\"\n                ]\n            }\n        };\n\n        function initShoulderSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? shoulderMatrixData.ar : shoulderMatrixData.en;\n            \n            const section = document.getElementById('sh-ortho-shoulder-777');\n            if (!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply card boundary parameters for RTL\/LTR layouts smoothly\n            const cardWrap = document.getElementById('sh-shoulder-wrapper-card');\n            if(cardWrap) {\n                cardWrap.className = `relative rounded-3xl bg-gradient-to-br from-[#d8a321]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up text-start ${isRtl ? 'border-r-4 border-[#d8a321] border-l-0' : 'border-l-4 border-[#d8a321] border-r-0'}`;\n            }\n\n            \/\/ Apply specific translated structural strings\n            document.getElementById('sh-shoulder-lang-title').textContent = data.title;\n            document.getElementById('sh-shoulder-lang-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-shoulder-lang-desc').textContent = data.desc;\n            document.getElementById('sh-shoulder-lang-desc').style.fontFamily = data.body;\n            \n            document.getElementById('sh-shoulder-lang-criteria').textContent = data.criteria;\n            document.getElementById('sh-shoulder-lang-criteria').style.fontFamily = data.font;\n            \n            document.getElementById('sh-shoulder-lang-footer1').textContent = data.f1;\n            document.getElementById('sh-shoulder-lang-footer1').style.fontFamily = data.body;\n            \n            \/\/ Build dynamic list node collection\n            const grid = document.getElementById('sh-shoulder-grid');\n            grid.innerHTML = '';\n            data.list.forEach(itemText => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\" style=\"font-family: ${data.body}\">${itemText}<\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n\n        initShoulderSection();\n        new MutationObserver(initShoulderSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra Custom System *\/\n    #sh-ortho-knee-555 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background Pattern *\/\n    #sh-ortho-knee-555::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-ortho-knee-555 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Fully Responsive Framework for Original High Resolution Image *\/\n    #sh-ortho-knee-555 .knee-img-block {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 4\/3; \/* Mobile\/Tablet base grid layout *\/\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    @media (min-width: 1024px) {\n        #sh-ortho-knee-555 .knee-img-block {\n            aspect-ratio: auto;\n           height: 85%;\n        }\n    }\n\n    #sh-ortho-knee-555 .knee-img-block img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center;\n        display: block;\n    }\n\n    \/* Micro-Animations Engine *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-ortho-knee-555 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Knee Disorders Grid Framework -->\n<section id=\"sh-ortho-knee-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-knee-lang-kicker\">Joint Care<\/span>\n            <\/div>\n            <h2 id=\"sh-knee-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Knee Disorders &amp; Mobility Management<\/h2>\n            <p id=\"sh-knee-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">The knee is one of the body&#8217;s most heavily used weight-bearing joints and is frequently affected by sudden sports trauma or age-related degeneration changes.<\/p>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-12 items-stretch mb-12 text-start\">\n            \n            <!-- High Quality Responsive Image Layout -->\n            <div class=\"knee-img-block sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <picture>\n                    <source srcset=\"\/wp-content\/uploads\/2026\/07\/orthro_4.png\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/orthro_4.png\" alt=\"Orthopedic knee joint screening and care\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n                <\/picture>\n            <\/div>\n            \n            <!-- Content Grid Container -->\n            <div class=\"grid gap-6 sh-animate-up h-full\" style=\"animation-delay: 0.2s;\">\n                <div id=\"sh-knee-cards-container\" class=\"grid gap-6 h-full\">\n                    <!-- Cards will be cleanly injected here dynamically via JS framework -->\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <p id=\"sh-knee-lang-footer\" class=\"max-w-3xl mx-auto text-center text-[#667085] text-[17px] leading-relaxed sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            Proper clinical screening helps identify the underlying cause, allowing specialists to map an accurate road towards complete functional structural health restoration.\n        <\/p>\n    <\/div>\n<\/section>\n\n<!-- Dual Language Optimization Core Matrix -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const kneeMatrixEngine = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Joint Care\", title: \"Knee Disorders & Mobility Management\",\n                desc: \"The knee is one of the body's most heavily used weight-bearing joints and is frequently affected by sudden sports trauma or age-related degeneration changes.\",\n                footer: \"Proper clinical screening helps identify the underlying cause, allowing specialists to map an accurate road towards complete functional structural health restoration.\",\n                cards: [\n                    { t: \"Common Symptoms:\", list: [\"Pain while walking\", \"Joint swelling & fluid build-up\", \"Locking sensation in the knee\", \"Joint instability or buckling\", \"Difficulty climbing stairs\"] },\n                    { t: \"Primary Underlying Causes:\", list: [\"Meniscus structural tears\", \"Ligament damage (ACL\/PCL)\", \"Advanced joint osteoarthritis\", \"Patellar tracking misalignment\", \"Tendonitis & joint bursitis\"] }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0641\u0627\u0635\u0644\", title: \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u0643\u0628\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629\",\n                desc: \"\u064a\u0639\u062f \u0645\u0641\u0635\u0644 \u0627\u0644\u0631\u0643\u0628\u0629 \u0623\u062d\u062f \u0623\u0643\u062b\u0631 \u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u062c\u0633\u0645 \u0627\u0633\u062a\u0647\u0644\u0627\u0643\u0627\u064b \u0648\u062a\u062d\u0645\u0644\u0627\u064b \u0644\u0644\u0648\u0632\u0646\u060c \u0648\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u062a\u0623\u062b\u0631 \u0628\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0645\u0641\u0627\u062c\u0626\u0629 \u0623\u0648 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0646\u0643\u0633\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0631.\",\n                footer: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0627\u0644\u062f\u0642\u064a\u0642 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0643\u0627\u0645\u0646 \u0648\u0631\u0627\u0621 \u0627\u0644\u0623\u0644\u0645\u060c \u0645\u0645\u0627 \u064a\u062a\u064a\u062d \u0644\u0644\u0623\u062e\u0635\u0627\u0626\u064a\u064a\u0646 \u0631\u0633\u0645 \u0645\u0633\u0627\u0631 \u062f\u0642\u064a\u0642 \u0646\u062d\u0648 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0641\u0635\u0644.\",\n                cards: [\n                    { t: \"\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u062a\u0634\u0645\u0644:\", list: [\"\u0623\u0644\u0645 \u0645\u0633\u062a\u0645\u0631 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0645\u0634\u064a\", \"\u062a\u0648\u0631\u0645 \u0627\u0644\u0645\u0641\u0635\u0644 \u0648\u062a\u0631\u0627\u0643\u0645 \u0627\u0644\u0633\u0648\u0627\u0626\u0644\", \"\u0634\u0639\u0648\u0631 \u0628\u0627\u0646\u063a\u0644\u0627\u0642 \u0623\u0648 \u062a\u0635\u0644\u0628 \u0627\u0644\u0645\u0641\u0635\u0644\", \"\u0639\u062f\u0645 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0631\u0643\u0628\u0629 \u0623\u0648 \u062a\u062e\u0627\u0630\u0644\u0647\u0627\", \"\u0635\u0639\u0648\u0628\u0629 \u0645\u0644\u062d\u0648\u0638\u0629 \u0639\u0646\u062f \u0635\u0639\u0648\u062f \u0627\u0644\u0633\u0644\u0627\u0644\u0645\"] },\n                    { t: \"\u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:\", list: [\"\u062a\u0645\u0632\u0642 \u0627\u0644\u063a\u0636\u0631\u0648\u0641 \u0627\u0644\u0645\u0641\u0635\u0644\u064a\", \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0631\u0628\u0637\u0629 (\u0627\u0644\u0631\u0628\u0627\u0637 \u0627\u0644\u0635\u0644\u064a\u0628\u064a)\", \"\u062e\u0634\u0648\u0646\u0629 \u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u0631\u0643\u0628\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\", \"\u0627\u0646\u062d\u0631\u0627\u0641 \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0635\u0627\u0628\u0648\u0646\u0629\", \"\u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0623\u0648\u062a\u0627\u0631 \u0648\u0627\u0644\u0623\u062c\u0631\u0628\u0629 \u0627\u0644\u0632\u0644\u0627\u0644\u064a\u0629\"] }\n                ]\n            }\n        };\n\n        function initKneeSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? kneeMatrixEngine.ar : kneeMatrixEngine.en;\n            const section = document.getElementById('sh-ortho-knee-555');\n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-knee-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-knee-lang-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-knee-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-knee-lang-desc').textContent = data.desc;\n            document.getElementById('sh-knee-lang-desc').style.fontFamily = data.bodyFont;\n            \n            document.getElementById('sh-knee-lang-footer').textContent = data.footer;\n            document.getElementById('sh-knee-lang-footer').style.fontFamily = data.bodyFont;\n\n            const container = document.getElementById('sh-knee-cards-container');\n            container.innerHTML = '';\n            data.cards.forEach(card => {\n                const div = document.createElement('div');\n                div.className = \"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm h-full flex flex-col\";\n                div.innerHTML = `<h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5\" style=\"font-family: ${data.font}\">${card.t}<\/h3><ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3.5 flex-grow\"><\/ul>`;\n                \n                const ul = div.querySelector('ul');\n                card.list.forEach(liText => {\n                    const li = document.createElement('li');\n                    li.className = \"flex gap-3 items-start\";\n                    li.innerHTML = `\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\" style=\"font-family: ${data.bodyFont}\">${liText}<\/span>\n                    `;\n                    ul.appendChild(li);\n                });\n                container.appendChild(div);\n            });\n        }\n        \n        initKneeSection();\n        new MutationObserver(initKneeSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-ortho-mobility-666 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-ortho-mobility-666 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Animation Engine *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-ortho-mobility-666 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Orthopedic Mobility Assessment Section -->\n<section id=\"sh-ortho-mobility-666\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header Dynamic Block -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-mobility-lang-kicker\">Functional Health<\/span>\n            <\/div>\n            <h2 id=\"sh-mobility-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Mobility Matters More Than Pain Alone<\/h2>\n            <p id=\"sh-mobility-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Orthopedic care focuses not only on reducing targeted pain symptoms but also on restoring dynamic joint movement and structural independence.<\/p>\n        <\/div>\n\n        <!-- Structural Grid Cards Layout -->\n        <div class=\"grid md:grid-cols-2 gap-6 sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            \n            <!-- Left Grid Card: Core Activity Impact Areas -->\n            <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm\">\n                <h3 id=\"sh-mobility-lang-left-title\" class=\"font-display text-[22px] font-bold text-[#243b5a] mb-5\">Daily Activity Profiles<\/h3>\n                <ul id=\"sh-mobility-left-grid\" class=\"space-y-3.5\"><\/ul>\n            <\/div>\n            \n            <!-- Right Grid Card: Clinical Impacts and Realities -->\n            <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm flex flex-col justify-between\">\n                <div>\n                    <h3 id=\"sh-mobility-lang-right-title\" class=\"font-display text-[22px] font-bold text-[#243b5a] mb-5\">Possible Musculoskeletal Impacts<\/h3>\n                    <ul id=\"sh-mobility-right-grid\" class=\"space-y-3.5\"><\/ul>\n                <\/div>\n                \n                <div class=\"border-t border-slate-100 pt-5 mt-5\">\n                    <p id=\"sh-mobility-lang-footer1\" class=\"text-[#667085] text-[15.5px] leading-relaxed font-medium\">Improving daily function is often the primary diagnostic goal alongside complete long-term pain management mapping.<\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Advanced Localization Script Matrix -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const mobilityMatrixData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Functional Health\", title: \"Mobility Matters More Than Pain Alone\",\n                desc: \"Orthopedic care focuses not only on reducing targeted pain symptoms but also on restoring dynamic joint movement and structural independence.\",\n                leftTitle: \"Daily Activity Profiles\", rightTitle: \"Possible Musculoskeletal Impacts\",\n                f1: \"Improving daily function is often the primary diagnostic goal alongside complete long-term pain management mapping.\",\n                leftList: [\n                    \"Walking Independence\", \n                    \"Climbing Stairs Comfortably\", \n                    \"Workplace Functional Productivity\", \n                    \"Active Physical Exercise\", \n                    \"Restful Uninterrupted Sleep\", \n                    \"Comfortable Vehicular Driving\"\n                ],\n                rightList: [\n                    \"Knee, hip, or ankle conditions may severely restrict mobility.\",\n                    \"Arthritis or ligament injuries cause structural loading discomfort.\",\n                    \"Shoulder, wrist, or back tracking problems limit productivity.\",\n                    \"Persistent structural joint pain actively discourages physical activity.\",\n                    \"Acute skeletal discomfort interrupts nightly sleep architecture.\",\n                    \"Neck, shoulder, or lower knee stiffness limits range of safety.\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629\", title: \"\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629 \u0623\u0647\u0645 \u0645\u0646 \u0645\u0633\u0643\u0646\u0627\u062a \u0627\u0644\u0623\u0644\u0645 \u0648\u062d\u062f\u0647\",\n                desc: \"\u0644\u0627 \u064a\u0631\u0643\u0632 \u0639\u0644\u0627\u062c \u0627\u0644\u0639\u0638\u0627\u0645 \u0639\u0644\u0649 \u062a\u0642\u0644\u064a\u0644 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0623\u0644\u0645 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0641\u062d\u0633\u0628\u060c \u0628\u0644 \u064a\u0631\u0643\u0632 \u0623\u064a\u0636\u0627\u064b \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0642\u0644\u0627\u0644\u064a\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0644\u0644\u062c\u0633\u0645.\",\n                leftTitle: \"\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\", rightTitle: \"\u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0639\u0636\u0644\u064a\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629\",\n                f1: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0643\u0648\u0646 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0647\u0648 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0644\u0645 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\",\n                leftList: [\n                    \"\u0627\u0644\u0645\u0634\u064a \u0628\u062d\u0631\u064a\u0629 \u0648\u0627\u0633\u062a\u0642\u0644\u0627\u0644\u064a\u0629\", \n                    \"\u0635\u0639\u0648\u062f \u0627\u0644\u0633\u0644\u0627\u0644\u0645 \u0628\u0631\u0627\u062d\u0629\", \n                    \"\u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0645\u0644\", \n                    \"\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0627\u0644\u0646\u0634\u0637\u0629\", \n                    \"\u0627\u0644\u0646\u0648\u0645 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0645\u062a\u0648\u0627\u0635\u0644\", \n                    \"\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u0628\u0631\u0627\u062d\u0629 \u0648\u0633\u0647\u0648\u0644\u0629\"\n                ],\n                rightList: [\n                    \"\u0642\u062f \u062a\u0624\u062f\u064a \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0631\u0643\u0628\u0629 \u0623\u0648 \u0627\u0644\u0648\u0631\u0643 \u0623\u0648 \u0627\u0644\u0643\u0627\u062d\u0644 \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u062f \u0627\u0644\u062d\u0631\u0643\u0629 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631.\",\n                    \"\u062a\u0633\u0628\u0628 \u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0623\u0648 \u0627\u0644\u0623\u0631\u0628\u0637\u0629 \u0627\u0646\u0632\u0639\u0627\u062c\u0627\u064b \u0639\u0646\u062f \u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629.\",\n                    \"\u062a\u062d\u062f \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0643\u062a\u0641 \u0623\u0648 \u0627\u0644\u0645\u0639\u0635\u0645 \u0623\u0648 \u0627\u0644\u0638\u0647\u0631 \u0645\u0646 \u0643\u0641\u0627\u0621\u0629 \u0648\u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0627\u0644\u0639\u0645\u0644.\",\n                    \"\u064a\u0645\u0646\u0639 \u0623\u0644\u0645 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0627\u0644\u0645\u0631\u064a\u0636 \u0645\u0646 \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629.\",\n                    \"\u064a\u0624\u062f\u064a \u0627\u0644\u0627\u0646\u0632\u0639\u0627\u062c \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0627\u0644\u062d\u0627\u062f \u0625\u0644\u0649 \u0642\u0637\u0639 \u0646\u0645\u0637 \u0648\u0641\u062a\u0631\u0627\u062a \u0627\u0644\u0646\u0648\u0645 \u0627\u0644\u0645\u0631\u064a\u062d\u0629.\",\n                    \"\u064a\u062d\u062f \u062a\u064a\u0628\u0633 \u0627\u0644\u0631\u0642\u0628\u0629 \u0623\u0648 \u0627\u0644\u0643\u062a\u0641 \u0623\u0648 \u0627\u0644\u0631\u0643\u0628\u0629 \u0645\u0646 \u0646\u0637\u0627\u0642 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0622\u0645\u0646\u0629.\"\n                ]\n            }\n        };\n\n        function initMobilitySection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? mobilityMatrixData.ar : mobilityMatrixData.en;\n            \n            const section = document.getElementById('sh-ortho-mobility-666');\n            if (!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-mobility-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-mobility-lang-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-mobility-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-mobility-lang-desc').textContent = data.desc;\n            document.getElementById('sh-mobility-lang-desc').style.fontFamily = data.bodyFont;\n            \n            document.getElementById('sh-mobility-lang-left-title').textContent = data.leftTitle;\n            document.getElementById('sh-mobility-lang-left-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-mobility-lang-right-title').textContent = data.rightTitle;\n            document.getElementById('sh-mobility-lang-right-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-mobility-lang-footer1').textContent = data.f1;\n            document.getElementById('sh-mobility-lang-footer1').style.fontFamily = data.bodyFont;\n            \n            \/\/ Build Left Active Profiles Dynamic Items List\n            const leftGrid = document.getElementById('sh-mobility-left-grid');\n            leftGrid.innerHTML = '';\n            data.leftList.forEach(text => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start animate-fadeup\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-semibold\" style=\"font-family: ${data.bodyFont}\">${text}<\/span>\n                `;\n                leftGrid.appendChild(li);\n            });\n\n            \/\/ Build Right Impacts Dynamic Items List\n            const rightGrid = document.getElementById('sh-mobility-right-grid');\n            rightGrid.innerHTML = '';\n            data.rightList.forEach(text => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start animate-fadeup\";\n                li.innerHTML = `\n                    <span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\/40\"><\/span>\n                    <span class=\"text-[15.5px] text-[#667085] leading-relaxed\" style=\"font-family: ${data.bodyFont}\">${text}<\/span>\n                `;\n                rightGrid.appendChild(li);\n            });\n        }\n\n        initMobilitySection();\n        new MutationObserver(initMobilitySection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Astra Breakout & Hexa Background Compatibility *\/\n    #sh-ortho-age-diagnostics-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Subtle Hexa Structural Graphic Backing *\/\n    #sh-ortho-age-diagnostics-444::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-ortho-age-diagnostics-444 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-ortho-age-diagnostics-444 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Orthopedic Lifespan & Diagnostics Matrix -->\n<section id=\"sh-ortho-age-diagnostics-444\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Section 1: Lifespan Matrix Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-age-lang-kicker\">Lifespan Care<\/span>\n            <\/div>\n            <h2 id=\"sh-age-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Orthopedic Care Across Different Age Groups<\/h2>\n            <p id=\"sh-age-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Musculoskeletal needs vary dramatically throughout life. Specialized orthopedic assessments ensure appropriate management targets for every lifecycle milestone.<\/p>\n        <\/div>\n\n        <p id=\"sh-age-lang-seek-title\" class=\"font-bold text-[#243b5a] text-[20px] mb-8 text-center sh-animate-up\" style=\"animation-delay: 0.1s; font-family: var(--font-display);\">Clinical Areas Managed Across Generations:<\/p>\n        \n        <!-- Three Column Lifespan Grid Wrapper -->\n        <div class=\"grid md:grid-cols-3 gap-6 sh-animate-up\" style=\"animation-delay: 0.2s;\" id=\"sh-age-matrix-grid\">\n            <!-- 3 Lifecycle Stage Cards Injected via JS Engine -->\n        <\/div>\n\n        <!-- Section 2: Diagnostic Evaluation Container Block -->\n        <div class=\"mt-16 bg-white rounded-3xl p-8 md:p-12 border border-[#e4edf3] shadow-sm max-w-5xl mx-auto sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <div class=\"max-w-3xl mb-8\">\n                <h3 id=\"sh-diag-lang-title\" class=\"font-bold text-[26px] md:text-[32px] text-[#243b5a] mb-4\" style=\"font-family: var(--font-display);\">Diagnostic Evaluation in Orthopedics<\/h3>\n                <p id=\"sh-diag-lang-desc\" class=\"text-[#667085] text-[16.5px] leading-relaxed\">Successful treatment options begin with accurately isolating the structural source of physical pain or joint limitations. Depending on your clinical baseline metrics, screening options include:<\/p>\n            <\/div>\n            \n            <ul class=\"grid sm:grid-cols-2 gap-x-8 gap-y-3.5\" id=\"sh-diag-check-grid\">\n                <!-- Check list elements dynamically loaded by script -->\n            <\/ul>\n            \n            <p id=\"sh-diag-lang-footer\" class=\"mt-8 border-t border-slate-100 pt-6 text-[#243b5a]\/80 text-[15.5px] font-medium leading-relaxed\">\n                Each precise investigation matrix provides our orthopedic medical specialists with a clear, complete structural rendering before any long-term recovery treatment starts.\n            <\/p>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<!-- Advanced Bilingual Structural Localization Script Engine -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Medical Icon Elements Specific to Musculoskeletal Care\n        const icons = {\n            activity: `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>`,\n            shield: `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><\/svg>`,\n            bone: `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 3a2.5 2.5 0 0 1 3 3.5c-.3.4-.3.8-.1 1.2l1.3 2.6c.7 1.4.7 3.2 0 4.6l-1.3 2.6c-.2.4-.2.8.1 1.2a2.5 2.5 0 0 1-3 3.5 2.5 2.5 0 0 1-3.5-3c-.4.2-.8.2-1.2.1l-2.6-1.3a5.1 5.1 0 0 1-4.6 0l-2.6 1.3c-.4.2-.8.2-1.2-.1a2.5 2.5 0 0 1-3.5-3 2.5 2.5 0 0 1 3-3.5c.3-.4.3-.8.1-1.2l-1.3-2.6a5.1 5.1 0 0 1 0-4.6l1.3-2.6c.2-.4.2-.8-.1-1.2a2.5 2.5 0 0 1 3-3.5 2.5 2.5 0 0 1 3.5 3z\"\/><\/svg>`\n        };\n\n        const lifespanDiagData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Lifespan Care\", title: \"Orthopedic Care Across Different Age Groups\",\n                desc: \"Musculoskeletal needs vary dramatically throughout life. Specialized orthopedic assessments ensure appropriate management targets for every lifecycle milestone.\",\n                seek: \"Clinical Areas Managed Across Generations:\",\n                diagTitle: \"Diagnostic Evaluation in Orthopedics\",\n                diagDesc: \"Successful treatment options begin with accurately isolating the structural source of physical pain or joint limitations. Depending on your clinical baseline metrics, screening options include:\",\n                diagFooter: \"Each precise investigation matrix provides our orthopedic medical specialists with a clear, complete structural rendering before any long-term recovery treatment starts.\",\n                \/\/ Lifespan Multi-cards Matrix\n                ageGroups: [\n                    { h: \"Children & Adolescents\", list: [\"Traumatic bone fractures\", \"Youth sports contusions\", \"Growth-related joint conditions\", \"Walking & gait abnormalities\"], icon: icons.shield },\n                    { h: \"Adult Demographics\", list: [\"Work-related stress injuries\", \"Chronic knee pain tracks\", \"Persistent spine & back pain\", \"Shoulder instability disorders\", \"Tendon & soft tissue injuries\"], icon: icons.activity },\n                    { h: \"Older Adults\", list: [\"Degenerative osteoarthritis\", \"Hip structural disorders\", \"Osteoporosis fracture risks\", \"General reduced mobility patterns\", \"Degenerative spinal conditions\"], icon: icons.bone }\n                ],\n                \/\/ Diagnostic checklist parameters\n                diagnostics: [\n                    \"Detailed clinical medical history logs\",\n                    \"Comprehensive structural physical examination\",\n                    \"Range of motion evaluation across joint paths\",\n                    \"Targeted muscle strength framework testing\",\n                    \"Dynamic walking and posture balance screening\",\n                    \"High-resolution digital X-ray diagnostics\",\n                    \"Advanced scanning layouts (MRI\/CT) when indicated\",\n                    \"Laboratory fluid checks for inflammatory triggers\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0645\u062f\u0649 \u0627\u0644\u062d\u064a\u0627\u0629\", title: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0644\u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0641\u0626\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u064a\u0629\",\n                desc: \"\u062a\u062e\u062a\u0644\u0641 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0639\u0636\u0644\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0637\u0648\u0627\u0644 \u0627\u0644\u062d\u064a\u0627\u0629. \u062a\u0636\u0645\u0646 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0648\u062c\u064a\u0647 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0644\u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0639\u0645\u0631\u064a\u0629 \u0628\u062f\u0642\u0629.\",\n                seek: \"\u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0627\u0644\u0645\u062f\u0627\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0623\u062c\u064a\u0627\u0644:\",\n                diagTitle: \"\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0641\u064a \u0637\u0628 \u0627\u0644\u0639\u0638\u0627\u0645\",\n                diagDesc: \"\u062a\u0628\u062f\u0623 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0646\u0627\u062c\u062d\u0629 \u0628\u0639\u0632\u0644 \u0627\u0644\u0645\u0635\u062f\u0631 \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0644\u0644\u0623\u0644\u0645 \u0627\u0644\u0628\u062f\u0646\u064a \u0623\u0648 \u0642\u064a\u0648\u062f \u0627\u0644\u062d\u0631\u0643\u0629 \u0628\u062f\u0642\u0629. \u0648\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0642\u0627\u064a\u064a\u0633 \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u062a\u0634\u0645\u0644 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u062d\u0635 \u0645\u0627 \u064a\u0644\u064a:\",\n                diagFooter: \"\u062a\u0648\u0641\u0631 \u0643\u0644 \u0645\u0635\u0641\u0648\u0641\u0629 \u0641\u062d\u0635 \u062f\u0642\u064a\u0642\u0629 \u0644\u0623\u062e\u0635\u0627\u0626\u064a\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0644\u062f\u064a\u0646\u0627 \u062a\u0635\u0648\u0631\u0627\u064b \u0647\u064a\u0643\u0644\u064a\u0627\u064b \u0643\u0627\u0645\u0644\u0627\u064b \u0648\u0648\u0627\u0636\u062d\u0627\u064b \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621 \u0641\u064a \u0623\u064a \u062e\u0637\u0629 \u0639\u0644\u0627\u062c\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f.\",\n                ageGroups: [\n                    { h: \"\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0648\u0646\", list: [\"\u0643\u0633\u0648\u0631 \u0627\u0644\u0639\u0638\u0627\u0645 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a\", \"\u0627\u0644\u0643\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0644\u062f\u0649 \u0627\u0644\u0634\u0628\u0627\u0628\", \"\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0646\u0645\u0648\", \"\u062a\u0634\u0648\u0647\u0627\u062a \u0648\u062a\u0634\u0648\u0647\u0627\u062a \u0627\u0644\u0645\u0634\u064a \u0648\u0627\u0644\u0648\u0642\u0648\u0641\"], icon: icons.shield },\n                    { h: \"\u0641\u0626\u0629 \u0627\u0644\u0628\u0627\u0644\u063a\u064a\u0646\", list: [\"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0639\u0645\u0644\", \"\u0645\u0633\u0627\u0631\u0627\u062a \u0623\u0644\u0645 \u0627\u0644\u0631\u0643\u0628\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\", \"\u0622\u0644\u0627\u0645 \u0627\u0644\u0638\u0647\u0631 \u0648\u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\", \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0639\u062f\u0645 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0643\u062a\u0641\", \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0627\u0631 \u0648\u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0631\u062e\u0648\u0629\"], icon: icons.activity },\n                    { h: \"\u0643\u0628\u0627\u0631 \u0627\u0644\u0633\u0646\", list: [\"\u062e\u0634\u0648\u0646\u0629 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u062a\u0646\u0643\u0633\u064a\u0629 (\u0627\u0644\u0627\u062d\u062a\u0643\u0627\u0643)\", \"\u0627\u0644\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0644\u0645\u0641\u0635\u0644 \u0627\u0644\u0648\u0631\u0643\", \"\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0643\u0633\u0648\u0631 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0647\u0634\u0627\u0634\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\", \"\u0623\u0646\u0645\u0627\u0637 \u0627\u0646\u062e\u0641\u0627\u0636 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629\", \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a \u0627\u0644\u062a\u0646\u0643\u0633\u064a\u0629\"], icon: icons.bone }\n                ],\n                diagnostics: [\n                    \"\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0627\u0644\u0645\u0641\u0635\u0644\",\n                    \"\u0641\u062d\u0635 \u0628\u062f\u0646\u064a \u0647\u064a\u0643\u0644\u064a \u0634\u0627\u0645\u0644 \u0648\u062f\u0642\u064a\u0642\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0645\u062f\u0649 \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0645\u062d\u0627\u0648\u0631\u0647\u0627\",\n                    \"\u0627\u062e\u062a\u0628\u0627\u0631 \u0642\u0648\u0629 \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0647\u064a\u0643\u0644\u064a\u0627\u064b\",\n                    \"\u0641\u062d\u0635 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0644\u0644\u062a\u0648\u0627\u0632\u0646 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0645\u0634\u064a \u0648\u0627\u0644\u0648\u0642\u0648\u0641\",\n                    \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0628\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062f\u0642\u0629\",\n                    \"\u0641\u062d\u0648\u0635\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 (\u0627\u0644\u0631\u0646\u064a\u0646 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\/\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0642\u0637\u0639\u064a\u0629) \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629\",\n                    \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0644\u0644\u0643\u0634\u0641 \u0639\u0646 \u0645\u062d\u0641\u0632\u0627\u062a \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\"\n                ]\n            }\n        };\n\n        function initAgeDiagnosticsSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? lifespanDiagData.ar : lifespanDiagData.en;\n            \n            const section = document.getElementById('sh-ortho-age-diagnostics-444');\n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Header Render Mapping\n            document.getElementById('sh-age-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-age-lang-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-age-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-age-lang-desc').textContent = data.desc;\n            document.getElementById('sh-age-lang-desc').style.fontFamily = data.bodyFont;\n            \n            document.getElementById('sh-age-lang-seek-title').textContent = data.seek;\n            document.getElementById('sh-age-lang-seek-title').style.fontFamily = data.font;\n\n            \/\/ Section 1: Lifespan Multi-column Card Builder\n            const ageGrid = document.getElementById('sh-age-matrix-grid');\n            ageGrid.innerHTML = '';\n            data.ageGroups.forEach(group => {\n                const card = document.createElement('div');\n                card.className = \"bg-white rounded-2xl p-7 border border-[#e4edf3] shadow-sm flex flex-col items-start text-start\";\n                \n                let listItemsHTML = '';\n                group.list.forEach(itemText => {\n                    listItemsHTML += `\n                        <li class=\"flex gap-2.5 items-start\">\n                            <span class=\"mt-1.5 shrink-0 w-1.5 h-1.5 rounded-full bg-[#138b86]\/50\"><\/span>\n                            <span class=\"text-[15px] text-[#556175] font-medium\" style=\"font-family: ${data.bodyFont}\">${itemText}<\/span>\n                        <\/li>`;\n                });\n\n                card.innerHTML = `\n                    <div class=\"w-10 h-10 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-4\">\n                        ${group.icon}\n                    <\/div>\n                    <h4 class=\"text-[20px] font-bold text-[#243b5a] mb-4\" style=\"font-family: ${data.font}\">${group.h}<\/h4>\n                    <ul class=\"space-y-2.5 w-full flex-grow\">${listItemsHTML}<\/ul>\n                `;\n                ageGrid.appendChild(card);\n            });\n\n            \/\/ Section 2: Diagnostics Sub-panel Render Mapping\n            document.getElementById('sh-diag-lang-title').textContent = data.diagTitle;\n            document.getElementById('sh-diag-lang-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-diag-lang-desc').textContent = data.diagDesc;\n            document.getElementById('sh-diag-lang-desc').style.fontFamily = data.bodyFont;\n            \n            document.getElementById('sh-diag-lang-footer').textContent = data.diagFooter;\n            document.getElementById('sh-diag-lang-footer').style.fontFamily = data.bodyFont;\n\n            \/\/ Build Diagnostic List Item Nodes\n            const diagGrid = document.getElementById('sh-diag-check-grid');\n            diagGrid.innerHTML = '';\n            data.diagnostics.forEach(text => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\" style=\"font-family: ${data.bodyFont}\">${text}<\/span>\n                `;\n                diagGrid.appendChild(li);\n            });\n        }\n\n        initAgeDiagnosticsSection();\n        new MutationObserver(initAgeDiagnosticsSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Astra Breakout & Unified Section Container Alignment *\/\n    #sh-ortho-injury-chrono-333 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem !important; \/* Reduced for mobile *\/\n    }\n\n    @media (min-width: 768px) {\n        #sh-ortho-injury-chrono-333 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-ortho-injury-chrono-333 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* Set Container Max-Width 1475px *\/\n    #sh-ortho-injury-chrono-333 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Fully Responsive Image Layout Structure (Auto Height & Contain) *\/\n    #sh-ortho-injury-chrono-333 .cond-img-block {\n        position: relative;\n        width: 100%;\n        height: auto;\n        border-radius: 1rem;\n        overflow: hidden;\n    }\n\n    #sh-ortho-injury-chrono-333 .cond-img-block img {\n        width: 100%;\n        height: auto;\n        object-fit: contain; \/* Prevents cropping *\/\n        object-position: center;\n        display: block;\n    }\n\n    \/* Micro-Animations Entry *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-ortho-injury-chrono-333 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Orthopedic Traumatic vs Degenerative Matrix Section -->\n<section id=\"sh-ortho-injury-chrono-333\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Main Section Header Block -->\n        <div class=\"mb-10 md:mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4\">\n                <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-ortho-chrono-kicker\">Clinical Classification<\/span>\n            <\/div>\n            \n            <!-- Fluid typography applied -->\n            <h2 id=\"sh-ortho-chrono-title\" class=\"text-[28px] md:text-[38px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a] mb-4\" style=\"font-family: var(--font-display);\">\n                Acute Injury vs. Chronic Orthopedic Condition\n            <\/h2>\n            <p id=\"sh-ortho-chrono-desc\" class=\"text-[#667085] text-[16px] md:text-[18px] leading-relaxed m-0\">\n                Understanding whether a musculoskeletal manifestation developed suddenly or gradually helps direct targeted therapeutic strategies.\n            <\/p>\n        <\/div>\n\n        <!-- 3-Column Comparative Layout Balance Grid (Adjusted gap for mobile) -->\n        <div class=\"grid md:grid-cols-3 gap-5 lg:gap-6 sh-animate-up text-start\" style=\"animation-delay: 0.15s;\" id=\"sh-ortho-chrono-cards-grid\">\n            <!-- 3 Structural Cards Injected Dynamically by Code Script Matrix Below -->\n        <\/div>\n\n        <!-- Lower Panel: Imaging Support Block -->\n        <div class=\"mt-10 md:mt-12 grid lg:grid-cols-[1.1fr_1fr] gap-8 lg:gap-10 items-center bg-white rounded-3xl p-6 md:p-8 lg:p-10 border border-[#e4edf3] shadow-sm sh-animate-up text-start\" style=\"animation-delay: 0.3s;\">\n            \n            <!-- Contextual High-Resolution Structural Image Grid Holder -->\n            <!-- Added mb-6 lg:mb-0 to space image from text on mobile -->\n            <div class=\"cond-img-block mb-6 lg:mb-0\">\n                <picture>\n                    <source srcset=\"\/wp-content\/uploads\/2026\/07\/ortho_5.png\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/ortho_5.png\" alt=\"Orthopedic diagnostic ultrasound screening\" loading=\"lazy\" class=\"w-full h-auto aspect-auto object-contain block\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/ortho_5.png';\">\n                <\/picture>\n            <\/div>\n            \n            <!-- Side Content Accompanying the Image Framework -->\n            <div>\n                <div id=\"sh-ortho-chrono-img-tag\" class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#e6f4f3] text-[#138b86] text-[12px] md:text-[13px] font-semibold mb-3 md:mb-4\">\n                    Advanced Imaging\n                <\/div>\n                \n                <!-- Fluid typography applied -->\n                <h3 id=\"sh-ortho-chrono-img-title\" class=\"font-display font-bold text-[22px] md:text-[26px] lg:text-[30px] leading-tight text-[#243b5a] mb-3\" style=\"font-family: var(--font-display);\">\n                    Correct Clinical Diagnosis Is Essential\n                <\/h3>\n                <p id=\"sh-ortho-chrono-img-desc\" class=\"text-[#667085] text-[15px] md:text-[16px] leading-relaxed m-0\">\n                    Because targeted management differs significantly between these situations, precision screening helps evaluate structural variations to chart a safer recovery profile over time.\n                <\/p>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<!-- Advanced Localization Blueprint and Structural Layout Injector Script -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const chronoComparativeData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Clinical Classification\", title: \"Acute Injury vs. Chronic Orthopedic Condition\",\n                desc: \"Understanding whether a musculoskeletal manifestation developed suddenly or gradually helps direct targeted therapeutic strategies.\",\n                imgTag: \"Advanced Imaging\", imgTitle: \"Correct Clinical Diagnosis Is Essential\",\n                imgDesc: \"Because targeted management differs significantly between these situations, precision screening helps evaluate structural variations to chart a safer recovery profile over time.\",\n                cards: [\n                    { t: \"Acute Injury Factors\", d: \"Traumatic impacts affecting structural elements of bones, tissues, or joints suddenly.\", symp: \"Primary Clinical Milestones:\", list: [\"Develops suddenly post-trauma\", \"Follows immediate physical stress\", \"Localized tissue swelling is common\", \"Immediate medical screening required\"] },\n                    { t: \"Chronic Medical Markers\", d: \"Long-term progression manifesting slowly across soft structures, cartilages, or discs.\", symp: \"Primary Signs Include:\", list: [\"Progresses slowly over long months\", \"Linked to wear or degeneration\", \"Joint stiffness is more noticeable\", \"Requires ongoing management maps\"] },\n                    { t: \"Recovery & Follow-Up\", d: \"Systematic mapping designed around patient-specific baseline tracking goals.\", symp: \"Therapeutic Paths:\", list: [\"Recovery depends on absolute severity\", \"Long-term functional tracking\", \"Aids in preserving independent motion\", \"Prevents secondary joint restrictions\"] }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\", title: \"\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u062d\u0627\u062f\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0632\u0645\u0646\u0629 \u0641\u064a \u0627\u0644\u0639\u0638\u0627\u0645\",\n                desc: \"\u064a\u0633\u0627\u0639\u062f \u0641\u0647\u0645 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0634\u0643\u0648\u0649 \u0641\u064a \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0639\u0636\u0644\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0642\u062f \u062a\u0637\u0648\u0631\u062a \u0628\u0634\u0643\u0644 \u0645\u0641\u0627\u062c\u0626 \u0623\u0648 \u062a\u062f\u0631\u064a\u062c\u064a \u0641\u064a \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629.\",\n                imgTag: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\", imgTitle: \"\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0627\u0644\u0635\u062d\u064a\u062d \u0623\u0645\u0631 \u0623\u0633\u0627\u0633\u064a\",\n                imgDesc: \"\u0646\u0638\u0631\u0627\u064b \u0644\u0623\u0646 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u062a\u062e\u062a\u0644\u0641 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0628\u064a\u0646 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0644\u0627\u062a\u060c \u0641\u0625\u0646 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0641\u0627\u062a \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0644\u0648\u0636\u0639 \u062e\u0637\u0629 \u062a\u0639\u0627\u0641\u064a \u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a.\",\n                cards: [\n                    { t: \"\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0627\u0644\u062d\u0627\u062f\u0629\", d: \"\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0635\u062f\u0645\u0627\u062a \u062a\u0624\u062b\u0631 \u0641\u062c\u0623\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0644\u0644\u0639\u0638\u0627\u0645 \u0623\u0648 \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0623\u0648 \u0627\u0644\u0645\u0641\u0627\u0635\u0644.\", symp: \"\u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629:\", list: [\"\u062a\u062a\u0637\u0648\u0631 \u0641\u062c\u0623\u0629 \u0628\u0639\u062f \u0627\u0644\u0635\u062f\u0645\u0629 \u0645\u0628\u0627\u0634\u0631\u0629\", \"\u062a\u0628\u0639\u0627\u064b \u0644\u0625\u062c\u0647\u0627\u062f \u0628\u062f\u0646\u064a \u0623\u0648 \u062d\u0627\u062f\u062b \u0645\u0628\u0627\u0634\u0631\", \"\u062a\u0648\u0631\u0645 \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0645\u0648\u0636\u0639\u064a\u0629 \u0623\u0645\u0631 \u0634\u0627\u0626\u0639\", \"\u062a\u062a\u0637\u0644\u0628 \u0641\u062d\u0635\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0641\u0648\u0631\u064a\u0627\u064b\"] },\n                    { t: \"\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0632\u0645\u0646\u0629\", d: \"\u062a\u0637\u0648\u0631 \u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f \u064a\u0638\u0647\u0631 \u0628\u0628\u0637\u0621 \u0639\u0628\u0631 \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0631\u062e\u0648\u0629 \u0623\u0648 \u0627\u0644\u063a\u0636\u0627\u0631\u064a\u0641 \u0623\u0648 \u0627\u0644\u0623\u0642\u0631\u0627\u0635 \u0627\u0644\u0641\u0642\u0631\u064a\u0629.\", symp: \"\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062a\u0634\u0645\u0644:\", list: [\"\u062a\u062a\u0642\u062f\u0645 \u0628\u0628\u0637\u0621 \u0639\u0644\u0649 \u0645\u062f\u0649 \u0634\u0647\u0648\u0631 \u0637\u0648\u064a\u0644\u0629\", \"\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062a\u0622\u0643\u0644 \u0623\u0648 \u0627\u0644\u062a\u0646\u0643\u0633 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\", \"\u062a\u064a\u0628\u0633 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u064a\u0643\u0648\u0646 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u0627\u064b\", \"\u062a\u062a\u0637\u0644\u0628 \u062e\u0637\u0637 \u0625\u062f\u0627\u0631\u0629 \u0645\u0633\u062a\u0645\u0631\u0629\"] },\n                    { t: \"\u0627\u0644\u0627\u0633\u062a\u0634\u0641\u0627\u0621 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\", d: \"\u062a\u062e\u0637\u064a\u0637 \u0645\u0646\u0647\u062c\u064a \u0645\u0635\u0645\u0645 \u062d\u0648\u0644 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062a\u062a\u0628\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0645\u0631\u064a\u0636.\", symp: \"\u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629:\", list: [\"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0634\u0641\u0627\u0621 \u0639\u0644\u0649 \u0645\u062f\u0649 \u0634\u062f\u0629 \u0627\u0644\u0625\u0635\u0627\u0628\u0629\", \"\u062a\u062a\u0628\u0639 \u0648\u0638\u064a\u0641\u064a \u0648\u062d\u0631\u0643\u064a \u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f\", \"\u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062d\u0631\u0643\u0629 \u0645\u0633\u062a\u0642\u0644\u0629\", \"\u064a\u0645\u0646\u0639 \u0627\u0644\u0642\u064a\u0648\u062f \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629 \u0641\u064a \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0641\u0635\u0644\"] }\n                ]\n            }\n        };\n\n        function initChronoSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? chronoComparativeData.ar : chronoComparativeData.en;\n            const section = document.getElementById('sh-ortho-injury-chrono-333');\n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-ortho-chrono-kicker').textContent = data.kicker;\n            document.getElementById('sh-ortho-chrono-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-ortho-chrono-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-ortho-chrono-desc').textContent = data.desc;\n            document.getElementById('sh-ortho-chrono-desc').style.fontFamily = data.bodyFont;\n            \n            document.getElementById('sh-ortho-chrono-img-tag').textContent = data.imgTag;\n            \n            const imgTitleEl = document.getElementById('sh-ortho-chrono-img-title');\n            imgTitleEl.textContent = data.imgTitle;\n            imgTitleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-ortho-chrono-img-desc').textContent = data.imgDesc;\n            document.getElementById('sh-ortho-chrono-img-desc').style.fontFamily = data.bodyFont;\n\n            \/\/ Generate 3 Columns Component Framework Grid Items Dynamic Build\n            const grid = document.getElementById('sh-ortho-chrono-cards-grid');\n            grid.innerHTML = '';\n            data.cards.forEach(card => {\n                const div = document.createElement('div');\n                \/\/ Added responsive padding (p-6 lg:p-7)\n                div.className = \"bg-white rounded-2xl p-6 lg:p-7 border border-[#e4edf3] shadow-sm h-full flex flex-col justify-start transition-shadow hover:shadow-md\";\n                \n                \/\/ Added fluid text sizing to the list items\n                let innerListHtml = card.list.map(listItem => `\n                    <li class=\"flex gap-2 md:gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg class=\"w-[10px] h-[10px] md:w-3 md:h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6 9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"text-[14px] md:text-[15.5px] text-[#243b5a]\/90 leading-relaxed font-medium\" style=\"font-family: ${data.bodyFont}\">${listItem}<\/span>\n                    <\/li>\n                `).join('');\n                \n                \/\/ Added fluid text sizing to the headings and paragraphs\n                div.innerHTML = `\n                    <h3 class=\"font-bold text-[20px] md:text-[22px] text-[#243b5a] mb-2.5 md:mb-3 leading-tight\" style=\"font-family: ${data.font}\">${card.t}<\/h3>\n                    <p class=\"text-[#667085] text-[14px] md:text-[15.5px] mb-4 md:mb-5 flex-grow leading-relaxed\" style=\"font-family: ${data.bodyFont}\">${card.d}<\/p>\n                    <p class=\"text-[#243b5a] font-bold mb-3 text-[15px] md:text-[16px]\" style=\"font-family: ${data.font}\">${card.symp}<\/p>\n                    <ul class=\"space-y-2 md:space-y-2.5\">${innerListHtml}<\/ul>\n                `;\n                grid.appendChild(div);\n            });\n        }\n\n        initChronoSection();\n        new MutationObserver(initChronoSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container Base Code for Astra-Proof Theme Breakout Placement *\/\n    #sh-ortho-consult-lifestyle-555 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Container Max-Width Alignment *\/\n    #sh-ortho-consult-lifestyle-555 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Micro-Animations Frame *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-ortho-consult-lifestyle-555 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Orthopedic Consultation Flow & Musculoskeletal Prevention Section -->\n<section id=\"sh-ortho-consult-lifestyle-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- SECTION 1: Consultation Journey Intro Header -->\n        <div class=\"mb-12 max-w-3xl sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-cl-lang-kicker1\">Clinical Visit<\/span>\n            <\/div>\n            <h2 id=\"sh-cl-lang-title1\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">What Happens During an Orthopedic Consultation?<\/h2>\n            <p id=\"sh-cl-lang-desc1\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">A specialized consultation focuses entirely on isolating the primary cause behind your symptoms and assessing its impact on your functional life parameters.<\/p>\n        <\/div>\n\n        <!-- Consultation Stages Structural Grid Block -->\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-5 max-w-7xl sh-animate-up mb-20 text-start\" id=\"sh-consult-steps-grid\">\n            <!-- 4 Dynamic Clinical Journey Steps loaded here by engine -->\n        <\/div>\n\n        <hr class=\"border-slate-100 mb-20\" \/>\n\n        <!-- SECTION 2: Preventative Musculoskeletal Health Header -->\n        <div class=\"mb-12 max-w-3xl sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-cl-lang-kicker2\">Prevention Matrix<\/span>\n            <\/div>\n            <h2 id=\"sh-cl-lang-title2\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Keeping Your Bones and Joints Healthy<\/h2>\n            <p id=\"sh-cl-lang-desc2\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Strong skeletal frameworks and flexible joint planes are essential for maintaining life mobility. Daily preventative habits significantly optimize long-term muscle preservation.<\/p>\n        <\/div>\n\n        <!-- Lifestyle Grid Block -->\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-4 max-w-7xl sh-animate-up text-start\" id=\"sh-lifestyle-habits-grid\">\n            <!-- 8 Lifestyle Badge Panels loaded here dynamically by engine -->\n        <\/div>\n        \n        <!-- Section Footer -->\n        <p id=\"sh-cl-lang-footer\" class=\"mt-10 text-[#667085] text-[16.5px] max-w-4xl sh-animate-up\" style=\"animation-delay: 0.2s;\">\n            Consistent structural routines preserve base physical alignment, upgrade standing balances, and structurally mitigate unforeseen injury risks.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<!-- Advanced Dual-Language Structural Serialization Script Engine -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ High Quality Scalable Specialized Vectors for Clinic flow & Skeletal Prevention\n        const UI_VECTORS = {\n            chat: `<svg width=\"18\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>`,\n            activity: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>`,\n            search: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"12\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>`,\n            file: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>`,\n            check: `<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>`\n        };\n\n        const consultLifestyleData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker1: \"Clinical Visit\", title1: \"What Happens During an Orthopedic Consultation?\",\n                desc1: \"A specialized consultation focuses entirely on isolating the primary cause behind your symptoms and assessing its impact on your functional life parameters.\",\n                kicker2: \"Prevention Matrix\", title2: \"Keeping Your Bones and Joints Healthy\",\n                desc2: \"Strong skeletal frameworks and flexible joint planes are essential for maintaining life mobility. Daily preventative habits significantly optimize long-term muscle preservation.\",\n                footer: \"Consistent structural routines preserve base physical alignment, upgrade standing balances, and structurally mitigate unforeseen injury risks.\",\n                \/\/ Journey Flow Card Arrays\n                consultSteps: [\n                    { h: \"Step 1: Symptom Discussion\", d: \"Isolating pain markers, injury origins, triggers, timeline variations, and prior management records.\", icon: UI_VECTORS.chat },\n                    { h: \"Step 2: Physical Assessment\", d: \"Evaluating dynamic joint pathways, structural weight capacity, stability, walking gaits, and muscle force.\", icon: UI_VECTORS.activity },\n                    { h: \"Step 3: Diagnostic Planning\", d: \"Deploying high-precision imaging frameworks like X-rays, MRI scans, or blood indices if clinically indicated.\", icon: UI_VECTORS.search },\n                    { h: \"Step 4: Custom Recovery Strategy\", d: \"Mapping clinical options, biomechanical alignment training, lifestyle modifications, and tracking protocols.\", icon: UI_VECTORS.file }\n                ],\n                \/\/ Prevention Matrix Grid Items\n                lifestyleList: [\n                    \"Engage in regular targeted low-impact physical exercise\",\n                    \"Maintain an optimal body weight to limit lower joint loading stress\",\n                    \"Consume structural nutrients rich in Calcium and Vitamin D\",\n                    \"Build surrounding muscle groups via functional strengthening\",\n                    \"Deploy ergonomic spinal mechanics during heavy physical liftings\",\n                    \"Utilize protective structural footwear profiles during active runs\",\n                    \"Execute complete warm-up patterns prior to muscle stretches\",\n                    \"Acquire swift orthopedic review for pain instead of self-medicating\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker1: \"\u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\", title1: \"\u0645\u0627\u0630\u0627 \u064a\u062d\u062f\u062b \u0623\u062b\u0646\u0627\u0621 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0639\u0638\u0627\u0645\u061f\",\n                desc1: \"\u062a\u0631\u0643\u0632 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0639\u0644\u0649 \u0639\u0632\u0644 \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0627\u0644\u0643\u0627\u0645\u0646 \u0648\u0631\u0627\u0621 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u062a\u0642\u064a\u064a\u0645 \u0645\u062f\u0649 \u062a\u0623\u062b\u064a\u0631\u0647\u0627 \u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u062d\u064a\u0627\u062a\u0643 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629.\",\n                kicker2: \"\u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0648\u0642\u0627\u064a\u0629\", title2: \"\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644\",\n                desc2: \"\u062a\u0639\u062f \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0639\u0638\u0645\u064a\u0629 \u0627\u0644\u0642\u0648\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0641\u0635\u0644\u064a\u0629 \u0627\u0644\u0645\u0631\u0646\u0629 \u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629 \u0645\u062f\u0649 \u0627\u0644\u062d\u064a\u0627\u0629. \u062a\u0639\u0645\u0644 \u0627\u0644\u0639\u0627\u062f\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631.\",\n                footer: \"\u062a\u062d\u0627\u0641\u0638 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0633\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u062a\u0631\u0641\u0639 \u0645\u0646 \u0645\u0639\u062f\u0644\u0627\u062a \u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u062c\u0633\u0645\u060c \u0648\u062a\u062d\u062f \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629.\",\n                consultSteps: [\n                    { h: \"\u0627\u0644\u062e\u0637\u0648\u0629 1: \u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u0623\u0639\u0631\u0627\u0636\", d: \"\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0623\u0644\u0645\u060c \u0648\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0625\u0635\u0627\u0628\u0629\u060c \u0648\u0627\u0644\u0645\u062d\u0641\u0632\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0632\u0645\u0646\u064a\u0629\u060c \u0648\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0633\u0627\u0628\u0642\u0629.\", icon: UI_VECTORS.chat },\n                    { h: \"\u0627\u0644\u062e\u0637\u0648\u0629 2: \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0628\u062f\u0646\u064a \u0627\u0644\u062d\u0631\u0643\u064a\", d: \"\u0641\u062d\u0635 \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629\u060c \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0639\u0644\u0649 \u062a\u062d\u0645\u0644 \u0627\u0644\u0623\u0648\u0632\u0627\u0646\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631\u060c \u0648\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u0634\u064a\u060c \u0648\u0642\u0648\u0629 \u0627\u0644\u0639\u0636\u0644\u0627\u062a.\", icon: UI_VECTORS.activity },\n                    { h: \"\u0627\u0644\u062e\u0637\u0648\u0629 3: \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\", d: \"\u0627\u0644\u0627\u0633\u062a\u0639\u0627\u0646\u0629 \u0628\u0623\u0637\u0631 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062f\u0642\u0629 \u0645\u062b\u0644 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629\u060c \u0623\u0648 \u0623\u0634\u0639\u0629 \u0627\u0644\u0631\u0646\u064a\u0646 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u060c \u0623\u0648 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629.\", icon: UI_VECTORS.search },\n                    { h: \"\u0627\u0644\u062e\u0637\u0648\u0629 4: \u062e\u0637\u0629 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u0645\u062e\u0635\u0635\u0629\", d: \"\u0631\u0633\u0645 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0627\u0644\u062d\u064a\u0648\u064a\u0629\u060c \u0648\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629\u060c \u0648\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u062a\u062a\u0628\u0639.\", icon: UI_VECTORS.file }\n                ],\n                lifestyleList: [\n                    \"\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0648\u0627\u0644\u0645\u0648\u062c\u0647\u0629 \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u062a\u0623\u062b\u064a\u0631\",\n                    \"\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0648\u0632\u0646 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0644\u0644\u062c\u0633\u0645 \u0644\u0644\u062d\u062f \u0645\u0646 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u0633\u0641\u0644\u064a\u0629\",\n                    \"\u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u063a\u0646\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0644\u0633\u064a\u0648\u0645 \u0648\u0641\u064a\u062a\u0627\u0645\u064a\u0646 \u062f\",\n                    \"\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0636\u0644\u064a\u0629 \u0627\u0644\u0645\u062d\u064a\u0637\u0629 \u0628\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0639\u0628\u0631 \u0627\u0644\u062a\u0642\u0648\u064a\u0629 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629\",\n                    \"\u062a\u0637\u0628\u064a\u0642 \u0645\u064a\u0643\u0627\u0646\u064a\u0643\u0627 \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a \u0627\u0644\u0645\u0631\u064a\u062d\u0629 \u0623\u062b\u0646\u0627\u0621 \u0631\u0641\u0639 \u0627\u0644\u0623\u062b\u0642\u0627\u0644\",\n                    \"\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u062d\u0630\u064a\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u0648\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629\",\n                    \"\u062a\u0646\u0641\u064a\u0630 \u062a\u0645\u0627\u0631\u064a\u0646 \u0627\u0644\u0625\u062d\u0645\u0627\u0621 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0648\u0627\u0644\u0625\u0637\u0627\u0644\u0629 \u0642\u0628\u0644 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\",\n                    \"\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0633\u0631\u064a\u0639 \u0644\u0639\u0638\u0627\u0645\u0643 \u0639\u0646\u062f \u0627\u0644\u0623\u0644\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0630\u0627\u062a\u064a\"\n                ]\n            }\n        };\n\n        function initConsultLifestyleModule() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? consultLifestyleData.ar : consultLifestyleData.en;\n            \n            const section = document.getElementById('sh-ortho-consult-lifestyle-555');\n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Group 1 Strings\n            document.getElementById('sh-cl-lang-kicker1').textContent = data.kicker1;\n            document.getElementById('sh-cl-lang-kicker1').style.fontFamily = data.bodyFont;\n            \n            const title1El = document.getElementById('sh-cl-lang-title1');\n            title1El.textContent = data.title1;\n            title1El.style.fontFamily = data.font;\n            \n            document.getElementById('sh-cl-lang-desc1').textContent = data.desc1;\n            document.getElementById('sh-cl-lang-desc1').style.fontFamily = data.bodyFont;\n\n            \/\/ Set Header Group 2 Strings\n            document.getElementById('sh-cl-lang-kicker2').textContent = data.kicker2;\n            document.getElementById('sh-cl-lang-kicker2').style.fontFamily = data.bodyFont;\n            \n            const title2El = document.getElementById('sh-cl-lang-title2');\n            title2El.textContent = data.title2;\n            title2El.style.fontFamily = data.font;\n            \n            document.getElementById('sh-cl-lang-desc2').textContent = data.desc2;\n            document.getElementById('sh-cl-lang-desc2').style.fontFamily = data.bodyFont;\n            \n            document.getElementById('sh-cl-lang-footer').textContent = data.footer;\n            document.getElementById('sh-cl-lang-footer').style.fontFamily = data.bodyFont;\n\n            \/\/ Generate Layout Group 1: Consultation Steps Grid\n            const stepsGrid = document.getElementById('sh-consult-steps-grid');\n            stepsGrid.innerHTML = '';\n            data.consultSteps.forEach(step => {\n                const stepCard = document.createElement('div');\n                stepCard.className = \"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition-all flex flex-col items-start\";\n                stepCard.innerHTML = `\n                    <div class=\"w-10 h-10 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-4 shrink-0\">\n                        ${step.icon}\n                    <\/div>\n                    <h3 class=\"text-[18px] font-bold text-[#243b5a] mb-2 leading-snug\" style=\"font-family: ${data.font}\">${step.h}<\/h3>\n                    <p class=\"text-[14.5px] text-[#667085] leading-relaxed flex-grow\" style=\"font-family: ${data.bodyFont}\">${step.d}<\/p>\n                `;\n                stepsGrid.appendChild(stepCard);\n            });\n\n            \/\/ Generate Layout Group 2: Prevention Lifestyle Framework Grid\n            const habitsGrid = document.getElementById('sh-lifestyle-habits-grid');\n            habitsGrid.innerHTML = '';\n            data.lifestyleList.forEach(habitText => {\n                const habitPanel = document.createElement('div');\n                habitPanel.className = \"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\";\n                habitPanel.innerHTML = `\n                    <div class=\"mt-0.5 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        ${UI_VECTORS.check}\n                    <\/div>\n                    <span class=\"text-[15px] text-[#243b5a] font-medium leading-relaxed\" style=\"font-family: ${data.bodyFont}\">${habitText}<\/span>\n                `;\n                habitsGrid.appendChild(habitPanel);\n            });\n        }\n\n        initConsultLifestyleModule();\n        new MutationObserver(initConsultLifestyleModule).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Breakout Container *\/\n    #sh-ortho-emergency-222 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Soft medical blue background *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-ortho-emergency-222 {\n            padding-top: 6.5rem !important;\n            padding-bottom: 6.5rem !important;\n        }\n    }\n\n    \/* 2. Subtle Hexa Structural Pattern *\/\n    #sh-ortho-emergency-222::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.04' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Constrained Inner Wrapper *\/\n    #sh-ortho-emergency-222 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1200px !important; \/* Optimized for text-centric layout *\/\n        margin: 0 auto !important;\n        padding: 0 1.5rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. Entry Animations Engine *\/\n    @keyframes shFadeUpCard {\n        from { opacity: 0; transform: translateY(24px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-ortho-emergency-222 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUpCard 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Smooth font switching for bilingual support *\/\n    #sh-ortho-emergency-222 * {\n        transition: font-family 0.3s ease, box-shadow 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-ortho-emergency-222\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header Section (Centered) -->\n        <div class=\"mb-12 md:mb-16 max-w-3xl mx-auto text-center sh-animate-up\">\n            <div class=\"inline-flex items-center justify-center gap-3 text-[#e11d48] font-bold text-[12px] md:text-[14px] tracking-widest uppercase mb-4 md:mb-5\">\n                <span class=\"h-[2px] w-8 md:w-12 bg-[#e11d48]\/30 rounded-full\"><\/span>\n                <span id=\"sh-prev-lang-kicker\">Urgent Care<\/span>\n                <span class=\"h-[2px] w-8 md:w-12 bg-[#e11d48]\/30 rounded-full\"><\/span>\n            <\/div>\n            \n            <h2 id=\"sh-prev-lang-title\" class=\"text-[32px] md:text-[42px] lg:text-[48px] font-bold leading-[1.2] lg:leading-[1.15] text-[#1e293b]\" style=\"font-family: var(--font-display);\">\n                When Should You Seek Immediate Orthopedic Care?\n            <\/h2>\n            <p id=\"sh-prev-lang-desc\" class=\"mt-5 md:mt-6 text-[#475569] text-[16px] md:text-[18px] leading-relaxed\">\n                Some orthopedic injuries require urgent medical attention because delaying treatment may increase the risk of permanent damage or prolonged recovery cycles.\n            <\/p>\n        <\/div>\n\n        <!-- Symptoms Card Block (Elevated Layout) -->\n        <div class=\"max-w-4xl mx-auto bg-white rounded-[2rem] p-8 md:p-12 border border-[#e2e8f0] shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <p id=\"sh-prev-lang-care-title\" class=\"font-bold text-[#0f172a] text-[20px] md:text-[24px] mb-8 md:mb-10 text-center\" style=\"font-family: var(--font-display);\">\n                Seek immediate orthopedic assessment if you experience:\n            <\/p>\n            \n            <!-- Grid list for symptoms (Responsive: 1 column on mobile, 2 on sm and above) -->\n            <ul id=\"sh-prev-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-8 lg:gap-x-12 gap-y-5 md:gap-y-6 text-start\">\n                <!-- Dynamically populated via JS -->\n            <\/ul>\n        <\/div>\n        \n        <!-- Footer Section (Centered Alert\/Note) -->\n        <div class=\"mt-10 md:mt-12 max-w-3xl mx-auto text-center sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <p id=\"sh-prev-lang-footer\" class=\"text-[#475569] bg-white\/70 backdrop-blur-md border border-[#cbd5e1]\/50 p-5 md:p-6 rounded-2xl text-[15px] md:text-[17px] leading-relaxed shadow-sm inline-block\">\n                Early trauma evaluations support fast, accurate diagnosis and appropriate clinical treatment mapping before permanent restrictions form.\n            <\/p>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Data Structure\n        const emergencyModuleData = {\n            en: {\n                font: \"var(--font-display)\", \n                bodyFont: \"system-ui, -apple-system, sans-serif\",\n                kicker: \"Urgent Care\", \n                title: \"When Should You Seek Immediate Orthopedic Care?\",\n                desc: \"Some orthopedic injuries require urgent medical attention because delaying treatment may increase the risk of permanent damage or prolonged recovery cycles.\",\n                care: \"Seek immediate orthopedic assessment if you experience:\",\n                footer: \"Early trauma evaluations support fast, accurate diagnosis and appropriate clinical treatment mapping before permanent restrictions form.\",\n                list: [\n                    \"A suspected broken bone (fracture)\",\n                    \"A joint that appears visibly dislocated\",\n                    \"Severe swelling following high impact\",\n                    \"Inability to bear weight after a trauma\",\n                    \"Heavy bleeding with an orthopedic injury\",\n                    \"Sudden loss of movement after an accident\",\n                    \"Numbness or sensory loss in an extremity\",\n                    \"Severe back pain with loss of bladder control\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0639\u0627\u062c\u0644\u0629\", \n                title: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0637\u0644\u0628 \u0631\u0639\u0627\u064a\u0629 \u0639\u0638\u0627\u0645 \u0641\u0648\u0631\u064a\u0629\u061f\",\n                desc: \"\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u062a\u062f\u062e\u0644\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0639\u0627\u062c\u0644\u0627\u064b\u060c \u0644\u0623\u0646 \u062a\u0623\u062e\u064a\u0631 \u0627\u0644\u0639\u0644\u0627\u062c \u0642\u062f \u064a\u0632\u064a\u062f \u0645\u0646 \u062e\u0637\u0631 \u062d\u062f\u0648\u062b \u0636\u0631\u0631 \u062f\u0627\u0626\u0645 \u0623\u0648 \u0625\u0637\u0627\u0644\u0629 \u0641\u062a\u0631\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u062d\u0631\u0643\u064a.\",\n                care: \"\u062a\u0648\u062c\u0647 \u0644\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0641\u0648\u0631\u0627\u064b \u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0638\u0627\u0645 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a \u0645\u0646:\",\n                footer: \"\u064a\u062f\u0639\u0645 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0628\u0643\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u0644\u062f\u0642\u064a\u0642 \u0648\u0631\u0633\u0645 \u062e\u0637\u0637 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0642\u0628\u0644 \u062d\u062f\u0648\u062b \u0623\u064a \u0642\u064a\u0648\u062f \u062d\u0631\u0643\u064a\u0629 \u062f\u0627\u0626\u0645\u0629.\",\n                list: [\n                    \"\u0627\u0634\u062a\u0628\u0627\u0647 \u0641\u064a \u0648\u062c\u0648\u062f \u0643\u0633\u0631 \u0628\u0627\u0644\u0639\u0638\u0627\u0645\",\n                    \"\u0645\u0641\u0635\u0644 \u064a\u0628\u062f\u0648 \u0645\u0634\u0648\u0647\u0627\u064b \u0623\u0648 \u0645\u062e\u0644\u0648\u0639\u0627\u064b \u0628\u0648\u0636\u0648\u062d\",\n                    \"\u062a\u0648\u0631\u0645 \u0634\u062f\u064a\u062f \u0648\u062d\u0627\u062f \u064a\u062a\u0628\u0639 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0645\u0628\u0627\u0634\u0631\u0629\",\n                    \"\u0639\u062f\u0645 \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u062d\u0645\u0644 \u0627\u0644\u0648\u0632\u0646 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0642 \u0628\u0639\u062f \u0627\u0644\u062d\u0648\u0627\u062f\u062b\",\n                    \"\u0646\u0632\u064a\u0641 \u062d\u0627\u062f \u064a\u0635\u0627\u062d\u0628 \u0625\u0635\u0627\u0628\u0629 \u0647\u064a\u0643\u0644\u064a\u0629 \u0623\u0648 \u0639\u0638\u0645\u064a\u0629\",\n                    \"\u0641\u0642\u062f\u0627\u0646 \u0645\u0641\u0627\u062c\u0626 \u0644\u0644\u062d\u0631\u0643\u0629 \u0628\u0639\u062f \u0627\u0644\u062a\u0639\u0631\u0636 \u0644\u062d\u0627\u062f\u062b\",\n                    \"\u062a\u0646\u0645\u064a\u0644 \u0623\u0648 \u0641\u0642\u062f\u0627\u0646 \u0643\u0627\u0645\u0644 \u0644\u0644\u0625\u062d\u0633\u0627\u0633 \u0641\u064a \u0627\u0644\u0623\u0637\u0631\u0627\u0641\",\n                    \"\u0623\u0644\u0645 \u062d\u0627\u062f \u0628\u0627\u0644\u0638\u0647\u0631 \u0645\u0635\u062d\u0648\u0628 \u0628\u0636\u0639\u0641 \u0623\u0648 \u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0625\u062e\u0631\u0627\u062c\"\n                ]\n            }\n        };\n\n        \/\/ UI Updater Function\n        function initEmergencySection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? emergencyModuleData.ar : emergencyModuleData.en;\n            const section = document.getElementById('sh-ortho-emergency-222');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Set Texts & Fonts\n            const elementsToUpdate = [\n                { id: 'sh-prev-lang-kicker', text: data.kicker, font: data.bodyFont },\n                { id: 'sh-prev-lang-title', text: data.title, font: data.font },\n                { id: 'sh-prev-lang-desc', text: data.desc, font: data.bodyFont },\n                { id: 'sh-prev-lang-care-title', text: data.care, font: data.font },\n                { id: 'sh-prev-lang-footer', text: data.footer, font: data.bodyFont }\n            ];\n\n            elementsToUpdate.forEach(el => {\n                const node = document.getElementById(el.id);\n                if (node) {\n                    node.textContent = el.text;\n                    node.style.fontFamily = el.font;\n                }\n            });\n            \n            \/\/ Render List Items\n            const grid = document.getElementById('sh-prev-grid');\n            if (grid) {\n                grid.innerHTML = '';\n                data.list.forEach((item, index) => {\n                    const li = document.createElement('li');\n                    \/\/ Applied hover effect classes to the list item container\n                    li.className = \"flex gap-3.5 md:gap-4 items-start sh-animate-up p-3 -m-3 rounded-xl hover:bg-slate-50 transition-colors duration-300 group\";\n                    li.style.animationDelay = `${0.2 + (index * 0.04)}s`;\n                    li.innerHTML = `\n                        <span class=\"mt-0.5 shrink-0 w-[26px] h-[26px] md:w-[28px] md:h-[28px] rounded-full bg-[#e11d48]\/10 text-[#e11d48] flex items-center justify-center shadow-sm group-hover:bg-[#e11d48] group-hover:text-white transition-colors duration-300\">\n                            <svg class=\"w-4 h-4 md:w-[18px] md:h-[18px]\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20 6 9 17l-5-5\"\/>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"text-[15.5px] md:text-[16.5px] text-[#334155] font-medium leading-relaxed group-hover:text-[#0f172a] transition-colors duration-300\" style=\"font-family: ${data.bodyFont}\">${item}<\/span>\n                    `;\n                    grid.appendChild(li);\n                });\n            }\n        }\n        \n        \/\/ Initialize and Observe for Language Changes\n        initEmergencySection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initEmergencySection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra Theme Compatibility *\/\n    #sh-ortho-recovery-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Subtle Hexa Structural Medical Pattern Backing *\/\n    #sh-ortho-recovery-444::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-ortho-recovery-444 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Alignment Text Realignment Support *\/\n    #sh-ortho-recovery-444 .sh-text-start { text-align: left !important; }\n    #sh-ortho-recovery-444[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Entry Animations *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-ortho-recovery-444 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s ease forwards; \n    }\n    \n    \/* Interactive Card Hovers *\/\n    #sh-ortho-recovery-444 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-ortho-recovery-444 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(36, 59, 90, 0.1);\n        }\n    }\n<\/style>\n\n<!-- Orthopedic Recovery Pathways Section -->\n<section id=\"sh-ortho-recovery-444\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header Text Block Area -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-rec-lang-kicker\">Rehabilitation<\/span>\n            <\/div>\n            <h2 id=\"sh-rec-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">Recovery After an Orthopedic Injury<\/h2>\n            <p id=\"sh-rec-desc1\" class=\"text-[#596b82] text-[18px] leading-relaxed mb-2\"><\/p>\n            <p id=\"sh-rec-desc2\" class=\"text-[#596b82] text-[16px]\"><\/p>\n        <\/div>\n\n        <!-- Comparative Twin Grid Cards Block -->\n        <div class=\"grid md:grid-cols-2 gap-6 mb-12 sh-animate-up\" id=\"sh-rec-cards\" style=\"animation-delay: 0.1s;\"><\/div>\n\n        <!-- Coordinated Care Subtext Note Block -->\n        <p id=\"sh-rec-hospital-note\" class=\"text-center text-[#596b82] max-w-3xl mx-auto mb-10 sh-animate-up\" style=\"animation-delay: 0.15s;\"><\/p>\n\n        <!-- Advanced Sequential Progress Table Framework -->\n        <div class=\"sh-animate-up\" style=\"animation-delay: 0.2s;\">\n            <h3 id=\"sh-rec-table-title\" class=\"text-[28px] text-[#243b5a] text-center mb-6 font-bold\" style=\"font-family: var(--font-display);\"><\/h3>\n            <div class=\"overflow-x-auto rounded-2xl border border-[#e4edf3] bg-white shadow-sm\">\n                <table class=\"w-full sh-text-start border-collapse\" id=\"sh-rec-table\"><\/table>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Advanced Bilingual Localization Script Engine Framework -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const recoveryModuleData = {\n            en: {\n                kicker: \"Rehabilitation\", \n                title: \"Recovery Framework & Rehabilitation Milestones\",\n                desc1: \"Healing does not end once the initial injury is treated. Complete orthopedic recovery is a gradual process that pairs targeted medical treatment with custom rehabilitation paths.\",\n                desc2: \"Recovery time variations depend explicitly on the structural severity of the injury, patient age thresholds, baseline health index, and adherence to protocols.\",\n                hospitalNote: \"At Shefa Hospital, our orthopedic clinical specialists coordinate treatment blueprints directly with patients after mapping out muscle capacity and bone structures.\",\n                tableTitle: \"Comprehensive Recovery Strategy Matrix\",\n                cards: [\n                    { \n                        t: \"Conservative Care Pathway\", \n                        sub: \"Non-surgical injury management techniques focused on natural bone and tissue alignment restoration.\",\n                        label: \"Primary Intervention Methods:\",\n                        color: \"#138b86\", \/\/ Teal\n                        list: [\"Localized support casting & bracing\", \"Targeted anti-inflammatory control\", \"Passive range of motion restoration\", \"Skeletal alignment unloading adjustments\"] \n                    },\n                    { \n                        t: \"Post-Surgical Rehabilitation\", \n                        sub: \"Advanced clinical rehabilitation tracks mapped carefully for patients following operative structural repairs.\",\n                        label: \"Key Rehabilitation Benchmarks:\",\n                        color: \"#d4af37\", \/\/ Gold\n                        list: [\"Controlled progressive weight-bearing\", \"Muscle tendon strengthening frameworks\", \"Joint space balance tracking training\", \"Secondary restriction prevention metrics\"] \n                    }\n                ],\n                table: { \n                    h: [\"Recovery Stage\", \"Primary Functional Goal\", \"Clinical Protocol Focus\"], \n                    r: [\n                        [\"1. Initial Assessment\", \"Confirm diagnosis & stabilize tissue framework\", \"Detailed medical imaging & localized structural bracing\"], \n                        [\"2. Inflammation Management\", \"Reduce patient discomfort & support cellular cell paths\", \"Targeted medical management & active icing routines\"], \n                        [\"3. Rehabilitation Exercises\", \"Restore baseline strength & complete joint flexibility\", \"Specialized physical therapy & physical motion protocols\"],\n                        [\"4. Functional Recovery\", \"Safe transition into work, sport, and routine movements\", \"Dynamic exercise adaptation & custom endurance tracking\"],\n                        [\"5. Follow-Up Evaluations\", \"Monitor long-term repair stability & verify performance\", \"Clinical assessment review & baseline metric recalibration\"]\n                    ] \n                }\n            },\n            ar: {\n                kicker: \"\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644\", \n                title: \"\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0628\u0639\u062f \u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645\",\n                desc1: \"\u0644\u0627 \u064a\u0646\u062a\u0647\u064a \u0627\u0644\u0634\u0641\u0627\u0621 \u0628\u0645\u062c\u0631\u062f \u0639\u0644\u0627\u062c \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629. \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0639\u0638\u0627\u0645 \u0647\u0648 \u0639\u0645\u0644\u064a\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0648\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0645\u062e\u0635\u0635\u0629.\",\n                desc2: \"\u062a\u0639\u062a\u0645\u062f \u0627\u062e\u062a\u0644\u0627\u0641\u0627\u062a \u0641\u062a\u0631\u0629 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0628\u0634\u0643\u0644 \u0635\u0631\u064a\u062d \u0639\u0644\u0649 \u0645\u062f\u0649 \u0627\u0644\u0634\u062f\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0644\u0644\u0625\u0635\u0627\u0628\u0629\u060c \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 \u0644\u0644\u0645\u0631\u064a\u0636\u060c \u0648\u0645\u0624\u0634\u0631 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u060c \u0648\u0645\u062f\u0649 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a.\",\n                hospitalNote: \"\u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621\u060c \u064a\u0646\u0633\u0642 \u0623\u062e\u0635\u0627\u0626\u064a\u0648 \u0627\u0644\u0639\u0638\u0627\u0645 \u0644\u062f\u064a\u0646\u0627 \u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0627\u0644\u0645\u0631\u0636\u0649 \u0628\u0639\u062f \u062a\u0642\u064a\u064a\u0645 \u062f\u0642\u064a\u0642 \u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0639\u0638\u0627\u0645.\",\n                tableTitle: \"\u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u0634\u0627\u0645\u0644\u0629\",\n                cards: [\n                    { \n                        t: \"\u0645\u0633\u0627\u0631 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062a\u062d\u0641\u0638\u064a\", \n                        sub: \"\u062a\u0642\u0646\u064a\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0644\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0623\u0646\u0633\u062c\u0629.\",\n                        label: \"\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u062a\u062f\u062e\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629:\",\n                        color: \"#138b86\",\n                        list: [\"\u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u0648\u0636\u0639\u064a \u0628\u0627\u0644\u062c\u0628\u0627\u0626\u0631 \u0648\u0627\u0644\u062f\u0639\u0627\u0645\u0627\u062a\", \"\u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0627\u0644\u0645\u0648\u062c\u0647\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0648\u0627\u0644\u0623\u0644\u0645\", \"\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0646\u0637\u0627\u0642 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0644\u0628\u064a \u0644\u0644\u0645\u0641\u0635\u0644\", \"\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u062a\u062e\u0641\u064a\u0641 \u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0644\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629\"] \n                    },\n                    { \n                        t: \"\u062a\u0623\u0647\u064a\u0644 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u062c\u0631\u0627\u062d\u0629\", \n                        sub: \"\u0645\u0633\u0627\u0631\u0627\u062a \u062a\u0623\u0647\u064a\u0644 \u0633\u0631\u064a\u0631\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0645\u062e\u0637\u0637\u0629 \u0628\u062f\u0642\u0629 \u0644\u0644\u0645\u0631\u0636\u0649 \u0628\u0639\u062f \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0631\u0645\u064a\u0645 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0648\u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629.\",\n                        label: \"\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629:\",\n                        color: \"#d4af37\",\n                        list: [\"\u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062a\u062f\u0631\u064a\u062c\u064a \u0627\u0644\u0645\u062d\u0633\u0648\u0628 \u0644\u0644\u0648\u0632\u0646\", \"\u0623\u0637\u0631 \u062a\u0642\u0648\u064a\u0629 \u0627\u0644\u0623\u0648\u062a\u0627\u0631 \u0648\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0636\u0644\u064a\u0629\", \"\u062a\u062f\u0631\u064a\u0628 \u062a\u062a\u0628\u0639 \u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0645\u0641\u0635\u0644\u064a\u0629\", \"\u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0642\u064a\u0648\u062f \u0627\u0644\u062d\u0631\u0643\u064a\u0629 \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629\"] \n                    }\n                ],\n                table: { \n                    h: [\"\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0639\u0627\u0641\u064a\", \"\u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0648\u0638\u064a\u0641\u064a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\", \"\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\"], \n                    r: [\n                        [\"1. \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0648\u0644\u064a\", \"\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u062a\u062b\u0628\u064a\u062a \u0625\u0637\u0627\u0631 \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0645\u0635\u0627\u0628\u0629\", \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0645\u0641\u0635\u0644 \u0648\u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0627\u0644\u0645\u0648\u0636\u0639\u064a\"], \n                        [\"2. \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\", \"\u062a\u0642\u0644\u064a\u0644 \u0634\u0639\u0648\u0631 \u0627\u0644\u0645\u0631\u064a\u0636 \u0628\u0627\u0644\u0627\u0646\u0632\u0639\u0627\u062c \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0626\u0627\u0645 \u0627\u0644\u062e\u0644\u0627\u064a\u0627\", \"\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0648\u0631\u0648\u062a\u064a\u0646 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0627\u0644\u0646\u0634\u0637\"], \n                        [\"3. \u062a\u0645\u0627\u0631\u064a\u0646 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644\", \"\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0641\u0627\u0635\u0644\", \"\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0648\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629\"],\n                        [\"4. \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u0648\u0638\u064a\u0641\u064a\", \"\u0627\u0644\u0639\u0648\u062f\u0629 \u0627\u0644\u0622\u0645\u0646\u0629 \u0644\u0644\u0639\u0645\u0644\u060c \u0627\u0644\u0631\u064a\u0627\u0636\u0629\u060c \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\", \"\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0645\u0644\"],\n                        [\"5. \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\", \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u062a\u0631\u0645\u064a\u0645 \u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0623\u062f\u0627\u0621\", \"\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0648\u0625\u0639\u0627\u062f\u0629 \u0645\u0639\u0627\u064a\u0631\u0629 \u0627\u0644\u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\"]\n                    ] \n                }\n            }\n        };\n\n        function initRecoverySection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? recoveryModuleData.ar : recoveryModuleData.en;\n            \n            const section = document.getElementById('sh-ortho-recovery-444');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Apply text content strings strings\n            document.getElementById('sh-rec-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-rec-lang-title').textContent = data.title;\n            document.getElementById('sh-rec-desc1').textContent = data.desc1;\n            document.getElementById('sh-rec-desc2').textContent = data.desc2;\n            document.getElementById('sh-rec-hospital-note').textContent = data.hospitalNote;\n            document.getElementById('sh-rec-table-title').textContent = data.tableTitle;\n            \n            \/\/ Build dual pathway card elements\n            const cardsContainer = document.getElementById('sh-rec-cards');\n            cardsContainer.innerHTML = '';\n            data.cards.forEach(card => {\n                const vectorSvg = card.color === '#138b86' \n                    ? `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${card.color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>`\n                    : `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${card.color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>`;\n\n                cardsContainer.innerHTML += `\n                    <div class=\"bg-white rounded-2xl p-8 border-t-4 shadow-sm sh-hover-card\" style=\"border-top-color: ${card.color};\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            ${vectorSvg}\n                            <h3 class=\"font-bold text-[24px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">${card.t}<\/h3>\n                        <\/div>\n                        <p class=\"text-[#596b82] mb-4 text-[15px]\">${card.sub}<\/p>\n                        <p class=\"font-semibold text-[#243b5a] mb-3 text-[16px]\">${card.label}<\/p>\n                        <ul class=\"space-y-3\">\n                            ${card.list.map(listItemText => `\n                                <li class=\"flex gap-3 items-start\">\n                                    <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: ${card.color}15; color: ${card.color};\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                                    <\/span>\n                                    <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\" style=\"font-family: ${data.bodyFont};\">${listItemText}<\/span>\n                                <\/li>\n                            `).join('')}\n                        <\/ul>\n                    <\/div>`;\n            });\n\n            \/\/ Build evaluation stages matrix table\n            const tableContainer = document.getElementById('sh-rec-table');\n            tableContainer.innerHTML = `\n                <thead>\n                    <tr class=\"bg-[#243b5a] text-white\">\n                        ${data.table.h.map(headerText => `<th class=\"p-5 font-semibold text-[16px] text-start\">${headerText}<\/th>`).join('')}\n                    <\/tr>\n                <\/thead>\n                <tbody class=\"text-[15.5px]\">\n                    ${data.table.r.map((rowDataRow, index) => {\n                        const stripedBg = index % 2 !== 0 ? 'background-color: #f4f7f9;' : '';\n                        return `\n                        <tr style=\"${stripedBg}\">\n                            ${rowDataRow.map((cellText, colIndex) => `\n                                <td class=\"p-5 border-t border-[#e4edf3] text-start ${colIndex === 0 ? 'font-semibold text-[#243b5a]' : 'text-[#243b5a]\/85'}\" style=\"font-family: ${data.bodyFont};\">\n                                    ${cellText}\n                                <\/td>\n                            `).join('')}\n                        <\/tr>`;\n                    }).join('')}\n                <\/tbody>`;\n        }\n\n        \/\/ Initialize and lock dynamic observer loop to prevent system frame crashes\n        initRecoverySection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initRecoverySection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container Base Code for Astra-Proof Layout *\/\n    #sh-ortho-misconceptions-666 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* Lightweight SVG Hexagon Background Pattern *\/\n    #sh-ortho-misconceptions-666::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-ortho-misconceptions-666 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for Text Alignment *\/\n    #sh-ortho-misconceptions-666 .sh-text-start { text-align: left !important; }\n    #sh-ortho-misconceptions-666[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Entry Animations *\/\n    @keyframes shFadeInUpCards {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-ortho-misconceptions-666 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpCards 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-ortho-misconceptions-666 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-ortho-misconceptions-666 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(19, 139, 134, 0.12);\n            border-color: #138b86;\n        }\n    }\n<\/style>\n\n<section id=\"sh-ortho-misconceptions-666\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-misc-kicker\">Patient Education<\/span>\n            <\/div>\n            <h2 id=\"sh-misc-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Common Misconceptions About Orthopedic Conditions\n            <\/h2>\n            <p id=\"sh-misc-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Misunderstandings often delay appropriate treatment or recovery. Here are facts you should know about your musculoskeletal health.\n            <\/p>\n        <\/div>\n\n        <div id=\"sh-misc-cards-grid\" class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto sh-animate mb-20\" style=\"animation-delay: 0.1s;\">\n            <\/div>\n\n        <div class=\"relative bg-white rounded-3xl border-t-4 border-[#138b86] p-8 md:p-12 shadow-sm max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.2s;\">\n            <div class=\"max-w-3xl mb-8 sh-text-start\">\n                <h3 id=\"sh-quest-title\" class=\"text-[28px] md:text-[34px] font-bold text-[#243b5a] mb-4\" style=\"font-family: var(--font-display);\">Questions to Ask During Your Orthopedic Consultation<\/h3>\n                <p id=\"sh-quest-desc\" class=\"text-[#596b82] text-[17px] leading-relaxed\">Preparing questions before your appointment helps you better understand your diagnosis and treatment options. You may wish to ask:<\/p>\n            <\/div>\n            \n            <ul id=\"sh-quest-list\" class=\"grid sm:grid-cols-2 gap-x-8 gap-y-4 mb-8 sh-text-start\">\n                <\/ul>\n\n            <div class=\"border-t border-slate-100 pt-6\">\n                <p id=\"sh-quest-footer\" class=\"text-[#138b86] text-[16px] font-medium leading-relaxed sh-text-start text-center sm:text-left\">\n                    Clear communication supports informed decision-making and realistic recovery expectations.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data containing localized text strings\n        const orthoEducationData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                miscKicker: \"Patient Education\",\n                miscTitle: \"Common Misconceptions About Orthopedic Conditions\",\n                miscDesc: \"Misunderstandings often delay appropriate treatment or recovery. Here are facts you should know about your musculoskeletal health.\",\n                miscCards: [\n                    { q: `\"Joint pain is simply part of getting older.\"`, a: \"Although age-related changes can contribute to joint discomfort, persistent pain should not be considered a normal part of aging. Many orthopedic conditions can be evaluated and managed effectively.\" },\n                    { q: `\"If I can still walk, my injury cannot be serious.\"`, a: \"Some fractures, ligament tears, and tendon injuries still allow limited walking despite significant damage. Persistent pain or swelling after an injury deserves medical assessment.\" },\n                    { q: `\"Complete bed rest is the best treatment for back pain.\"`, a: \"Prolonged inactivity may actually slow recovery in many cases. Appropriate movement and rehabilitation, guided by a healthcare professional, are often beneficial depending on the underlying cause.\" },\n                    { q: `\"Surgery is always required for orthopedic problems.\"`, a: \"Many musculoskeletal conditions respond well to conservative treatment, including medication, physical rehabilitation, activity modification, and lifestyle changes. Surgery is recommended only when clinically appropriate.\" }\n                ],\n                questTitle: \"Questions to Ask During Your Orthopedic Consultation\",\n                questDesc: \"Preparing questions before your appointment helps you better understand your diagnosis and treatment options. You may wish to ask:\",\n                questList: [\n                    \"What is causing my pain or limited movement?\",\n                    \"Do I need imaging studies such as X-rays or MRI?\",\n                    \"Can my condition improve without surgery?\",\n                    \"What activities should I temporarily avoid?\",\n                    \"Will physical rehabilitation be part of my treatment?\",\n                    \"How long is recovery expected to take?\",\n                    \"When can I safely return to work, exercise, or sports?\"\n                ],\n                questFooter: \"Clear communication supports informed decision-making and realistic recovery expectations.\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                miscKicker: \"\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0645\u0631\u0636\u0649\",\n                miscTitle: \"\u0645\u0641\u0627\u0647\u064a\u0645 \u062e\u0627\u0637\u0626\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645\",\n                miscDesc: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0624\u062f\u064a \u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u062e\u0627\u0637\u0626 \u0625\u0644\u0649 \u062a\u0623\u062e\u064a\u0631 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0623\u0648 \u0627\u0644\u062a\u0639\u0627\u0641\u064a. \u0625\u0644\u064a\u0643 \u062d\u0642\u0627\u0626\u0642 \u064a\u062c\u0628 \u0623\u0646 \u062a\u0639\u0631\u0641\u0647\u0627 \u0639\u0646 \u0635\u062d\u0629 \u062c\u0647\u0627\u0632\u0643 \u0627\u0644\u0639\u0636\u0644\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a.\",\n                miscCards: [\n                    { q: `\"\u0623\u0644\u0645 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0647\u0648 \u0628\u0628\u0633\u0627\u0637\u0629 \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u062a\u0642\u062f\u0645 \u0641\u064a \u0627\u0644\u0633\u0646.\"`, a: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0639\u0645\u0631 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0647\u0645 \u0641\u064a \u0623\u0644\u0645 \u0627\u0644\u0645\u0641\u0627\u0635\u0644\u060c \u0625\u0644\u0627 \u0623\u0646\u0647 \u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u0627\u0639\u062a\u0628\u0627\u0631 \u0627\u0644\u0623\u0644\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u062c\u0632\u0621\u0627\u064b \u0637\u0628\u064a\u0639\u064a\u0627\u064b \u0645\u0646 \u0627\u0644\u0634\u064a\u062e\u0648\u062e\u0629. \u064a\u0645\u0643\u0646 \u062a\u0642\u064a\u064a\u0645 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0628\u0641\u0639\u0627\u0644\u064a\u0629.\" },\n                    { q: `\"\u0625\u0630\u0627 \u0643\u0646\u062a \u0644\u0627 \u0623\u0632\u0627\u0644 \u0642\u0627\u062f\u0631\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u064a\u060c \u0641\u0625\u0646 \u0625\u0635\u0627\u0628\u062a\u064a \u0644\u064a\u0633\u062a \u062e\u0637\u064a\u0631\u0629.\"`, a: \"\u0628\u0639\u0636 \u0627\u0644\u0643\u0633\u0648\u0631\u060c \u0648\u062a\u0645\u0632\u0642\u0627\u062a \u0627\u0644\u0623\u0631\u0628\u0637\u0629\u060c \u0648\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0627\u0631 \u0644\u0627 \u062a\u0632\u0627\u0644 \u062a\u0633\u0645\u062d \u0628\u0627\u0644\u0645\u0634\u064a \u0627\u0644\u0645\u062d\u062f\u0648\u062f \u0631\u063a\u0645 \u0648\u062c\u0648\u062f \u0636\u0631\u0631 \u0643\u0628\u064a\u0631. \u0627\u0644\u0623\u0644\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0623\u0648 \u0627\u0644\u062a\u0648\u0631\u0645 \u0628\u0639\u062f \u0623\u064a \u0625\u0635\u0627\u0628\u0629 \u064a\u0633\u062a\u062f\u0639\u064a \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0637\u0628\u064a\u0627\u064b.\" },\n                    { q: `\"\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0633\u0631\u064a\u0631 \u0647\u064a \u0623\u0641\u0636\u0644 \u0639\u0644\u0627\u062c \u0644\u0622\u0644\u0627\u0645 \u0627\u0644\u0638\u0647\u0631.\"`, a: \"\u0642\u062f \u064a\u0624\u062f\u064a \u0627\u0644\u062e\u0645\u0648\u0644 \u0644\u0641\u062a\u0631\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639 \u0625\u0644\u0649 \u0625\u0628\u0637\u0627\u0621 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0641\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a. \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644\u060c \u0628\u062a\u0648\u062c\u064a\u0647 \u0645\u0646 \u0623\u062e\u0635\u0627\u0626\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\u060c \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u062a\u0643\u0648\u0646 \u0645\u0641\u064a\u062f\u0629 \u0648\u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0623\u0633\u0627\u0633\u064a.\" },\n                    { q: `\"\u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0645\u0637\u0644\u0648\u0628\u0629 \u062f\u0627\u0626\u0645\u0627\u064b \u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0639\u0638\u0627\u0645.\"`, a: \"\u062a\u0633\u062a\u062c\u064a\u0628 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0638\u0627\u0645 \u0628\u0634\u0643\u0644 \u062c\u064a\u062f \u0644\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062a\u062d\u0641\u0638\u064a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0623\u062f\u0648\u064a\u0629\u060c \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0628\u062f\u0646\u064a\u060c \u0648\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0623\u0646\u0634\u0637\u0629\u060c \u0648\u062a\u063a\u064a\u064a\u0631 \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629. \u064a\u0648\u0635\u0649 \u0628\u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0645\u0646\u0627\u0633\u0628\u0629 \u0633\u0631\u064a\u0631\u064a\u0627\u064b.\" }\n                ],\n                questTitle: \"\u0623\u0633\u0626\u0644\u0629 \u064a\u062c\u0628 \u0637\u0631\u062d\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0639\u0638\u0627\u0645\",\n                questDesc: \"\u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0642\u0628\u0644 \u0645\u0648\u0639\u062f\u0643 \u0639\u0644\u0649 \u0641\u0647\u0645 \u062a\u0634\u062e\u064a\u0635\u0643 \u0648\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644. \u0642\u062f \u062a\u0631\u063a\u0628 \u0641\u064a \u0623\u0646 \u062a\u0633\u0623\u0644 \u0639\u0646:\",\n                questList: [\n                    \"\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0633\u0628\u0628 \u0623\u0644\u0645\u064a \u0623\u0648 \u064a\u062d\u062f \u0645\u0646 \u062d\u0631\u0643\u062a\u064a\u061f\",\n                    \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062f\u0631\u0627\u0633\u0627\u062a \u062a\u0635\u0648\u064a\u0631\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0623\u0648 \u0627\u0644\u0631\u0646\u064a\u0646 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u061f\",\n                    \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u062a\u062d\u0633\u0646 \u062d\u0627\u0644\u062a\u064a \u0628\u062f\u0648\u0646 \u0627\u0644\u0644\u062c\u0648\u0621 \u0625\u0644\u0649 \u0627\u0644\u062c\u0631\u0627\u062d\u0629\u061f\",\n                    \"\u0645\u0627 \u0647\u064a \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u0623\u0646 \u0623\u062a\u062c\u0646\u0628\u0647\u0627 \u0645\u0624\u0642\u062a\u0627\u064b\u061f\",\n                    \"\u0647\u0644 \u0633\u064a\u0643\u0648\u0646 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0628\u062f\u0646\u064a \u0623\u0648 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u062c\u0632\u0621\u0627\u064b \u0645\u0646 \u062e\u0637\u062a\u064a \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629\u061f\",\n                    \"\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u064a\u064f\u062a\u0648\u0642\u0639 \u0623\u0646 \u064a\u0633\u062a\u063a\u0631\u0642\u0647 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u0643\u0627\u0645\u0644\u061f\",\n                    \"\u0645\u062a\u0649 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u0639\u0648\u062f\u0629 \u0628\u0623\u0645\u0627\u0646 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644\u060c \u0623\u0648 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646\u060c \u0623\u0648 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\u061f\"\n                ],\n                questFooter: \"\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0648\u0627\u0636\u062d \u064a\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0646\u064a\u0631\u0629 \u0648\u0648\u0636\u0639 \u062a\u0648\u0642\u0639\u0627\u062a \u0648\u0627\u0642\u0639\u064a\u0629 \u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062a\u0639\u0627\u0641\u064a.\"\n            }\n        };\n\n        \/\/ Icon for the Questions List\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>`;\n\n        function buildOrthoEducationSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? orthoEducationData.ar : orthoEducationData.en;\n            \n            const section = document.getElementById('sh-ortho-misconceptions-666');\n            if (!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ 1. Populate Misconceptions Header\n            document.getElementById('sh-misc-kicker').textContent = data.miscKicker;\n            document.getElementById('sh-misc-kicker').style.fontFamily = data.bodyFont;\n            \n            const miscTitleEl = document.getElementById('sh-misc-title');\n            miscTitleEl.textContent = data.miscTitle;\n            miscTitleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-misc-desc').textContent = data.miscDesc;\n            document.getElementById('sh-misc-desc').style.fontFamily = data.bodyFont;\n\n            \/\/ 2. Populate Misconceptions Grid Cards\n            const grid = document.getElementById('sh-misc-cards-grid');\n            grid.innerHTML = data.miscCards.map((card, index) => `\n                <div class=\"bg-white rounded-2xl p-6 md:p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default flex flex-col justify-start h-full\">\n                    <div class=\"text-[#d8a321] mb-3\">\n                        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"><\/path><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"font-bold text-[19px] md:text-[21px] text-[#243b5a] mb-3 italic\" style=\"font-family: ${data.font};\">${card.q}<\/h3>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed flex-grow\" style=\"font-family: ${data.bodyFont};\">${card.a}<\/p>\n                <\/div>\n            `).join('');\n\n            \/\/ 3. Populate Questions to Ask Section\n            const questTitleEl = document.getElementById('sh-quest-title');\n            questTitleEl.textContent = data.questTitle;\n            questTitleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-quest-desc').textContent = data.questDesc;\n            document.getElementById('sh-quest-desc').style.fontFamily = data.bodyFont;\n            \n            document.getElementById('sh-quest-footer').textContent = data.questFooter;\n            document.getElementById('sh-quest-footer').style.fontFamily = data.bodyFont;\n\n            const questList = document.getElementById('sh-quest-list');\n            questList.innerHTML = data.questList.map(item => `\n                <li class=\"flex gap-3 items-start\">\n                    ${checkIcon}\n                    <span class=\"text-[#243b5a]\/90 font-medium text-[16.5px] leading-relaxed\" style=\"font-family: ${data.bodyFont};\">${item}<\/span>\n                <\/li>\n            `).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer for dynamic language switching\n        buildOrthoEducationSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildOrthoEducationSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-guidance-777 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-guidance-777 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-guidance-777 .sh-text-start { text-align: left !important; }\n    #sh-guidance-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpGuidance {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-guidance-777 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpGuidance 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-guidance-777 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-guidance-777 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(19, 139, 134, 0.12);\n            border-color: #138b86;\n        }\n    }\n<\/style>\n\n<section id=\"sh-guidance-777\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-guide-kicker\">Guidance<\/span>\n            <\/div>\n            <h2 id=\"sh-guide-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                How to Choose the Best Gynecologist in Makkah\n            <\/h2>\n            <p id=\"sh-guide-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\n            <\/p>\n        <\/div>\n\n        <!-- Cards Grid -->\n        <div id=\"sh-guide-cards-grid\" class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Cards will be dynamically injected here -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data containing English and Arabic content\n        const guideData = {\n            en: {\n                kicker: \"Guidance\",\n                title: \"How to Choose the Best Gynecologist in Makkah\",\n                desc: \"Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\",\n                cards: [\n                    {\n                        title: \"Medical Experience\",\n                        desc: \"Look for specialists with experience in:\",\n                        list: [\"Pregnancy care\", \"High-risk pregnancy\", \"Infertility\", \"PCOS\", \"Gynecological surgery\", \"Women's preventive healthcare\"]\n                    },\n                    {\n                        title: \"Hospital-Based Care\",\n                        desc: \"A hospital with diagnostic imaging, laboratory services, pharmacy, and inpatient facilities provides coordinated care when additional treatment is required.\",\n                        list: []\n                    },\n                    {\n                        title: \"Comprehensive Women's Health Services\",\n                        desc: \"A good gynecology department should provide:\",\n                        list: [\"Pregnancy care\", \"Fertility evaluation\", \"Preventive screening\", \"Family planning\", \"Menopause care\", \"Surgical treatment when necessary\"]\n                    },\n                    {\n                        title: \"Communication and Patient Support\",\n                        desc: \"Patients should feel comfortable discussing sensitive health concerns. Choose a specialist who:\",\n                        list: [\"Explains treatment options clearly\", \"Encourages questions\", \"Provides follow-up guidance\", \"Supports informed decision-making\"]\n                    },\n                    {\n                        title: \"Accessibility\",\n                        desc: \"Consider:\",\n                        list: [\"Convenient location\", \"Appointment availability\", \"Diagnostic facilities\", \"Hospital support services\"]\n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0637\u0628\u064a\u0629\",\n                title: \"\u0643\u064a\u0641 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629\",\n                desc: \"\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u064a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a. \u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643.\",\n                cards: [\n                    {\n                        title: \"\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\",\n                        desc: \"\u0627\u0628\u062d\u062b\u064a \u0639\u0646 \u0645\u062a\u062e\u0635\u0635\u0627\u062a \u0644\u062f\u064a\u0647\u0646 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a:\",\n                        list: [\"\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644\", \"\u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\", \"\u0639\u0644\u0627\u062c \u0627\u0644\u0639\u0642\u0645\", \"\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\", \"\u0627\u0644\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629\", \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629\"]\n                    },\n                    {\n                        title: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                        desc: \"\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062a\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u062e\u062a\u0628\u0631\u060c \u0648\u0635\u064a\u062f\u0644\u064a\u0629\u060c \u0648\u0645\u0631\u0627\u0641\u0642 \u0644\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0645\u0646\u0648\u0645\u064a\u0646 \u064a\u0648\u0641\u0631 \u0631\u0639\u0627\u064a\u0629 \u0645\u0646\u0633\u0642\u0629 \u0648\u0622\u0645\u0646\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0623\u064a \u062a\u062f\u062e\u0644 \u0639\u0644\u0627\u062c\u064a \u0625\u0636\u0627\u0641\u064a.\",\n                        list: [] \/\/ No list for this card in original\n                    },\n                    {\n                        title: \"\u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629\",\n                        desc: \"\u064a\u062c\u0628 \u0623\u0646 \u064a\u0648\u0641\u0631 \u0642\u0633\u0645 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 \u0645\u0627 \u064a\u0644\u064a:\",\n                        list: [\"\u0631\u0639\u0627\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\", \"\u062a\u0642\u064a\u064a\u0645 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062e\u0635\u0648\u0628\u0629\", \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629\", \"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629\", \"\u0631\u0639\u0627\u064a\u0629 \u0645\u0631\u062d\u0644\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633\", \"\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062c\u0631\u0627\u062d\u064a \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629\"]\n                    },\n                    {\n                        title: \"\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u064a\u0636\u0629\",\n                        desc: \"\u064a\u062c\u0628 \u0623\u0646 \u062a\u0634\u0639\u0631\u064a \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0627\u0645\u0629 \u0639\u0646\u062f \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u062e\u0627\u0648\u0641\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629. \u0627\u062e\u062a\u0627\u0631\u064a \u0637\u0628\u064a\u0628\u0629:\",\n                        list: [\"\u062a\u0634\u0631\u062d \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0648\u0636\u0648\u062d \u0648\u0634\u0641\u0627\u0641\u064a\u0629\", \"\u062a\u0634\u062c\u0639\u0643\u0650 \u0639\u0644\u0649 \u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629\", \"\u062a\u0642\u062f\u0645 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\", \"\u062a\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u064a\u0631\u0629\"]\n                    },\n                    {\n                        title: \"\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u062e\u062f\u0645\u0627\u062a\",\n                        desc: \"\u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:\",\n                        list: [\"\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0627\u0644\u0633\u0647\u0644\", \"\u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0645\u0631\u0648\u0646\u062a\u0647\u0627\", \"\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\", \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\"]\n                    }\n                ]\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>`;\n\n        function buildGuidanceSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? guideData.ar : guideData.en;\n            \n            const section = document.getElementById('sh-guidance-777');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-guide-kicker').textContent = data.kicker;\n            document.getElementById('sh-guide-title').textContent = data.title;\n            document.getElementById('sh-guide-desc').textContent = data.desc;\n\n            \/\/ Build Cards\n            const grid = document.getElementById('sh-guide-cards-grid');\n            grid.innerHTML = data.cards.map((card, index) => {\n                \n                \/\/ Build List Items if they exist\n                const listHtml = card.list && card.list.length > 0 \n                    ? `<ul class=\"space-y-3 mt-4\">\n                        ${card.list.map(item => `\n                            <li class=\"flex gap-3 items-start\">\n                                ${checkIcon}\n                                <span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">${item}<\/span>\n                            <\/li>\n                        `).join('')}\n                       <\/ul>`\n                    : '';\n\n                return `\n                    <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">\n                                ${index + 1}\n                            <\/div>\n                            <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\n                                ${card.title}\n                            <\/h3>\n                        <\/div>\n                        <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\n                            ${card.desc}\n                        <\/p>\n                        ${listHtml}\n                    <\/div>\n                `;\n            }).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        buildGuidanceSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildGuidanceSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-guidance-777 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-guidance-777 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-guidance-777 .sh-text-start { text-align: left !important; }\n    #sh-guidance-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpGuidance {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-guidance-777 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpGuidance 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-guidance-777 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-guidance-777 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(19, 139, 134, 0.12);\n            border-color: #138b86;\n        }\n    }\n<\/style>\n\n<section id=\"sh-guidance-777\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-guide-kicker\">Guidance<\/span>\n            <\/div>\n            <h2 id=\"sh-guide-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                How to Choose the Best Gynecologist in Makkah\n            <\/h2>\n            <p id=\"sh-guide-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\n            <\/p>\n        <\/div>\n\n        <!-- Cards Grid -->\n        <div id=\"sh-guide-cards-grid\" class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Cards will be dynamically injected here -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data containing English and Arabic content\n        const guideData = {\n            en: {\n                kicker: \"Guidance\",\n                title: \"How to Choose the Best Gynecologist in Makkah\",\n                desc: \"Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\",\n                cards: [\n                    {\n                        title: \"Medical Experience\",\n                        desc: \"Look for specialists with experience in:\",\n                        list: [\"Pregnancy care\", \"High-risk pregnancy\", \"Infertility\", \"PCOS\", \"Gynecological surgery\", \"Women's preventive healthcare\"]\n                    },\n                    {\n                        title: \"Hospital-Based Care\",\n                        desc: \"A hospital with diagnostic imaging, laboratory services, pharmacy, and inpatient facilities provides coordinated care when additional treatment is required.\",\n                        list: []\n                    },\n                    {\n                        title: \"Comprehensive Women's Health Services\",\n                        desc: \"A good gynecology department should provide:\",\n                        list: [\"Pregnancy care\", \"Fertility evaluation\", \"Preventive screening\", \"Family planning\", \"Menopause care\", \"Surgical treatment when necessary\"]\n                    },\n                    {\n                        title: \"Communication and Patient Support\",\n                        desc: \"Patients should feel comfortable discussing sensitive health concerns. Choose a specialist who:\",\n                        list: [\"Explains treatment options clearly\", \"Encourages questions\", \"Provides follow-up guidance\", \"Supports informed decision-making\"]\n                    },\n                    {\n                        title: \"Accessibility\",\n                        desc: \"Consider:\",\n                        list: [\"Convenient location\", \"Appointment availability\", \"Diagnostic facilities\", \"Hospital support services\"]\n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0637\u0628\u064a\u0629\",\n                title: \"\u0643\u064a\u0641 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629\",\n                desc: \"\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u064a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a. \u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643.\",\n                cards: [\n                    {\n                        title: \"\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\",\n                        desc: \"\u0627\u0628\u062d\u062b\u064a \u0639\u0646 \u0645\u062a\u062e\u0635\u0635\u0627\u062a \u0644\u062f\u064a\u0647\u0646 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a:\",\n                        list: [\"\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644\", \"\u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\", \"\u0639\u0644\u0627\u062c \u0627\u0644\u0639\u0642\u0645\", \"\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\", \"\u0627\u0644\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629\", \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629\"]\n                    },\n                    {\n                        title: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                        desc: \"\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062a\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u062e\u062a\u0628\u0631\u060c \u0648\u0635\u064a\u062f\u0644\u064a\u0629\u060c \u0648\u0645\u0631\u0627\u0641\u0642 \u0644\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0645\u0646\u0648\u0645\u064a\u0646 \u064a\u0648\u0641\u0631 \u0631\u0639\u0627\u064a\u0629 \u0645\u0646\u0633\u0642\u0629 \u0648\u0622\u0645\u0646\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0623\u064a \u062a\u062f\u062e\u0644 \u0639\u0644\u0627\u062c\u064a \u0625\u0636\u0627\u0641\u064a.\",\n                        list: [] \/\/ No list for this card in original\n                    },\n                    {\n                        title: \"\u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629\",\n                        desc: \"\u064a\u062c\u0628 \u0623\u0646 \u064a\u0648\u0641\u0631 \u0642\u0633\u0645 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 \u0645\u0627 \u064a\u0644\u064a:\",\n                        list: [\"\u0631\u0639\u0627\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\", \"\u062a\u0642\u064a\u064a\u0645 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062e\u0635\u0648\u0628\u0629\", \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629\", \"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629\", \"\u0631\u0639\u0627\u064a\u0629 \u0645\u0631\u062d\u0644\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633\", \"\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062c\u0631\u0627\u062d\u064a \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629\"]\n                    },\n                    {\n                        title: \"\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u064a\u0636\u0629\",\n                        desc: \"\u064a\u062c\u0628 \u0623\u0646 \u062a\u0634\u0639\u0631\u064a \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0627\u0645\u0629 \u0639\u0646\u062f \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u062e\u0627\u0648\u0641\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629. \u0627\u062e\u062a\u0627\u0631\u064a \u0637\u0628\u064a\u0628\u0629:\",\n                        list: [\"\u062a\u0634\u0631\u062d \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0648\u0636\u0648\u062d \u0648\u0634\u0641\u0627\u0641\u064a\u0629\", \"\u062a\u0634\u062c\u0639\u0643\u0650 \u0639\u0644\u0649 \u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629\", \"\u062a\u0642\u062f\u0645 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\", \"\u062a\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u064a\u0631\u0629\"]\n                    },\n                    {\n                        title: \"\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u062e\u062f\u0645\u0627\u062a\",\n                        desc: \"\u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:\",\n                        list: [\"\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0627\u0644\u0633\u0647\u0644\", \"\u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0645\u0631\u0648\u0646\u062a\u0647\u0627\", \"\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\", \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\"]\n                    }\n                ]\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>`;\n\n        function buildGuidanceSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? guideData.ar : guideData.en;\n            \n            const section = document.getElementById('sh-guidance-777');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-guide-kicker').textContent = data.kicker;\n            document.getElementById('sh-guide-title').textContent = data.title;\n            document.getElementById('sh-guide-desc').textContent = data.desc;\n\n            \/\/ Build Cards\n            const grid = document.getElementById('sh-guide-cards-grid');\n            grid.innerHTML = data.cards.map((card, index) => {\n                \n                \/\/ Build List Items if they exist\n                const listHtml = card.list && card.list.length > 0 \n                    ? `<ul class=\"space-y-3 mt-4\">\n                        ${card.list.map(item => `\n                            <li class=\"flex gap-3 items-start\">\n                                ${checkIcon}\n                                <span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">${item}<\/span>\n                            <\/li>\n                        `).join('')}\n                       <\/ul>`\n                    : '';\n\n                return `\n                    <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">\n                                ${index + 1}\n                            <\/div>\n                            <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\n                                ${card.title}\n                            <\/h3>\n                        <\/div>\n                        <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\n                            ${card.desc}\n                        <\/p>\n                        ${listHtml}\n                    <\/div>\n                `;\n            }).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        buildGuidanceSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildGuidanceSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    .sh-ortho-why-choose-unique-888 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Soft background to make the Hexagon pop *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 6rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* Proper Hexagon Background Pattern *\/\n    .sh-ortho-why-choose-unique-888::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 1475px Max Width Wrapper - Protected from Background *\/\n    .sh-ortho-why-choose-unique-888 .sh-ortho-wrapper-unique-888 {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    .sh-ortho-why-choose-unique-888 .sh-ortho-text-start-unique { text-align: left !important; }\n    .sh-ortho-why-choose-unique-888[dir=\"rtl\"] .sh-ortho-text-start-unique { text-align: right !important; }\n\n    \/* Fully Responsive Image Framework for HIGH QUALITY IMAGE *\/\n    .sh-ortho-why-choose-unique-888 .sh-ortho-img-block-unique-888 {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 4\/3; \/* Mobile\/Tablet layout *\/\n        border-radius: 1.5rem; \/* 24px *\/\n        overflow: hidden;\n        box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    @media (min-width: 1024px) {\n        .sh-ortho-why-choose-unique-888 .sh-ortho-img-block-unique-888 {\n            aspect-ratio: 1\/1.1; \n            height: 479px;\n        }\n    }\n\n    .sh-ortho-why-choose-unique-888 .sh-ortho-img-block-unique-888 img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center;\n        display: block;\n    }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUp888 {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-ortho-why-choose-unique-888 .sh-ortho-animate-unique-888 { \n        opacity: 0; \n        animation: shFadeInUp888 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    \n    .sh-ortho-why-choose-unique-888 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-ortho-why-choose-888\" class=\"sh-ortho-why-choose-unique-888\" dir=\"ltr\">\n    <div class=\"sh-ortho-wrapper-unique-888 flex flex-col lg:grid lg:grid-cols-[1fr_1.1fr] gap-12 lg:gap-16 items-center\">\n        \n        <!-- Left Column: Content (First on mobile, First on desktop) -->\n        <div class=\"sh-ortho-animate-unique-888 sh-ortho-text-start-unique order-1 lg:order-1 w-full\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-why-kicker\">Orthopedic Excellence<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-why-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-6\" style=\"font-family: var(--font-display);\"><\/h2>\n            \n            <div class=\"space-y-5 text-[#596b82] text-[17px] md:text-[18px] leading-relaxed\">\n                <p id=\"sh-why-p1\"><\/p>\n                <p id=\"sh-why-p2\"><\/p>\n            <\/div>\n            \n            <div class=\"mt-8 bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm\">\n                <p id=\"sh-why-p3\" class=\"text-[#243b5a] font-medium text-[17px] leading-relaxed m-0\"><\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Right Column: Image (Second on mobile, Second on desktop) -->\n        <div class=\"sh-ortho-animate-unique-888 order-2 lg:order-2 relative w-full\" style=\"animation-delay: 0.15s;\">\n            <div class=\"sh-ortho-img-block-unique-888\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/orthro_4.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/orthro_4.webp\" alt=\"Orthopedic specialists at Shefa Hospital\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/orthro_4.webp';\">\n                <\/picture>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const whyData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Orthopedic Excellence\",\n                title: \"Why Choose Shefa Hospital for Orthopedic Care in Makkah?\",\n                p1: \"Patients searching for the best orthopedic doctor in Makkah often need more than treatment for pain alone. They require accurate diagnosis, coordinated medical care, and treatment plans designed to restore movement and improve long-term musculoskeletal function.\",\n                p2: \"Located in Al Mansur, Makkah, Shefa Hospital provides hospital-based orthopedic services for patients experiencing bone, joint, muscle, tendon, ligament, and spine conditions. Supported by diagnostic imaging, emergency services, rehabilitation support, and collaboration with multiple medical specialties, the hospital offers comprehensive orthopedic evaluation for both acute injuries and chronic musculoskeletal disorders.\",\n                p3: \"Whether the concern involves arthritis, fractures, sports injuries, back pain, or joint disorders, patients receive care focused on improving mobility, reducing discomfort, and supporting long-term recovery.\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0637\u0628 \u0627\u0644\u0639\u0638\u0627\u0645\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0641\u064a \u0645\u0643\u0629\u061f\",\n                p1: \"\u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 \u0623\u0641\u0636\u0644 \u062f\u0643\u062a\u0648\u0631 \u0639\u0638\u0627\u0645 \u0641\u064a \u0645\u0643\u0629 \u063a\u0627\u0644\u0628\u0627\u064b \u0625\u0644\u0649 \u0645\u0627 \u0647\u0648 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0639\u0644\u0627\u062c \u0644\u0644\u0623\u0644\u0645. \u0625\u0646\u0647\u0645 \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642\u060c \u0648\u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0645\u0646\u0633\u0642\u0629\u060c \u0648\u062e\u0637\u0637 \u0639\u0644\u0627\u062c\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0639\u0636\u0644\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\",\n                p2: \"\u064a\u0642\u0639 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0641\u064a \u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0648\u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0648\u062a\u0627\u0631 \u0648\u0627\u0644\u0623\u0631\u0628\u0637\u0629 \u0648\u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a. \u0648\u0628\u062f\u0639\u0645 \u0645\u0646 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0648\u0627\u0631\u0626\u060c \u0648\u062f\u0639\u0645 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629\u060c \u064a\u0648\u0641\u0631 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0634\u0627\u0645\u0644\u0627\u064b \u0644\u0644\u0639\u0638\u0627\u0645 \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u062d\u0627\u062f\u0629 \u0648\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0638\u0627\u0645 \u0627\u0644\u0645\u0632\u0645\u0646\u0629.\",\n                p3: \"\u0633\u0648\u0627\u0621 \u0643\u0627\u0646\u062a \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u062a\u062a\u0639\u0644\u0642 \u0628\u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u0641\u0627\u0635\u0644\u060c \u0623\u0648 \u0627\u0644\u0643\u0633\u0648\u0631\u060c \u0623\u0648 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\u060c \u0623\u0648 \u0622\u0644\u0627\u0645 \u0627\u0644\u0638\u0647\u0631\u060c \u0623\u0648 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u0635\u0644\u060c \u064a\u062a\u0644\u0642\u0649 \u0627\u0644\u0645\u0631\u0636\u0649 \u0631\u0639\u0627\u064a\u0629 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629\u060c \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0627\u0646\u0632\u0639\u0627\u062c\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f.\"\n            }\n        };\n\n        function renderWhySection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? whyData.ar : whyData.en;\n            \n            const section = document.getElementById('sh-ortho-why-choose-888');\n            if (!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply Texts & Fonts\n            document.getElementById('sh-why-kicker').textContent = data.kicker;\n            document.getElementById('sh-why-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-why-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n            \n            const p1 = document.getElementById('sh-why-p1');\n            p1.textContent = data.p1;\n            p1.style.fontFamily = data.bodyFont;\n\n            const p2 = document.getElementById('sh-why-p2');\n            p2.textContent = data.p2;\n            p2.style.fontFamily = data.bodyFont;\n\n            const p3 = document.getElementById('sh-why-p3');\n            p3.textContent = data.p3;\n            p3.style.fontFamily = data.bodyFont;\n        }\n\n        renderWhySection();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    renderWhySection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-ortho-faq-303 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Soft background color for Hexa *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background Pattern *\/\n    #sh-ortho-faq-303::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Constrained Wrapper (Max 1475px) *\/\n    #sh-ortho-faq-303 .sh-faq-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. RTL & LTR Typography Handling *\/\n    #sh-ortho-faq-303 .sh-faq-text-start { text-align: left !important; }\n    #sh-ortho-faq-303[dir=\"rtl\"] .sh-faq-text-start { text-align: right !important; }\n    \n    \/* Chevron flip for RTL *\/\n    #sh-ortho-faq-303[dir=\"rtl\"] .sh-faq-btn .sh-chevron { margin-right: auto; margin-left: 0; }\n    #sh-ortho-faq-303[dir=\"ltr\"] .sh-faq-btn .sh-chevron { margin-left: auto; margin-right: 0; }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpFaq {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-ortho-faq-303 .sh-faq-animate { \n        opacity: 0; \n        animation: shFadeInUpFaq 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 6. Accordion Functionality Styles *\/\n    #sh-ortho-faq-303 .sh-faq-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.35s ease-out, padding 0.35s ease-out;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n    #sh-ortho-faq-303 .sh-faq-item.active .sh-faq-content {\n        padding-top: 1rem;\n        padding-bottom: 1.5rem;\n    }\n    #sh-ortho-faq-303 .sh-faq-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n    #sh-ortho-faq-303 .sh-chevron {\n        transition: transform 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-ortho-faq-303\" dir=\"ltr\">\n    <div class=\"sh-faq-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-faq-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-ortho-faq-kicker\">Patient Resources<\/span>\n            <\/div>\n            <h2 id=\"sh-ortho-faq-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Frequently Asked Questions\n            <\/h2>\n        <\/div>\n\n        <!-- FAQ Accordion List (Constrained to max-w-4xl for readability) -->\n        <div id=\"sh-ortho-faq-list\" class=\"space-y-3 max-w-4xl mx-auto sh-faq-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Accordion Items Injected via JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Scoped JavaScript with Bilingual Matrix -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Orthopedic FAQ Data Dictionary\n        const orthoFaqData = {\n            en: {\n                kicker: \"Patient Resources\",\n                title: \"Frequently Asked Questions\",\n                faqs: [\n                    { \n                        q: \"What conditions does an orthopedic doctor treat?\", \n                        a: \"Orthopedic doctors diagnose and manage disorders affecting bones, joints, muscles, ligaments, tendons, cartilage, and the spine. Common conditions include fractures, arthritis, sports injuries, back pain, joint disorders, tendon injuries, and musculoskeletal trauma.\" \n                    },\n                    { \n                        q: \"When should I consult an orthopedic specialist?\", \n                        a: \"You should consider an orthopedic consultation if pain, swelling, stiffness, reduced joint movement, or weakness persists for several days, interferes with daily activities, or develops after an injury.\" \n                    },\n                    { \n                        q: \"Do all fractures require surgery?\", \n                        a: \"No. Treatment depends on the type, location, severity, and stability of the fracture. Many fractures heal successfully with immobilization, while others may require surgical intervention.\" \n                    },\n                    { \n                        q: \"Can arthritis be managed without surgery?\", \n                        a: \"Many patients with arthritis improve through a combination of medication, weight management, physical rehabilitation, exercise, and lifestyle adjustments. Surgical treatment is considered only when conservative management no longer provides adequate relief.\" \n                    },\n                    { \n                        q: \"What is the difference between a sprain and a fracture?\", \n                        a: \"A sprain involves stretching or tearing of ligaments, while a fracture is a break in the bone. Because symptoms may overlap, medical evaluation and imaging are often necessary for an accurate diagnosis.\" \n                    },\n                    { \n                        q: \"How can I maintain healthy bones as I get older?\", \n                        a: \"Regular physical activity, adequate calcium and vitamin D intake, maintaining a healthy body weight, avoiding smoking, and attending routine medical checkups all contribute to stronger bones and healthier joints.\" \n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0631\u0636\u0649\",\n                title: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0648\u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\",\n                faqs: [\n                    { \n                        q: \"\u0645\u0627 \u0647\u064a \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0639\u0627\u0644\u062c\u0647\u0627 \u0637\u0628\u064a\u0628 \u0627\u0644\u0639\u0638\u0627\u0645\u061f\", \n                        a: \"\u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0639\u0638\u0627\u0645 \u0628\u062a\u0634\u062e\u064a\u0635 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0631\u0628\u0637\u0629 \u0648\u0627\u0644\u0623\u0648\u062a\u0627\u0631 \u0648\u0627\u0644\u063a\u0636\u0627\u0631\u064a\u0641 \u0648\u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a. \u062a\u0634\u0645\u0644 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0627\u0644\u0643\u0633\u0648\u0631\u060c \u0648\u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u0641\u0627\u0635\u0644\u060c \u0648\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\u060c \u0648\u0622\u0644\u0627\u0645 \u0627\u0644\u0638\u0647\u0631\u060c \u0648\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u0635\u0644\u060c \u0648\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0627\u0631\u060c \u0648\u0635\u062f\u0645\u0627\u062a \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0639\u0636\u0644\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a.\" \n                    },\n                    { \n                        q: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0639\u0644\u064a \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0623\u062e\u0635\u0627\u0626\u064a \u0639\u0638\u0627\u0645\u061f\", \n                        a: \"\u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0641\u064a \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0639\u0638\u0627\u0645 \u0625\u0630\u0627 \u0627\u0633\u062a\u0645\u0631 \u0627\u0644\u0623\u0644\u0645\u060c \u0623\u0648 \u0627\u0644\u062a\u0648\u0631\u0645\u060c \u0623\u0648 \u0627\u0644\u062a\u064a\u0628\u0633\u060c \u0623\u0648 \u0627\u0646\u062e\u0641\u0627\u0636 \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0641\u0635\u0644\u060c \u0623\u0648 \u0627\u0644\u0636\u0639\u0641 \u0644\u0639\u062f\u0629 \u0623\u064a\u0627\u0645\u060c \u0623\u0648 \u0625\u0630\u0627 \u0643\u0627\u0646 \u064a\u062a\u0639\u0627\u0631\u0636 \u0645\u0639 \u0623\u0646\u0634\u0637\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\u060c \u0623\u0648 \u0638\u0647\u0631 \u0628\u0639\u062f \u0627\u0644\u062a\u0639\u0631\u0636 \u0644\u0625\u0635\u0627\u0628\u0629.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u062a\u062a\u0637\u0644\u0628 \u062c\u0645\u064a\u0639 \u0627\u0644\u0643\u0633\u0648\u0631 \u062a\u062f\u062e\u0644\u0627\u064b \u062c\u0631\u0627\u062d\u064a\u0627\u064b\u061f\", \n                        a: \"\u0644\u0627. \u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0639\u0644\u0627\u062c \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0643\u0633\u0631 \u0648\u0645\u0648\u0642\u0639\u0647 \u0648\u0634\u062f\u062a\u0647 \u0648\u0645\u062f\u0649 \u0627\u0633\u062a\u0642\u0631\u0627\u0631\u0647. \u062a\u0644\u062a\u0626\u0645 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0643\u0633\u0648\u0631 \u0628\u0646\u062c\u0627\u062d \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u062b\u0628\u064a\u062a (\u0627\u0644\u062c\u0628\u0627\u0626\u0631 \u0623\u0648 \u0627\u0644\u0623\u0631\u0628\u0637\u0629)\u060c \u0628\u064a\u0646\u0645\u0627 \u0642\u062f \u064a\u062a\u0637\u0644\u0628 \u0627\u0644\u0628\u0639\u0636 \u0627\u0644\u0622\u062e\u0631 \u062a\u062f\u062e\u0644\u0627\u064b \u062c\u0631\u0627\u062d\u064a\u0627\u064b.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0639\u0644\u0627\u062c \u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0628\u062f\u0648\u0646 \u062c\u0631\u0627\u062d\u0629\u061f\", \n                        a: \"\u064a\u062a\u062d\u0633\u0646 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0645\u0631\u0636\u0649 \u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0632\u064a\u062c \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u064a\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0632\u0646\u060c \u0648\u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0628\u062f\u0646\u064a\u060c \u0648\u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646\u060c \u0648\u062a\u0639\u062f\u064a\u0644 \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629. \u064a\u064f\u0646\u0638\u0631 \u0641\u064a \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062c\u0631\u0627\u062d\u064a \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u0644\u0627 \u062a\u0639\u0648\u062f \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u062d\u0641\u0638\u064a\u0629 \u062a\u0648\u0641\u0631 \u0631\u0627\u062d\u0629 \u0643\u0627\u0641\u064a\u0629.\" \n                    },\n                    { \n                        q: \"\u0645\u0627 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u0627\u0644\u062a\u0648\u0627\u0621 \u0648\u0627\u0644\u0643\u0633\u0631\u061f\", \n                        a: \"\u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u0627\u0644\u062a\u0648\u0627\u0621 \u062a\u0645\u0632\u0642\u0627\u064b \u0623\u0648 \u062a\u0645\u062f\u062f\u0627\u064b \u0641\u064a \u0627\u0644\u0623\u0631\u0628\u0637\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u0627\u0644\u0643\u0633\u0631 \u0647\u0648 \u0642\u0637\u0639 \u0623\u0648 \u0634\u0642 \u0641\u064a \u0627\u0644\u0639\u0638\u0645. \u0646\u0638\u0631\u0627\u064b \u0644\u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636\u060c \u0641\u0625\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 (\u0643\u0627\u0644\u0623\u0634\u0639\u0629) \u0636\u0631\u0648\u0631\u064a\u0627\u0646 \u063a\u0627\u0644\u0628\u0627\u064b \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642.\" \n                    },\n                    { \n                        q: \"\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0639\u0638\u0627\u0645\u064a \u0645\u0639 \u062a\u0642\u062f\u0645\u064a \u0641\u064a \u0627\u0644\u0639\u0645\u0631\u061f\", \n                        a: \"\u064a\u0633\u0627\u0647\u0645 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u060c \u0648\u0627\u0644\u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0643\u0627\u0641\u064a \u0644\u0644\u0643\u0627\u0644\u0633\u064a\u0648\u0645 \u0648\u0641\u064a\u062a\u0627\u0645\u064a\u0646 \u062f\u060c \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0648\u0632\u0646 \u0635\u062d\u064a \u0644\u0644\u062c\u0633\u0645\u060c \u0648\u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u062f\u062e\u064a\u0646\u060c \u0648\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 \u0641\u064a \u062a\u0642\u0648\u064a\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u0635\u0644.\" \n                    }\n                ]\n            }\n        };\n\n        function shInitOrthoFaqData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? orthoFaqData.ar : orthoFaqData.en;\n            \n            const section = document.getElementById('sh-ortho-faq-303');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-ortho-faq-kicker').textContent = data.kicker;\n            document.getElementById('sh-ortho-faq-title').textContent = data.title;\n            \n            \/\/ Build Accordions\n            const listContainer = document.getElementById('sh-ortho-faq-list');\n            listContainer.innerHTML = data.faqs.map(faq => `\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleOrthoFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">${faq.q}<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            ${faq.a}\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Accordion Toggle Logic Function (Global Scope to be callable from inline HTML)\n        window.shToggleOrthoFaqAccordion = function(btn) {\n            const item = btn.parentElement;\n            const content = item.querySelector('.sh-faq-content');\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other accordions\n            document.querySelectorAll('#sh-ortho-faq-303 .sh-faq-item').forEach(el => {\n                el.classList.remove('active');\n                el.querySelector('.sh-faq-content').style.maxHeight = null;\n            });\n\n            \/\/ Open clicked accordion\n            if (!isActive) {\n                item.classList.add('active');\n                content.style.maxHeight = content.scrollHeight + 50 + \"px\"; \/\/ +50px for padding\n            }\n        };\n\n        \/\/ Initialize Data\n        shInitOrthoFaqData();\n        \n        \/\/ Listen for Theme\/Language switches dynamically\n        const shOrthoFaqObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitOrthoFaqData();\n                }\n            }\n        });\n        shOrthoFaqObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container for Astra Breakout Alignment *\/\n    #sh-ortho-conclusion-999 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \n        overflow: hidden !important;\n        padding-top: 4rem !important;\n        padding-bottom: 6rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper focused into a tighter 5xl for reading comfort *\/\n    #sh-ortho-conclusion-999 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1024px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for Typography Alignment *\/\n    #sh-ortho-conclusion-999 .sh-text-start { text-align: left !important; }\n    #sh-ortho-conclusion-999[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Entrance Animations *\/\n    @keyframes shFadeInUpConc {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-ortho-conclusion-999 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpConc 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n<\/style>\n\n<section id=\"sh-ortho-conclusion-999\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- Key Takeaways Highlight Box -->\n        <div class=\"bg-[#f8fbfd] rounded-3xl p-8 md:p-12 border border-[#e4edf3] shadow-sm mb-16 sh-animate sh-text-start\">\n            <div class=\"flex items-center gap-3 mb-6\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center shrink-0 shadow-sm\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n                <\/div>\n                <h2 id=\"sh-conc-lang-takeaway-title\" class=\"text-[28px] md:text-[34px] font-bold text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\n                    Key Takeaways\n                <\/h2>\n            <\/div>\n            \n            <ul id=\"sh-conc-takeaways-list\" class=\"space-y-4\">\n                <!-- Dynamically Injected Takeaways -->\n            <\/ul>\n        <\/div>\n\n        <!-- Conclusion Text Block -->\n        <div class=\"sh-animate sh-text-start\" style=\"animation-delay: 0.15s;\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-conc-lang-kicker\">Summary<\/span>\n            <\/div>\n            <h2 id=\"sh-conc-lang-title\" class=\"text-[32px] md:text-[42px] font-bold leading-[1.1] text-[#243b5a] mb-6\" style=\"font-family: var(--font-display);\">\n                Conclusion\n            <\/h2>\n            \n            <div class=\"space-y-5 text-[#596b82] text-[17px] md:text-[18px] leading-relaxed\">\n                <p id=\"sh-conc-lang-p1\"><\/p>\n                <p id=\"sh-conc-lang-p2\"><\/p>\n            <\/div>\n            \n            <!-- Final Accent Line -->\n            <div class=\"mt-10 border-t-2 border-[#138b86] w-16 opacity-50\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Dual-Language Structural Engine -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const orthoConclusionData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                takeawayTitle: \"Key Takeaways\",\n                takeaways: [\n                    \"Orthopedic care focuses on restoring movement, reducing pain, and improving musculoskeletal function.\",\n                    \"Persistent joint pain, swelling, or injuries should be evaluated rather than ignored.\",\n                    \"Early diagnosis helps guide appropriate treatment and may reduce the risk of long-term complications.\",\n                    \"Healthy lifestyle habits, injury prevention, and rehabilitation contribute to better bone and joint health.\",\n                    \"Hospital-based orthopedic services provide access to diagnostic imaging, specialist evaluation, rehabilitation, and coordinated multidisciplinary care.\"\n                ],\n                kicker: \"Summary\",\n                title: \"Conclusion\",\n                p1: \"Healthy bones, joints, and muscles allow people to remain active, independent, and engaged in everyday life. Whether symptoms arise from injury, arthritis, sports participation, or age-related changes, early orthopedic evaluation helps identify the underlying cause and supports effective treatment.\",\n                p2: \"For individuals looking for the best <a href='https:\/\/shefahospital.sa\/general-surgery-hospital-makkah\/' style='color:#138b86; font-weight:700; text-decoration:underline !important;'>Orthopedic Doctor in Makkah<\/a>, Shefa Hospital in Al Mansur offers comprehensive orthopedic services supported by hospital-based diagnostics, rehabilitation resources, and multidisciplinary medical expertise. From fracture assessment and joint disorders to sports injuries and chronic musculoskeletal conditions, the hospital is committed to helping patients regain mobility, improve function, and return to their daily activities with confidence.\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                takeawayTitle: \"\u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\n                takeaways: [\n                    \"\u062a\u0631\u0643\u0632 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629\u060c \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u0644\u0645\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0639\u0636\u0644\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a.\",\n                    \"\u064a\u062c\u0628 \u062a\u0642\u064a\u064a\u0645 \u0622\u0644\u0627\u0645 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0623\u0648 \u0627\u0644\u062a\u0648\u0631\u0645 \u0623\u0648 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0637\u0628\u064a\u0627\u064b \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062a\u062c\u0627\u0647\u0644\u0647\u0627.\",\n                    \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u0641\u064a \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0642\u062f \u064a\u0642\u0644\u0644 \u0645\u0646 \u062e\u0637\u0631 \u062d\u062f\u0648\u062b \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f.\",\n                    \"\u062a\u0633\u0627\u0647\u0645 \u0639\u0627\u062f\u0627\u062a \u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u0645\u0639\u064a\u0634\u064a \u0627\u0644\u0635\u062d\u064a\u060c \u0648\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a\u060c \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0641\u064a \u062a\u0639\u0632\u064a\u0632 \u0635\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644.\",\n                    \"\u062a\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u060c \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u060c \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644\u060c \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0633\u0642\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a.\"\n                ],\n                kicker: \"\u0645\u0644\u062e\u0635\",\n                title: \"\u062e\u0627\u062a\u0645\u0629\",\n                p1: \"\u062a\u062a\u064a\u062d \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u064a\u0645\u0629 \u0644\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0628\u0642\u0627\u0621 \u0646\u0634\u0637\u064a\u0646 \u0648\u0645\u0633\u062a\u0642\u0644\u064a\u0646 \u0648\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0641\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629. \u0633\u0648\u0627\u0621 \u0643\u0627\u0646\u062a \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0625\u0635\u0627\u0628\u0629\u060c \u0623\u0648 \u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u0641\u0627\u0635\u0644\u060c \u0623\u0648 \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0629\u060c \u0623\u0648 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0639\u0645\u0631\u060c \u0641\u0625\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0644\u0639\u0638\u0627\u0645 \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0648\u064a\u062f\u0639\u0645 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0641\u0639\u0627\u0644.\",\n                p2: \"\u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 \u0623\u0641\u0636\u0644 <a href='https:\/\/shefahospital.sa\/general-surgery-hospital-makkah\/' style='color:#138b86; font-weight:700; text-decoration:underline !important;'>\u062f\u0643\u062a\u0648\u0631 \u0639\u0638\u0627\u0645 \u0641\u064a \u0645\u0643\u0629<\/a>\u060c \u064a\u0642\u062f\u0645 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0641\u064a \u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u062e\u062f\u0645\u0627\u062a \u0639\u0638\u0627\u0645 \u0634\u0627\u0645\u0644\u0629 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\u060c \u0648\u0645\u0648\u0627\u0631\u062f \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644\u060c \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a. \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0643\u0633\u0648\u0631 \u0648\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0635\u0648\u0644\u0627\u064b \u0625\u0644\u0649 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0648\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0638\u0627\u0645 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\u060c \u064a\u0644\u062a\u0632\u0645 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0628\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0642\u062f\u0631\u062a\u0647\u0645 \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u062c\u0633\u0645\u060c \u0648\u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0623\u0646\u0634\u0637\u062a\u0647\u0645 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0628\u062b\u0642\u0629 \u062a\u0627\u0645\u0629.\"\n            }\n        };\n\n        const checkIconSvg = `\n            <span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] grid place-items-center\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n            <\/span>\n        `;\n\n        function buildOrthoConclusionSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? orthoConclusionData.ar : orthoConclusionData.en;\n            \n            const section = document.getElementById('sh-ortho-conclusion-999');\n            if (!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Takeaways Section\n            const takeawayTitleEl = document.getElementById('sh-conc-lang-takeaway-title');\n            takeawayTitleEl.textContent = data.takeawayTitle;\n            takeawayTitleEl.style.fontFamily = data.font;\n\n            const listContainer = document.getElementById('sh-conc-takeaways-list');\n            listContainer.innerHTML = data.takeaways.map(item => `\n                <li class=\"flex gap-3.5 items-start\">\n                    ${checkIconSvg}\n                    <span class=\"text-[#243b5a]\/90 text-[16.5px] md:text-[17px] font-medium leading-relaxed\" style=\"font-family: ${data.bodyFont};\">${item}<\/span>\n                <\/li>\n            `).join('');\n\n            \/\/ Conclusion Section\n            document.getElementById('sh-conc-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-conc-lang-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-conc-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n            \n            const p1 = document.getElementById('sh-conc-lang-p1');\n            p1.textContent = data.p1;\n            p1.style.fontFamily = data.bodyFont;\n\n            const p2 = document.getElementById('sh-conc-lang-p2');\n            \/\/ Changed from textContent to innerHTML to process the <a> tag\n            p2.innerHTML = data.p2;\n            p2.style.fontFamily = data.bodyFont;\n        }\n\n        \/\/ Initialize and bind Mutation Observer for dynamic language switching\n        buildOrthoConclusionSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildOrthoConclusionSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n  \/* Lightweight Entrance Animation *\/\n  @keyframes shFadeInUp {\n    from { opacity: 0; transform: translateY(15px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  .sh-animate-up { animation: shFadeInUp 0.5s ease-out forwards; }\n<\/style>\n\n<section id=\"sh-ortho-disclaimer-999\" class=\"py-10 md:py-16 w-full\" dir=\"ltr\">\n  <div class=\"mx-auto px-4 md:px-6 lg:px-8 max-w-[1475px]\">\n    \n    <div class=\"bg-slate-50 rounded-2xl p-6 md:p-8 border border-slate-200 flex flex-col sm:flex-row gap-4 sm:gap-6 items-start transition-all duration-300 hover:shadow-lg hover:border-slate-300 sh-animate-up\">\n      \n      <!-- Icon Container -->\n      <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-xl bg-white border border-slate-200 text-[#138b86] flex items-center justify-center shrink-0 shadow-sm\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" class=\"w-6 h-6 md:w-7 md:h-7\">\n          <path d=\"M10 12h4\"><\/path>\n          <path d=\"M10 8h4\"><\/path>\n          <path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path>\n          <path d=\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"><\/path>\n          <path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <!-- Text Container -->\n      <div class=\"text-start flex-1\">\n        <h3 id=\"sh-disc-lang-title\" class=\"text-lg md:text-[20px] font-bold text-[#243b5a] mb-3 tracking-tight\"><\/h3>\n        \n        <ul class=\"text-[13.5px] md:text-sm text-slate-700 space-y-1 mb-4\">\n          <li id=\"sh-disc-lang-rev\"><\/li>\n          <li id=\"sh-disc-lang-date\"><\/li>\n          <li id=\"sh-disc-lang-acc\"><\/li>\n        <\/ul>\n\n        <p id=\"sh-disc-lang-desc\" class=\"text-[13.5px] md:text-[14px] text-slate-600 leading-relaxed m-0\">\n          <!-- Text Injected by JS -->\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n    function initDisclaimer() {\n        const htmlTag = document.documentElement;\n        const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n        const section = document.getElementById('sh-ortho-disclaimer-999');\n        if (!section) return;\n\n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        const data = {\n            en: {\n                title: \"Medical Review & Disclaimer\",\n                rev: \"<strong>Reviewed By:<\/strong> Dr. Mahmoud Abohasan, Registrar Orthopedic (Languages: Arabic, English)\",\n                date: \"<strong>Last Updated:<\/strong> July 2026\",\n                acc: \"<strong>Hospital Accreditation:<\/strong> CBAHI Accredited Facility\",\n                desc: \"<strong>Disclaimer:<\/strong> The information on this page is intended for general educational purposes only and should not be considered a substitute for professional medical advice, diagnosis, or treatment. <strong>Orthopedic conditions vary between individuals<\/strong>, and appropriate treatment depends on a thorough medical assessment by a qualified healthcare professional. If you experience severe injury, suspected fracture, inability to move a limb, or symptoms requiring urgent care, please seek immediate medical attention.\",\n                font: \"var(--font-display)\"\n            },\n            ar: {\n                title: \"\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0625\u062e\u0644\u0627\u0621 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629\",\n                rev: \"<strong>\u0645\u0631\u0627\u062c\u0639\u0629 \u0637\u0628\u064a\u0629:<\/strong> \u062f. \u0645\u062d\u0645\u0648\u062f \u0623\u0628\u0648 \u062d\u0633\u0646\u060c \u0623\u062e\u0635\u0627\u0626\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 (\u0627\u0644\u0644\u063a\u0627\u062a: \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629)\",\n                date: \"<strong>\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:<\/strong> \u064a\u0648\u0644\u064a\u0648 2026\",\n                acc: \"<strong>\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649:<\/strong> \u0645\u0646\u0634\u0623\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 \u0633\u0628\u0627\u0647\u064a (CBAHI)\",\n                desc: \"<strong>\u0625\u062e\u0644\u0627\u0621 \u0645\u0633\u0624\u0648\u0644\u064a\u0629:<\/strong> \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0648\u0627\u0631\u062f\u0629 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0641\u0642\u0637 \u0648\u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0647\u0627 \u0628\u062f\u064a\u0644\u0627\u064b \u0639\u0646 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0623\u0648 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0623\u0648 \u0627\u0644\u0639\u0644\u0627\u062c. <strong>\u062a\u062e\u062a\u0644\u0641 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0628\u064a\u0646 \u0627\u0644\u0623\u0641\u0631\u0627\u062f<\/strong>\u060c \u0648\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0639\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0637\u0628\u064a \u062f\u0642\u064a\u0642 \u0645\u0646 \u0642\u0628\u0644 \u0623\u062e\u0635\u0627\u0626\u064a \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u0624\u0647\u0644. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u0625\u0635\u0627\u0628\u0629 \u0634\u062f\u064a\u062f\u0629\u060c \u0623\u0648 \u0627\u0634\u062a\u0628\u0627\u0647 \u0641\u064a \u0643\u0633\u0631\u060c \u0623\u0648 \u0639\u062f\u0645 \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u062d\u0631\u064a\u0643 \u0637\u0631\u0641 \u0645\u0646 \u0623\u0637\u0631\u0627\u0641\u0643\u060c \u0623\u0648 \u0623\u0639\u0631\u0627\u0636 \u062a\u062a\u0637\u0644\u0628 \u0631\u0639\u0627\u064a\u0629 \u0639\u0627\u062c\u0644\u0629\u060c \u064a\u0631\u062c\u0649 \u0637\u0644\u0628 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u0648\u0631\u0627\u064b.\",\n                font: \"var(--font-arabic)\"\n            }\n        };\n\n        const content = isRtl ? data.ar : data.en;\n        \n        const titleEl = document.getElementById('sh-disc-lang-title');\n        titleEl.textContent = content.title;\n        titleEl.style.fontFamily = content.font;\n\n        document.getElementById('sh-disc-lang-rev').innerHTML = content.rev;\n        document.getElementById('sh-disc-lang-date').innerHTML = content.date;\n        document.getElementById('sh-disc-lang-acc').innerHTML = content.acc;\n\n        const descEl = document.getElementById('sh-disc-lang-desc');\n        descEl.innerHTML = content.desc;\n        descEl.style.fontFamily = content.font;\n    }\n\n    initDisclaimer();\n    new MutationObserver(initDisclaimer).observe(document.documentElement, { attributes: true });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Home Departments Orthopedics CBAHI Accredited \u00b7 Al Mansur, Makkah Best Orthopedic Doctor in Makkah Helping You Move Comfortably Book Appointment [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-577","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/comments?post=577"}],"version-history":[{"count":41,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/577\/revisions"}],"predecessor-version":[{"id":1460,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/577\/revisions\/1460"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}