{"id":569,"date":"2026-07-06T11:54:07","date_gmt":"2026-07-06T11:54:07","guid":{"rendered":"https:\/\/shefahospital.sa\/best-urology-hospital-makkah\/"},"modified":"2026-08-30T07:53:27","modified_gmt":"2026-08-30T07:53:27","slug":"best-urology-hospital-makkah","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/best-urology-hospital-makkah\/","title":{"rendered":"Urology"},"content":{"rendered":"\n<style>\n    \/* 1. Highly Unique Scoped ID for Astra Breakout (Full Width Background) *\/\n    #sh-uro-hero-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: #f4f9fc !important;\n        overflow: hidden !important;\n        padding-top: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 1024px) {\n        #sh-uro-hero-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hex Pattern pseudo-element *\/\n    #sh-uro-hero-999::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-uro-hero-999 .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    \/* Pure CSS Grid Layout for Hero *\/\n    #sh-uro-hero-999 .sh-hero-grid {\n        display: grid;\n        gap: 3.5rem;\n        align-items: center;\n        text-align: left;\n    }\n    @media (min-width: 1024px) {\n        #sh-uro-hero-999 .sh-hero-grid {\n            grid-template-columns: 1.15fr 1fr;\n            gap: 5rem;\n        }\n    }\n\n    \/* RTL Support *\/\n    #sh-uro-hero-999[dir=\"rtl\"] .sh-hero-grid {\n        text-align: right;\n    }\n    #sh-uro-hero-999[dir=\"rtl\"] .sh-hero-nav-icon {\n        transform: rotate(180deg);\n    }\n\n    \/* Typography & Elements *\/\n    #sh-uro-hero-999 .sh-hero-nav {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        font-size: 13px;\n        color: #64748b;\n        font-weight: 500;\n        margin-bottom: 1.5rem;\n    }\n    #sh-uro-hero-999 .sh-hero-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        background-color: rgba(254, 243, 199, 0.6);\n        color: #d97706;\n        padding: 0.375rem 1rem;\n        border-radius: 9999px;\n        font-size: 13px;\n        font-weight: 700;\n        margin-bottom: 1.5rem;\n    }\n    #sh-uro-hero-999 .sh-hero-title-main {\n        font-size: clamp(40px, 5vw, 56px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #0f172a;\n        margin-bottom: 0.5rem;\n        margin-top: 0;\n    }\n    #sh-uro-hero-999 .sh-hero-title-sub {\n        font-size: clamp(28px, 3.5vw, 38px);\n        font-weight: 700;\n        line-height: 1.2;\n        color: #0d9488;\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n    #sh-uro-hero-999 .sh-hero-desc {\n        margin-top: 1.5rem;\n        font-size: clamp(15px, 2vw, 17px);\n        color: #475569;\n        line-height: 1.7;\n        max-width: 36rem;\n    }\n\n    \/* Buttons *\/\n    #sh-uro-hero-999 .sh-hero-actions {\n        margin-top: 2rem;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0.75rem;\n    }\n    #sh-uro-hero-999 .sh-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        border-radius: 9999px;\n        padding: 0.875rem 1.5rem;\n        font-weight: 600;\n        text-decoration: none !important;\n        transition: all 0.3s ease;\n        box-shadow: none;\n    }\n    #sh-uro-hero-999 .sh-btn-primary {\n        background-color: #12776b;\n        color: #ffffff !important;\n        box-shadow: 0 8px 20px -8px rgba(18, 119, 107, 0.6) !important;\n    }\n    #sh-uro-hero-999 .sh-btn-primary:hover { background-color: #0f6258; }\n    \n    #sh-uro-hero-999 .sh-btn-outline {\n        background-color: #ffffff;\n        color: #0f172a !important;\n        border: 1px solid #e2e8f0;\n    }\n    #sh-uro-hero-999 .sh-btn-outline:hover {\n        border-color: #12776b;\n        color: #12776b !important;\n    }\n\n    #sh-uro-hero-999 .sh-btn-whatsapp {\n        background-color: #25d366;\n        color: #ffffff !important;\n        box-shadow: 0 8px 20px -8px rgba(37, 211, 102, 0.5) !important;\n    }\n    #sh-uro-hero-999 .sh-btn-whatsapp:hover { background-color: #20bd5a; }\n\n    \/* Features Grid *\/\n    #sh-uro-hero-999 .sh-hero-features {\n        margin-top: 3rem;\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 1rem;\n    }\n    @media (min-width: 640px) {\n        #sh-uro-hero-999 .sh-hero-features {\n            grid-template-columns: repeat(4, 1fr);\n        }\n    }\n    #sh-uro-hero-999 .sh-feature-card {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        text-align: center;\n        background-color: rgba(255, 255, 255, 0.7);\n        border: 1px solid rgba(226, 232, 240, 0.6);\n        border-radius: 0.75rem;\n        padding: 1rem 0.5rem;\n        backdrop-filter: blur(12px);\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    }\n    #sh-uro-hero-999 .sh-feature-icon {\n        width: 24px;\n        height: 24px;\n        color: #0d9488;\n    }\n    #sh-uro-hero-999 .sh-feature-text {\n        font-size: clamp(12px, 1.5vw, 13px);\n        font-weight: 700;\n        color: #0f172a;\n        line-height: 1.2;\n    }\n\n    \/* Global Responsive Image Framework *\/\n    #sh-uro-hero-999 .sh-img-wrapper {\n        position: relative;\n        margin-top: 2rem;\n    }\n    @media (min-width: 1024px) { #sh-uro-hero-999 .sh-img-wrapper { margin-top: 0; } }\n    \n    #sh-uro-hero-999 .sh-img-glow-1 {\n        position: absolute;\n        top: -2.5rem; left: -2.5rem;\n        width: 12rem; height: 12rem;\n        background-color: rgba(13, 148, 136, 0.2);\n        border-radius: 50%;\n        filter: blur(40px);\n        pointer-events: none;\n    }\n    #sh-uro-hero-999 .sh-img-glow-2 {\n        position: absolute;\n        bottom: -2.5rem; right: -2.5rem;\n        width: 16rem; height: 16rem;\n        background-color: rgba(217, 119, 6, 0.15);\n        border-radius: 50%;\n        filter: blur(40px);\n        pointer-events: none;\n    }\n\n    #sh-uro-hero-999 .sh-img-container {\n        position: relative !important;\n        width: 100% !important;\n        height: auto !important;\n        border-radius: 1.5rem !important;\n        background-color: transparent !important;\n        box-shadow: 0 20px 50px -12px rgba(0,0,0,0.15) !important;\n        border: 4px solid white !important;\n        overflow: hidden !important;\n        z-index: 10;\n        display: block !important;\n    }\n    #sh-uro-hero-999 .sh-responsive-img {\n        width: 100% !important;\n        max-width: 100% !important;\n        height: auto !important;\n        aspect-ratio: auto !important;\n        display: block !important;\n        object-fit: contain !important;\n    }\n\n    \/* Links behavior *\/\n    #sh-uro-hero-999 a:not(.sh-inline-link) {\n        text-decoration: none !important;\n        box-shadow: none !important;\n    }\n    #sh-uro-hero-999 a.sh-inline-link {\n        color: #0d9488 !important;\n        font-weight: 600;\n        text-decoration: none !important;\n        transition: all 0.3s ease;\n    }\n    #sh-uro-hero-999 a.sh-inline-link:hover {\n        text-decoration: underline !important;\n        color: #0f6258 !important;\n    }\n    #sh-uro-hero-999 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-uro-hero-999\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper sh-hero-grid\">\n        \n        <div>\n            <!-- Breadcrumbs -->\n            <nav class=\"sh-hero-nav\">\n                <a href=\"\/\" class=\"sh-inline-link !text-[#64748b] hover:!text-[#0d9488]\" 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=\"sh-hero-nav-icon\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                <a href=\"#\" class=\"sh-inline-link !text-[#64748b] hover:!text-[#0d9488]\" 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=\"sh-hero-nav-icon\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                <span style=\"color: #0d9488;\" id=\"sh-hero-lang-subdept\">Urology<\/span>\n            <\/nav>\n\n            <!-- Badge -->\n            <div class=\"sh-hero-badge\">\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            <!-- Headings -->\n            <h1 id=\"sh-hero-title-main\" class=\"sh-hero-title-main\" style=\"font-family: var(--font-display);\">\n                Best Urology Hospital in Makkah\n            <\/h1>\n            <h2 id=\"sh-hero-title-sub\" class=\"sh-hero-title-sub\" style=\"font-family: var(--font-display);\">\n                Specialized Care for Urinary and Male Reproductive Health\n            <\/h2>\n\n            <!-- Description -->\n            <p id=\"sh-hero-lang-desc\" class=\"sh-hero-desc\">\n                The urinary system plays an essential role in filtering waste, regulating fluids, and maintaining the body&#8217;s overall balance. Problems affecting the kidneys, bladder, ureters, or urethra can interfere with daily life and may lead to serious complications if left untreated. Whether you are experiencing persistent urinary symptoms, recurrent kidney stones, prostate concerns, or blood in the urine, early assessment by a urology specialist can help identify the underlying cause and guide appropriate treatment. Located in Al Mansur, Makkah, Shefa Hospital offers hospital-based urology services supported by modern diagnostic facilities and multidisciplinary medical care. The hospital includes urology among its core specialties and provides access to consultants, diagnostic technology, emergency services, and surgical support when required.\n            <\/p>\n\n            <!-- Actions -->\n            <div class=\"sh-hero-actions\">\n                <a href=\"#appointment-form\" class=\"sh-btn sh-btn-primary shefa-popup-trigger\">\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\"><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                <a href=\"tel:+966125333555\" class=\"sh-btn sh-btn-outline\">\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\"><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-call\">Call Hospital<\/span>\n                <\/a>\n                \n                <a href=\"https:\/\/wa.me\/966125333555\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sh-btn sh-btn-whatsapp\">\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\"><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 -->\n            <div class=\"sh-hero-features\">\n                <div class=\"sh-feature-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-feature-icon\"><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=\"sh-feature-text sh-hero-feat\">CBAHI Accredited<\/span>\n                <\/div>\n                <div class=\"sh-feature-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-feature-icon\"><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=\"sh-feature-text sh-hero-feat\">Expert Specialists<\/span>\n                <\/div>\n                <div class=\"sh-feature-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-feature-icon\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\n                    <span class=\"sh-feature-text sh-hero-feat\">Advanced Imaging<\/span>\n                <\/div>\n                <div class=\"sh-feature-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-feature-icon\"><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=\"sh-feature-text sh-hero-feat\">24\/7 Hospital<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"sh-img-wrapper\">\n            <div class=\"sh-img-glow-1\"><\/div>\n            <div class=\"sh-img-glow-2\"><\/div>\n            <div class=\"sh-img-container\">\n                <picture>\n                    <source srcset=\"\/wp-content\/uploads\/2026\/07\/Urology_1.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Urology_1.webp\" alt=\"Modern center of the Best Urology Hospital in Makkah providing specialized care for urinary and male reproductive health.\" class=\"sh-responsive-img\" loading=\"eager\">\n                <\/picture>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const safeSetText = (id, text, fontFamily = null) => {\n            const el = document.getElementById(id);\n            if (el) {\n                el.textContent = text;\n                if (fontFamily) el.style.fontFamily = fontFamily;\n            }\n        };\n\n        const safeSetHTML = (id, html, fontFamily = null) => {\n            const el = document.getElementById(id);\n            if (el) {\n                el.innerHTML = html;\n                if (fontFamily) el.style.fontFamily = fontFamily;\n            }\n        };\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: \"Urology\",\n                badge: \"CBAHI Accredited \u00b7 Al Mansur, Makkah\",\n                titleMain: \"Best Urology Hospital in Makkah\",\n                titleSub: \"Specialized Care for Urinary and Male Reproductive Health\",\n                desc: \"The urinary system plays an essential role in filtering waste, regulating fluids, and maintaining the body's overall balance. Problems affecting the kidneys, bladder, ureters, or urethra can interfere with daily life and may lead to serious complications if left untreated. Whether you are experiencing persistent urinary symptoms, recurrent kidney stones, prostate concerns, or blood in the urine, early assessment by a urology specialist can help identify the underlying cause and guide appropriate treatment. Located in Al Mansur, Makkah, <a href=\\\"https:\/\/shefahospital.sa\/best-urology-hospital-makkah\/\\\" class=\\\"sh-inline-link\\\">Shefa Hospital<\/a> offers hospital-based urology services supported by modern diagnostic facilities and multidisciplinary medical care.\",\n                btnBook: \"Book Appointment\",\n                btnCall: \"Call Hospital\",\n                btnWa: \"WhatsApp\",\n                feats: [\n                    \"CBAHI Accredited\",\n                    \"Expert Specialists\",\n                    \"Advanced Diagnostics\",\n                    \"24\/7 Hospital\"\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: \"\u0642\u0633\u0645 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\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 \u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0641\u064a \u0645\u0643\u0629\",\n                titleSub: \"\u0631\u0639\u0627\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0635\u062d\u0629 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0628\u0648\u0644\u064a \u0648\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629 \u0644\u0644\u0630\u0643\u0648\u0631\",\n                desc: \"\u064a\u0644\u0639\u0628 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0628\u0648\u0644\u064a \u062f\u0648\u0631\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0641\u064a \u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u0641\u0636\u0644\u0627\u062a \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0633\u0648\u0627\u0626\u0644 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u0639\u0627\u0645 \u0644\u0644\u062c\u0633\u0645. \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0643\u0644\u0649 \u0623\u0648 \u0627\u0644\u0645\u062b\u0627\u0646\u0629 \u0623\u0648 \u0627\u0644\u062d\u0627\u0644\u0628 \u0623\u0648 \u0627\u0644\u0625\u062d\u0644\u064a\u0644 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u062a\u062f\u0627\u062e\u0644 \u0645\u0639 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0648\u0642\u062f \u062a\u0624\u062f\u064a \u0625\u0644\u0649 \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u062e\u0637\u064a\u0631\u0629 \u0625\u0630\u0627 \u062a\u0631\u0643\u062a \u062f\u0648\u0646 \u0639\u0644\u0627\u062c. \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0628\u0643\u0631 \u0645\u0646 \u0642\u0628\u0644 \u0623\u062e\u0635\u0627\u0626\u064a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u064a\u0645\u0643\u0646 \u0623\u0646 \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\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628. \u064a\u0642\u0639 <a href=\\\"https:\/\/shefahospital.sa\/best-urology-hospital-makkah\/\\\" class=\\\"sh-inline-link\\\">\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/a> \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\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0648\u0627\u0644\u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0645\u0631\u0627\u0641\u0642 \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a.\",\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                    \"\u0623\u062e\u0635\u0627\u0626\u064a\u0648\u0646 \u062e\u0628\u0631\u0627\u0621\",\n                    \"\u062a\u0634\u062e\u064a\u0635 \u0645\u062a\u0642\u062f\u0645\",\n                    \"\u0645\u0633\u062a\u0634\u0641\u0649 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-uro-hero-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            safeSetText('sh-hero-lang-home', content.home);\n            safeSetText('sh-hero-lang-dept', content.dept);\n            safeSetText('sh-hero-lang-subdept', content.subdept);\n            safeSetText('sh-hero-lang-badge', content.badge);\n            \n            safeSetText('sh-hero-title-main', content.titleMain, content.headerFont);\n            safeSetText('sh-hero-title-sub', content.titleSub, content.headerFont);\n            \n            safeSetHTML('sh-hero-lang-desc', content.desc, content.bodyFont);\n\n            safeSetText('sh-hero-lang-btn-book', content.btnBook);\n            safeSetText('sh-hero-lang-btn-call', content.btnCall);\n            safeSetText('sh-hero-lang-btn-wa', 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        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Breakout for Full-Width Hexa Background *\/\n    #sh-urology-signs-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: #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    @media (min-width: 768px) {\n        #sh-urology-signs-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hexa Pattern Background *\/\n    #sh-urology-signs-999::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. Protected Inner Container *\/\n    #sh-urology-signs-999 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1.25rem !important;\n        padding-right: 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. Typography & Layout *\/\n    #sh-urology-signs-999 .sh-section-header {\n        max-width: 56rem;\n        margin: 0 auto 3rem auto;\n        text-align: center;\n    }\n    \n    #sh-urology-signs-999 .sh-kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n    \n    #sh-urology-signs-999 .sh-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n    \n    #sh-urology-signs-999 .sh-title-main {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.15;\n        color: #243b5a;\n        margin-top: 0;\n        margin-bottom: 1.25rem;\n    }\n    \n    #sh-urology-signs-999 .sh-desc-main {\n        color: #667085;\n        font-size: clamp(16px, 1.5vw, 17px);\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    #sh-urology-signs-999 .sh-section-mid {\n        max-width: 48rem;\n        margin: -1rem auto 2.5rem auto;\n        text-align: center;\n    }\n    \n    #sh-urology-signs-999 .sh-title-mid {\n        font-size: clamp(22px, 2.5vw, 26px);\n        font-weight: 700;\n        color: #243b5a;\n        margin-top: 0;\n        margin-bottom: 0.75rem;\n    }\n\n    \/* 5. Responsive Grid *\/\n    #sh-urology-signs-999 .sh-signs-grid {\n        display: grid;\n        gap: 1rem;\n        grid-template-columns: 1fr;\n    }\n    @media (min-width: 640px) {\n        #sh-urology-signs-999 .sh-signs-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (min-width: 1024px) {\n        #sh-urology-signs-999 .sh-signs-grid { grid-template-columns: repeat(5, 1fr); }\n    }\n\n    \/* 6. Card Design *\/\n    #sh-urology-signs-999 .sh-sign-card {\n        background-color: #ffffff;\n        border-radius: 1rem;\n        padding: 1.25rem;\n        border: 1px solid #e4edf3;\n        display: flex;\n        align-items: flex-start;\n        gap: 1rem;\n        transition: all 0.3s ease;\n        cursor: default;\n    }\n    #sh-urology-signs-999 .sh-sign-card:hover {\n        border-color: rgba(19, 139, 134, 0.3);\n        box-shadow: 0 15px 30px -5px rgba(19, 139, 134, 0.12);\n        transform: translateY(-4px);\n    }\n    \n    #sh-urology-signs-999 .sh-sign-icon-wrap {\n        width: 2.75rem;\n        height: 2.75rem;\n        border-radius: 0.5rem;\n        background-color: #e6f4f3;\n        color: #138b86;\n        display: grid;\n        place-items: center;\n        flex-shrink: 0;\n    }\n    #sh-urology-signs-999 .sh-sign-icon-wrap svg {\n        width: 1.25rem;\n        height: 1.25rem;\n    }\n    \n    #sh-urology-signs-999 .sh-sign-text {\n        font-size: 14px;\n        color: #243b5a;\n        font-weight: 600;\n        line-height: 1.3;\n        margin-top: 0.625rem;\n    }\n\n    #sh-urology-signs-999 .sh-footer-text {\n        margin-top: 3rem;\n        text-align: center;\n        max-width: 48rem;\n        margin-left: auto;\n        margin-right: auto;\n        color: #667085;\n        font-size: 16px;\n        line-height: 1.625;\n        font-weight: 500;\n    }\n\n    \/* 7. Lightweight Custom Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-signs-999 .sh-animate-fadeup {\n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        opacity: 0;\n    }\n    #sh-urology-signs-999 .sh-delay-1 { animation-delay: 0.1s; }\n    #sh-urology-signs-999 .sh-delay-2 { animation-delay: 0.2s; }\n    #sh-urology-signs-999 .sh-delay-3 { animation-delay: 0.3s; }\n\n    #sh-urology-signs-999 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-urology-signs-999\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header Section -->\n        <div class=\"sh-section-header sh-animate-fadeup\">\n            <div class=\"sh-kicker\">\n                <span class=\"sh-kicker-line\"><\/span>\n                <span id=\"sh-uro-lang-kicker\">Urology Care<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-uro-lang-title\" class=\"sh-title-main\">\n                Understanding Urology: What Does a Urologist Treat?\n            <\/h2>\n            \n            <p id=\"sh-uro-lang-desc\" class=\"sh-desc-main\">\n                Urology is the medical specialty that focuses on diseases affecting the urinary tract in both men and women, as well as conditions involving the male reproductive system. A urologist evaluates and manages disorders involving the kidneys, ureters, urinary bladder, urethra, prostate gland, and male reproductive organs. Treatment plans vary according to the patient&#8217;s symptoms, diagnosis, age, medical history, and overall health.\n            <\/p>\n        <\/div>\n\n        <!-- Mid Section Title -->\n        <div class=\"sh-section-mid sh-animate-fadeup sh-delay-1\">\n            <h3 id=\"sh-uro-lang-mid-title\" class=\"sh-title-mid\">\n                Signs That Should Not Be Ignored\n            <\/h3>\n            <p id=\"sh-uro-lang-mid-desc\" class=\"sh-desc-main\">\n                Many urological conditions begin with mild symptoms that gradually become more noticeable. Seeking medical advice early may help prevent complications and reduce the need for more extensive treatment. Consider arranging a consultation if you notice:\n            <\/p>\n        <\/div>\n\n        <!-- Symptoms Grid -->\n        <div class=\"sh-signs-grid sh-animate-fadeup sh-delay-2\">\n            \n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"><\/path><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Burning during urination<\/span>\n            <\/div>\n            \n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" 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-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\"><\/path><path d=\"M12 14v4\"><\/path><path d=\"M12 18h.01\"><\/path><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Blood in the urine<\/span>\n            <\/div>\n            \n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" 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\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Frequent urination<\/span>\n            <\/div>\n            \n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Difficulty passing urine<\/span>\n            <\/div>\n            \n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" 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\"><\/circle><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"><\/line><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Sudden inability to urinate<\/span>\n            <\/div>\n            \n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" 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\"><\/path><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Persistent lower abdominal discomfort<\/span>\n            <\/div>\n\n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Pain in the side or lower back<\/span>\n            <\/div>\n\n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"17 1 21 5 17 9\"><\/polyline><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"><\/path><polyline points=\"7 23 3 19 7 15\"><\/polyline><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"><\/path><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Recurrent urinary tract infections<\/span>\n            <\/div>\n\n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Weak urine flow<\/span>\n            <\/div>\n\n            <div class=\"sh-sign-card\">\n                <div class=\"sh-sign-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\n                <\/div>\n                <span class=\"sh-sign-text sh-uro-item\">Loss of bladder control<\/span>\n            <\/div>\n            \n        <\/div>\n\n        <!-- Footer Text -->\n        <p id=\"sh-uro-lang-footer\" class=\"sh-footer-text sh-animate-fadeup sh-delay-3\">\n            These symptoms do not always indicate a serious condition, but they should be evaluated by a healthcare professional.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const uroData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Urology Care\",\n                title: \"Understanding Urology: What Does a Urologist Treat?\",\n                desc: \"Urology is the medical specialty that focuses on diseases affecting the urinary tract in both men and women, as well as conditions involving the male reproductive system. A urologist evaluates and manages disorders involving the kidneys, ureters, urinary bladder, urethra, prostate gland, and male reproductive organs. Treatment plans vary according to the patient's symptoms, diagnosis, age, medical history, and overall health.\",\n                midTitle: \"Signs That Should Not Be Ignored\",\n                midDesc: \"Many urological conditions begin with mild symptoms that gradually become more noticeable. Seeking medical advice early may help prevent complications and reduce the need for more extensive treatment. Consider arranging a consultation if you notice:\",\n                footer: \"These symptoms do not always indicate a serious condition, but they should be evaluated by a healthcare professional.\",\n                reasons: [\n                    \"Burning during urination\", \n                    \"Blood in the urine\", \n                    \"Frequent urination\",\n                    \"Difficulty passing urine\", \n                    \"Sudden inability to urinate\", \n                    \"Persistent lower abdominal discomfort\",\n                    \"Pain in the side or lower back\", \n                    \"Recurrent urinary tract infections\",\n                    \"Weak urine flow\",\n                    \"Loss of bladder control\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                title: \"\u0641\u0647\u0645 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629: \u0645\u0627\u0630\u0627 \u064a\u0639\u0627\u0644\u062c \u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\u061f\",\n                desc: \"\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0647\u064a \u0627\u0644\u062a\u062e\u0635\u0635 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0630\u064a \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u062a\u064a \u062a\u0635\u064a\u0628 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621\u060c \u0648\u0643\u0630\u0644\u0643 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0634\u0645\u0644 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u0646\u0627\u0633\u0644\u064a \u0627\u0644\u0630\u0643\u0631\u064a. \u064a\u0642\u064a\u0645 \u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u064a\u0639\u0627\u0644\u062c \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0648\u0627\u0644\u062d\u0627\u0644\u0628 \u0648\u0627\u0644\u0645\u062b\u0627\u0646\u0629 \u0648\u0627\u0644\u0625\u062d\u0644\u064a\u0644 \u0648\u063a\u062f\u0629 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627 \u0648\u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062a\u0646\u0627\u0633\u0644\u064a\u0629 \u0627\u0644\u0630\u0643\u0631\u064a\u0629. \u062a\u062e\u062a\u0644\u0641 \u062e\u0637\u0637 \u0627\u0644\u0639\u0644\u0627\u062c \u062d\u0633\u0628 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u062a\u0634\u062e\u064a\u0635\u0647 \u0648\u0639\u0645\u0631\u0647 \u0648\u062a\u0627\u0631\u064a\u062e\u0647 \u0627\u0644\u0637\u0628\u064a \u0648\u0635\u062d\u062a\u0647 \u0627\u0644\u0639\u0627\u0645\u0629.\",\n                midTitle: \"\u0639\u0644\u0627\u0645\u0627\u062a \u064a\u062c\u0628 \u0623\u0644\u0627 \u062a\u062a\u062c\u0627\u0647\u0644\u0647\u0627\",\n                midDesc: \"\u062a\u0628\u062f\u0623 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0628\u0623\u0639\u0631\u0627\u0636 \u062e\u0641\u064a\u0641\u0629 \u062a\u0635\u0628\u062d \u0645\u0644\u062d\u0648\u0638\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627. \u0642\u062f \u064a\u0633\u0627\u0639\u062f \u0637\u0644\u0628 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0628\u0643\u0631\u064b\u0627 \u0641\u064a \u0645\u0646\u0639 \u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0639\u0644\u0627\u062c \u0623\u0643\u062b\u0631 \u0634\u0645\u0648\u0644\u0627\u064b. \u0641\u0643\u0631 \u0641\u064a \u062a\u0631\u062a\u064a\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0625\u0630\u0627 \u0644\u0627\u062d\u0638\u062a:\",\n                footer: \"\u0644\u0627 \u062a\u0634\u064a\u0631 \u0647\u0630\u0647 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u062f\u0627\u0626\u0645\u064b\u0627 \u0625\u0644\u0649 \u062d\u0627\u0644\u0629 \u062e\u0637\u064a\u0631\u0629\u060c \u0648\u0644\u0643\u0646 \u064a\u062c\u0628 \u062a\u0642\u064a\u064a\u0645\u0647\u0627 \u0645\u0646 \u0642\u0628\u0644 \u0623\u062e\u0635\u0627\u0626\u064a \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629.\",\n                reasons: [\n                    \"\u062d\u0631\u0642\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0628\u0648\u0644\", \n                    \"\u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644\", \n                    \"\u0643\u062b\u0631\u0629 \u0627\u0644\u062a\u0628\u0648\u0644\",\n                    \"\u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0628\u0648\u0644\", \n                    \"\u0639\u062f\u0645 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0641\u0627\u062c\u0626\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0628\u0648\u0644\", \n                    \"\u0627\u0646\u0632\u0639\u0627\u062c \u0645\u0633\u062a\u0645\u0631 \u0641\u064a \u0623\u0633\u0641\u0644 \u0627\u0644\u0628\u0637\u0646\",\n                    \"\u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u062c\u0646\u0628 \u0623\u0648 \u0623\u0633\u0641\u0644 \u0627\u0644\u0638\u0647\u0631\", \n                    \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\",\n                    \"\u0636\u0639\u0641 \u062a\u062f\u0641\u0642 \u0627\u0644\u0628\u0648\u0644\",\n                    \"\u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062b\u0627\u0646\u0629\"\n                ]\n            }\n        };\n\n        function initUroSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = uroData[lang];\n\n            const section = document.getElementById('sh-urology-signs-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            const kickerEl = document.getElementById('sh-uro-lang-kicker');\n            if (kickerEl) {\n                kickerEl.textContent = content.kicker;\n                kickerEl.style.fontFamily = content.bodyFont;\n            }\n\n            const titleEl = document.getElementById('sh-uro-lang-title');\n            if (titleEl) {\n                titleEl.textContent = content.title;\n                titleEl.style.fontFamily = content.headerFont;\n            }\n\n            const descEl = document.getElementById('sh-uro-lang-desc');\n            if (descEl) {\n                descEl.textContent = content.desc;\n                descEl.style.fontFamily = content.bodyFont;\n            }\n\n            const midTitleEl = document.getElementById('sh-uro-lang-mid-title');\n            if (midTitleEl) {\n                midTitleEl.textContent = content.midTitle;\n                midTitleEl.style.fontFamily = content.headerFont;\n            }\n\n            const midDescEl = document.getElementById('sh-uro-lang-mid-desc');\n            if (midDescEl) {\n                midDescEl.textContent = content.midDesc;\n                midDescEl.style.fontFamily = content.bodyFont;\n            }\n\n            const footerEl = document.getElementById('sh-uro-lang-footer');\n            if (footerEl) {\n                footerEl.textContent = content.footer;\n                footerEl.style.fontFamily = content.bodyFont;\n            }\n\n            const reasonElements = section.querySelectorAll('.sh-uro-item');\n            content.reasons.forEach((text, index) => {\n                if (reasonElements[index]) {\n                    reasonElements[index].textContent = text;\n                    reasonElements[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initUroSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initUroSection();\n                }\n            });\n        });\n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Breakout for Full-Width Hexa Background *\/\n    #sh-uro-conditions-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: #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    @media (min-width: 768px) {\n        #sh-uro-conditions-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hexa Pattern Background *\/\n    #sh-uro-conditions-999::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. Protected Inner Container *\/\n    #sh-uro-conditions-999 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1.25rem !important;\n        padding-right: 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. Typography & Layout *\/\n    #sh-uro-conditions-999 .sh-cond-header {\n        max-width: 48rem;\n        margin: 0 auto 3rem auto;\n        text-align: center;\n    }\n\n    #sh-uro-conditions-999 .sh-cond-kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n    \n    #sh-uro-conditions-999 .sh-cond-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-uro-conditions-999 .sh-cond-title {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.15;\n        color: #243b5a;\n        margin-top: 0;\n        margin-bottom: 1.25rem;\n    }\n    \n    #sh-uro-conditions-999 .sh-cond-desc {\n        color: #667085;\n        font-size: clamp(17px, 2vw, 18px);\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 5. Responsive Grid for Cards *\/\n    #sh-uro-conditions-999 .sh-cond-grid {\n        display: grid;\n        gap: 1.5rem;\n        grid-template-columns: 1fr;\n    }\n    @media (min-width: 768px) {\n        #sh-uro-conditions-999 .sh-cond-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (min-width: 1024px) {\n        #sh-uro-conditions-999 .sh-cond-grid { grid-template-columns: repeat(3, 1fr); }\n    }\n\n    \/* 6. Card Styles *\/\n    #sh-uro-conditions-999 .sh-cond-card {\n        background-color: #ffffff;\n        border-radius: 1rem;\n        padding: 1.5rem;\n        border: 1px solid #e4edf3;\n        transition: all 0.3s ease;\n        text-align: left;\n    }\n    #sh-uro-conditions-999 .sh-cond-card:hover {\n        border-color: rgba(19, 139, 134, 0.3);\n        box-shadow: 0 15px 30px -5px rgba(19, 139, 134, 0.12);\n    }\n    \n    \/* RTL alignment for Cards *\/\n    #sh-uro-conditions-999[dir=\"rtl\"] .sh-cond-card { text-align: right; }\n\n    #sh-uro-conditions-999 .sh-cond-icon-wrap {\n        width: 3rem;\n        height: 3rem;\n        border-radius: 0.75rem;\n        background-color: #e6f4f3;\n        color: #138b86;\n        display: grid;\n        place-items: center;\n        margin-bottom: 1rem;\n    }\n    #sh-uro-conditions-999 .sh-cond-icon-wrap svg {\n        width: 1.5rem;\n        height: 1.5rem;\n    }\n\n    #sh-uro-conditions-999 .sh-cond-card-title {\n        font-size: 20px;\n        font-weight: 700;\n        color: #243b5a;\n        margin-top: 0;\n        margin-bottom: 0.5rem;\n    }\n\n    #sh-uro-conditions-999 .sh-cond-card-desc {\n        color: #667085;\n        font-size: 15px;\n        line-height: 1.625;\n        margin-top: 0;\n        margin-bottom: 0.75rem;\n    }\n\n    #sh-uro-conditions-999 .sh-cond-card-sym-title {\n        color: #243b5a;\n        font-weight: 600;\n        font-size: 14px;\n        margin-bottom: 0;\n    }\n\n    #sh-uro-conditions-999 .sh-cond-card-note {\n        color: #667085;\n        font-size: 14px;\n        font-style: italic;\n        margin-top: 1rem;\n        margin-bottom: 0;\n    }\n\n    \/* 7. Custom Styled List (LTR & RTL Safe) *\/\n    #sh-uro-conditions-999 .sh-cond-list {\n        list-style: none;\n        padding: 0;\n        margin-top: 0.5rem;\n        margin-bottom: 0;\n    }\n    \n    #sh-uro-conditions-999 .sh-cond-list li {\n        position: relative;\n        padding-left: 1.25rem;\n        padding-right: 0;\n        margin-bottom: 0.375rem;\n        color: #475569;\n        font-size: 15px;\n    }\n    #sh-uro-conditions-999 .sh-cond-list li::before {\n        content: \"\u2022\";\n        color: #138b86;\n        font-weight: bold;\n        position: absolute;\n        left: 0;\n        top: 0;\n    }\n    \n    \/* RTL List overrides *\/\n    #sh-uro-conditions-999[dir=\"rtl\"] .sh-cond-list li {\n        padding-left: 0;\n        padding-right: 1.25rem;\n    }\n    #sh-uro-conditions-999[dir=\"rtl\"] .sh-cond-list li::before {\n        left: auto;\n        right: 0;\n    }\n\n    \/* 8. Lightweight Custom Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-uro-conditions-999 .sh-animate-fadeup {\n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        opacity: 0;\n    }\n    #sh-uro-conditions-999 .sh-delay-1 { animation-delay: 0.1s; }\n\n    #sh-uro-conditions-999 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-uro-conditions-999\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"sh-cond-header sh-animate-fadeup\">\n            <div class=\"sh-cond-kicker\">\n                <span class=\"sh-cond-kicker-line\"><\/span>\n                <span id=\"sh-uro-cond-lang-kicker\">Clinical Scope<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-uro-cond-lang-title\" class=\"sh-cond-title\" style=\"font-family: var(--font-display);\">\n                Common Conditions Managed by Urologists\n            <\/h2>\n            \n            <p id=\"sh-uro-cond-lang-desc\" class=\"sh-cond-desc\">\n                Urologists diagnose and treat a broad range of urinary tract and male reproductive disorders.\n            <\/p>\n        <\/div>\n\n        <!-- Cards Grid -->\n        <div class=\"sh-cond-grid sh-animate-fadeup sh-delay-1\">\n            \n            <!-- Card 1 -->\n            <div class=\"sh-cond-card\">\n                <div class=\"sh-cond-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" 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-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\"><\/path><\/svg>\n                <\/div>\n                <h3 class=\"sh-cond-card-title sh-uro-cond-item-title\">Kidney Stones<\/h3>\n                <p class=\"sh-cond-card-desc sh-uro-cond-item-desc\">Kidney stones form when minerals and salts crystallize inside the kidneys. Small stones may pass naturally, while larger stones can block urine flow and cause severe pain.<\/p>\n                <div class=\"sh-cond-card-sym-title sh-uro-cond-item-sym-title\">Symptoms may include:<\/div>\n                <ul class=\"sh-cond-list sh-uro-cond-item-list\">\n                    <li>Sharp pain in the back or side<\/li>\n                    <li>Blood in the urine<\/li>\n                    <li>Nausea and vomiting<\/li>\n                    <li>Pain during urination<\/li>\n                    <li>Frequent urge to urinate<\/li>\n                <\/ul>\n                <p class=\"sh-cond-card-note sh-uro-cond-item-note\">Early diagnosis helps determine the stone&#8217;s size, location, and the most suitable management approach.<\/p>\n            <\/div>\n\n            <!-- Card 2 -->\n            <div class=\"sh-cond-card\">\n                <div class=\"sh-cond-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" 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\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n                <\/div>\n                <h3 class=\"sh-cond-card-title sh-uro-cond-item-title\">Urinary Tract Infections (UTIs)<\/h3>\n                <p class=\"sh-cond-card-desc sh-uro-cond-item-desc\">Urinary tract infections occur when bacteria enter the urinary system.<\/p>\n                <div class=\"sh-cond-card-sym-title sh-uro-cond-item-sym-title\">Common symptoms include:<\/div>\n                <ul class=\"sh-cond-list sh-uro-cond-item-list\">\n                    <li>Pain or burning while urinating<\/li>\n                    <li>Cloudy urine<\/li>\n                    <li>Frequent urination<\/li>\n                    <li>Lower abdominal discomfort<\/li>\n                    <li>Fever in more severe infections<\/li>\n                <\/ul>\n                <p class=\"sh-cond-card-note sh-uro-cond-item-note\">Recurrent infections may require additional investigations to identify contributing factors.<\/p>\n            <\/div>\n\n            <!-- Card 3 -->\n            <div class=\"sh-cond-card\">\n                <div class=\"sh-cond-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                <\/div>\n                <h3 class=\"sh-cond-card-title sh-uro-cond-item-title\">Enlarged Prostate (BPH)<\/h3>\n                <p class=\"sh-cond-card-desc sh-uro-cond-item-desc\">As men age, the prostate gland may gradually enlarge, placing pressure on the urethra and affecting urine flow.<\/p>\n                <div class=\"sh-cond-card-sym-title sh-uro-cond-item-sym-title\">Possible symptoms include:<\/div>\n                <ul class=\"sh-cond-list sh-uro-cond-item-list\">\n                    <li>Difficulty starting urination<\/li>\n                    <li>Interrupted urine stream<\/li>\n                    <li>Frequent nighttime urination<\/li>\n                    <li>Feeling that the bladder has not emptied completely<\/li>\n                    <li>Urgent need to urinate<\/li>\n                <\/ul>\n                <p class=\"sh-cond-card-note sh-uro-cond-item-note\">Although enlargement is usually non-cancerous, proper evaluation is important to determine the cause of symptoms.<\/p>\n            <\/div>\n\n            <!-- Card 4 -->\n            <div class=\"sh-cond-card\">\n                <div class=\"sh-cond-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n                <\/div>\n                <h3 class=\"sh-cond-card-title sh-uro-cond-item-title\">Blood in the Urine<\/h3>\n                <p class=\"sh-cond-card-desc sh-uro-cond-item-desc\">Blood in the urine should never be ignored, even if it occurs only once.<\/p>\n                <div class=\"sh-cond-card-sym-title sh-uro-cond-item-sym-title\">Possible causes include:<\/div>\n                <ul class=\"sh-cond-list sh-uro-cond-item-list\">\n                    <li>Urinary tract infection<\/li>\n                    <li>Kidney stones<\/li>\n                    <li>Bladder conditions<\/li>\n                    <li>Kidney disorders<\/li>\n                    <li>Prostate disease<\/li>\n                    <li>Other underlying medical conditions<\/li>\n                <\/ul>\n                <p class=\"sh-cond-card-note sh-uro-cond-item-note\">Further evaluation helps identify the source of bleeding and determine appropriate treatment.<\/p>\n            <\/div>\n\n            <!-- Card 5 -->\n            <div class=\"sh-cond-card\">\n                <div class=\"sh-cond-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" 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                <h3 class=\"sh-cond-card-title sh-uro-cond-item-title\">Urinary Incontinence<\/h3>\n                <p class=\"sh-cond-card-desc sh-uro-cond-item-desc\">Urinary incontinence refers to the involuntary leakage of urine.<\/p>\n                <div class=\"sh-cond-card-sym-title sh-uro-cond-item-sym-title\">It may occur due to:<\/div>\n                <ul class=\"sh-cond-list sh-uro-cond-item-list\">\n                    <li>Weak pelvic floor muscles<\/li>\n                    <li>Nerve disorders<\/li>\n                    <li>Prostate conditions<\/li>\n                    <li>Age-related changes<\/li>\n                    <li>Certain medical conditions<\/li>\n                <\/ul>\n                <p class=\"sh-cond-card-note sh-uro-cond-item-note\">Treatment depends on the underlying cause and may involve lifestyle changes, medication, pelvic floor rehabilitation, or other medical interventions.<\/p>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const condData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Clinical Scope\",\n                title: \"Common Conditions Managed by Urologists\",\n                desc: \"Urologists diagnose and treat a broad range of urinary tract and male reproductive disorders.\",\n                items: [\n                    {\n                        title: \"Kidney Stones\",\n                        desc: \"Kidney stones form when minerals and salts crystallize inside the kidneys. Small stones may pass naturally, while larger stones can block urine flow and cause severe pain.\",\n                        symTitle: \"Symptoms may include:\",\n                        list: [\n                            \"Sharp pain in the back or side\",\n                            \"Blood in the urine\",\n                            \"Nausea and vomiting\",\n                            \"Pain during urination\",\n                            \"Frequent urge to urinate\"\n                        ],\n                        note: \"Early diagnosis helps determine the stone's size, location, and the most suitable management approach.\"\n                    },\n                    {\n                        title: \"Urinary Tract Infections (UTIs)\",\n                        desc: \"Urinary tract infections occur when bacteria enter the urinary system.\",\n                        symTitle: \"Common symptoms include:\",\n                        list: [\n                            \"Pain or burning while urinating\",\n                            \"Cloudy urine\",\n                            \"Frequent urination\",\n                            \"Lower abdominal discomfort\",\n                            \"Fever in more severe infections\"\n                        ],\n                        note: \"Recurrent infections may require additional investigations to identify contributing factors.\"\n                    },\n                    {\n                        title: \"Enlarged Prostate (BPH)\",\n                        desc: \"As men age, the prostate gland may gradually enlarge, placing pressure on the urethra and affecting urine flow.\",\n                        symTitle: \"Possible symptoms include:\",\n                        list: [\n                            \"Difficulty starting urination\",\n                            \"Interrupted urine stream\",\n                            \"Frequent nighttime urination\",\n                            \"Feeling that the bladder has not emptied completely\",\n                            \"Urgent need to urinate\"\n                        ],\n                        note: \"Although enlargement is usually non-cancerous, proper evaluation is important to determine the cause of symptoms.\"\n                    },\n                    {\n                        title: \"Blood in the Urine\",\n                        desc: \"Blood in the urine should never be ignored, even if it occurs only once.\",\n                        symTitle: \"Possible causes include:\",\n                        list: [\n                            \"Urinary tract infection\",\n                            \"Kidney stones\",\n                            \"Bladder conditions\",\n                            \"Kidney disorders\",\n                            \"Prostate disease\",\n                            \"Other underlying medical conditions\"\n                        ],\n                        note: \"Further evaluation helps identify the source of bleeding and determine appropriate treatment.\"\n                    },\n                    {\n                        title: \"Urinary Incontinence\",\n                        desc: \"Urinary incontinence refers to the involuntary leakage of urine.\",\n                        symTitle: \"It may occur due to:\",\n                        list: [\n                            \"Weak pelvic floor muscles\",\n                            \"Nerve disorders\",\n                            \"Prostate conditions\",\n                            \"Age-related changes\",\n                            \"Certain medical conditions\"\n                        ],\n                        note: \"Treatment depends on the underlying cause and may involve lifestyle changes, medication, pelvic floor rehabilitation, or other medical interventions.\"\n                    }\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\",\n                title: \"\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0627\u0644\u062a\u064a \u064a\u0639\u0627\u0644\u062c\u0647\u0627 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                desc: \"\u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0628\u062a\u0634\u062e\u064a\u0635 \u0648\u0639\u0644\u0627\u062c \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u0646\u0627\u0633\u0644\u064a \u0627\u0644\u0630\u0643\u0631\u064a.\",\n                items: [\n                    {\n                        title: \"\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\",\n                        desc: \"\u062a\u062a\u0634\u0643\u0644 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u0628\u0644\u0648\u0631 \u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0648\u0627\u0644\u0623\u0645\u0644\u0627\u062d \u062f\u0627\u062e\u0644 \u0627\u0644\u0643\u0644\u0649. \u0642\u062f \u062a\u0645\u0631 \u0627\u0644\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0628\u0634\u0643\u0644 \u0637\u0628\u064a\u0639\u064a\u060c \u0628\u064a\u0646\u0645\u0627 \u064a\u0645\u0643\u0646 \u0644\u0644\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0623\u0646 \u062a\u0633\u062f \u062a\u062f\u0641\u0642 \u0627\u0644\u0628\u0648\u0644 \u0648\u062a\u0633\u0628\u0628 \u0623\u0644\u0645\u064b\u0627 \u0634\u062f\u064a\u062f\u064b\u0627.\",\n                        symTitle: \"\u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636:\",\n                        list: [\n                            \"\u0623\u0644\u0645 \u062d\u0627\u062f \u0641\u064a \u0627\u0644\u0638\u0647\u0631 \u0623\u0648 \u0627\u0644\u062c\u0646\u0628\",\n                            \"\u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644\",\n                            \"\u063a\u062b\u064a\u0627\u0646 \u0648\u0642\u064a\u0621\",\n                            \"\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0628\u0648\u0644\",\n                            \"\u0631\u063a\u0628\u0629 \u0645\u062a\u0643\u0631\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0628\u0648\u0644\"\n                        ],\n                        note: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u062d\u062c\u0645 \u0627\u0644\u062d\u0635\u0648\u0629 \u0648\u0645\u0648\u0642\u0639\u0647\u0627 \u0648\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0646\u0633\u0628.\"\n                    },\n                    {\n                        title: \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 (UTIs)\",\n                        desc: \"\u062a\u062d\u062f\u062b \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0639\u0646\u062f\u0645\u0627 \u062a\u062f\u062e\u0644 \u0627\u0644\u0628\u0643\u062a\u064a\u0631\u064a\u0627 \u0625\u0644\u0649 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0628\u0648\u0644\u064a.\",\n                        symTitle: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629:\",\n                        list: [\n                            \"\u0623\u0644\u0645 \u0623\u0648 \u062d\u0631\u0642\u0627\u0646 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0628\u0648\u0644\",\n                            \"\u0628\u0648\u0644 \u0639\u0643\u0631\",\n                            \"\u0643\u062b\u0631\u0629 \u0627\u0644\u062a\u0628\u0648\u0644\",\n                            \"\u0627\u0646\u0632\u0639\u0627\u062c \u0641\u064a \u0623\u0633\u0641\u0644 \u0627\u0644\u0628\u0637\u0646\",\n                            \"\u062d\u0645\u0649 \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u062f\u0648\u0649 \u0627\u0644\u0634\u062f\u064a\u062f\u0629\"\n                        ],\n                        note: \"\u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629 \u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629.\"\n                    },\n                    {\n                        title: \"\u062a\u0636\u062e\u0645 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627 (BPH)\",\n                        desc: \"\u0645\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u0631\u062c\u0627\u0644 \u0641\u064a \u0627\u0644\u0639\u0645\u0631\u060c \u0642\u062f \u062a\u062a\u0636\u062e\u0645 \u063a\u062f\u0629 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627\u060c \u0645\u0645\u0627 \u064a\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0625\u062d\u0644\u064a\u0644 \u0648\u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u062a\u062f\u0641\u0642 \u0627\u0644\u0628\u0648\u0644.\",\n                        symTitle: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629:\",\n                        list: [\n                            \"\u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0628\u062f\u0621 \u0627\u0644\u062a\u0628\u0648\u0644\",\n                            \"\u062a\u0642\u0637\u0639 \u0641\u064a \u062a\u062f\u0641\u0642 \u0627\u0644\u0628\u0648\u0644\",\n                            \"\u0643\u062b\u0631\u0629 \u0627\u0644\u062a\u0628\u0648\u0644 \u0644\u064a\u0644\u0627\u064b\",\n                            \"\u0627\u0644\u0634\u0639\u0648\u0631 \u0628\u0623\u0646 \u0627\u0644\u0645\u062b\u0627\u0646\u0629 \u0644\u0645 \u062a\u0641\u0631\u063a \u0628\u0627\u0644\u0643\u0627\u0645\u0644\",\n                            \"\u062d\u0627\u062c\u0629 \u0645\u0644\u062d\u0629 \u0644\u0644\u062a\u0628\u0648\u0644\"\n                        ],\n                        note: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0627\u0644\u062a\u0636\u062e\u0645 \u0639\u0627\u062f\u0629 \u0645\u0627 \u064a\u0643\u0648\u0646 \u063a\u064a\u0631 \u0633\u0631\u0637\u0627\u0646\u064a\u060c \u0625\u0644\u0627 \u0623\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0644\u064a\u0645 \u0645\u0647\u0645 \u0644\u062a\u062d\u062f\u064a\u062f \u0633\u0628\u0628 \u0627\u0644\u0623\u0639\u0631\u0627\u0636.\"\n                    },\n                    {\n                        title: \"\u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644\",\n                        desc: \"\u064a\u062c\u0628 \u0623\u0644\u0627 \u064a\u062a\u0645 \u062a\u062c\u0627\u0647\u0644 \u0648\u062c\u0648\u062f \u0627\u0644\u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644 \u0623\u0628\u062f\u064b\u0627\u060c \u062d\u062a\u0649 \u0644\u0648 \u062d\u062f\u062b \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0641\u0642\u0637.\",\n                        symTitle: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629:\",\n                        list: [\n                            \"\u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                            \"\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\",\n                            \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0646\u0629\",\n                            \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0643\u0644\u0649\",\n                            \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627\",\n                            \"\u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0623\u062e\u0631\u0649\"\n                        ],\n                        note: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0625\u0636\u0627\u0641\u064a \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0645\u0635\u062f\u0631 \u0627\u0644\u0646\u0632\u064a\u0641 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\"\n                    },\n                    {\n                        title: \"\u0633\u0644\u0633 \u0627\u0644\u0628\u0648\u0644\",\n                        desc: \"\u064a\u0634\u064a\u0631 \u0633\u0644\u0633 \u0627\u0644\u0628\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0631\u0628 \u0627\u0644\u0644\u0627\u0625\u0631\u0627\u062f\u064a \u0644\u0644\u0628\u0648\u0644.\",\n                        symTitle: \"\u0642\u062f \u064a\u062d\u062f\u062b \u0628\u0633\u0628\u0628:\",\n                        list: [\n                            \"\u0636\u0639\u0641 \u0639\u0636\u0644\u0627\u062a \u0642\u0627\u0639 \u0627\u0644\u062d\u0648\u0636\",\n                            \"\u0627\u0644\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0639\u0635\u0628\u064a\u0629\",\n                            \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627\",\n                            \"\u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0639\u0645\u0631\",\n                            \"\u0628\u0639\u0636 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629\"\n                        ],\n                        note: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0639\u0644\u0627\u062c \u0639\u0644\u0649 \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0648\u0642\u062f \u064a\u0634\u0645\u0644 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629\u060c \u0648\u0627\u0644\u0623\u062f\u0648\u064a\u0629\u060c \u0648\u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0642\u0627\u0639 \u0627\u0644\u062d\u0648\u0636\u060c \u0623\u0648 \u0627\u0644\u062a\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649.\"\n                    }\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 content = condData[lang];\n\n            const section = document.getElementById('sh-uro-conditions-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Header Elements\n            const kickerEl = document.getElementById('sh-uro-cond-lang-kicker');\n            if (kickerEl) {\n                kickerEl.textContent = content.kicker;\n                kickerEl.style.fontFamily = content.bodyFont;\n            }\n\n            const titleEl = document.getElementById('sh-uro-cond-lang-title');\n            if (titleEl) {\n                titleEl.textContent = content.title;\n                titleEl.style.fontFamily = content.headerFont;\n            }\n\n            const descEl = document.getElementById('sh-uro-cond-lang-desc');\n            if (descEl) {\n                descEl.textContent = content.desc;\n                descEl.style.fontFamily = content.bodyFont;\n            }\n\n            \/\/ Cards Elements\n            const itemTitles = section.querySelectorAll('.sh-uro-cond-item-title');\n            const itemDescs = section.querySelectorAll('.sh-uro-cond-item-desc');\n            const itemSymTitles = section.querySelectorAll('.sh-uro-cond-item-sym-title');\n            const itemLists = section.querySelectorAll('.sh-uro-cond-item-list');\n            const itemNotes = section.querySelectorAll('.sh-uro-cond-item-note');\n\n            content.items.forEach((item, index) => {\n                if (itemTitles[index]) {\n                    itemTitles[index].textContent = item.title;\n                    itemTitles[index].style.fontFamily = content.headerFont;\n                    \n                    itemDescs[index].textContent = item.desc;\n                    itemDescs[index].style.fontFamily = content.bodyFont;\n                    \n                    itemSymTitles[index].textContent = item.symTitle;\n                    itemSymTitles[index].style.fontFamily = content.bodyFont;\n                    \n                    itemNotes[index].textContent = item.note;\n                    itemNotes[index].style.fontFamily = content.bodyFont;\n\n                    \/\/ Rebuild the UL list\n                    if(itemLists[index]) {\n                        itemLists[index].innerHTML = '';\n                        item.list.forEach(listItemText => {\n                            const li = document.createElement('li');\n                            li.textContent = listItemText;\n                            li.style.fontFamily = content.bodyFont;\n                            itemLists[index].appendChild(li);\n                        });\n                    }\n                }\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        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Background *\/\n    #sh-uro-risk-995 {\n        width: 100%;\n        background-color: #ffffff;\n        overflow: hidden;\n        padding-top: 3.5rem;\n        padding-bottom: 3.5rem;\n        box-sizing: border-box;\n    }\n    @media (min-width: 768px) {\n        #sh-uro-risk-995 { padding-top: 5rem; padding-bottom: 5rem; }\n    }\n    @media (min-width: 1024px) {\n        #sh-uro-risk-995 { padding-top: 6rem; padding-bottom: 6rem; }\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-uro-risk-995 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1.25rem;\n        padding-right: 1.25rem;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box;\n    }\n    @media (min-width: 1024px) {\n        #sh-uro-risk-995 .sh-inner-wrapper { padding-left: 2rem; padding-right: 2rem; }\n    }\n\n    \/* 3. Grid Layout *\/\n    #sh-uro-risk-995 .sh-layout-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2.5rem;\n        align-items: start;\n    }\n    @media (min-width: 1024px) {\n        #sh-uro-risk-995 .sh-layout-grid {\n            grid-template-columns: 1fr 1.1fr;\n            gap: 4rem;\n        }\n    }\n    #sh-uro-risk-995[dir=\"rtl\"] .sh-layout-grid { text-align: right; }\n    #sh-uro-risk-995[dir=\"ltr\"] .sh-layout-grid { text-align: left; }\n\n    \/* 4. Image Column & Sticky Behavior *\/\n    #sh-uro-risk-995 .sh-img-col {\n        position: relative;\n        margin-bottom: 2.5rem;\n    }\n    @media (min-width: 1024px) {\n        #sh-uro-risk-995 .sh-img-col {\n            margin-bottom: 0;\n            position: sticky;\n            top: 6rem;\n        }\n    }\n\n    #sh-uro-risk-995 .sh-main-img {\n        width: 100%;\n        height: auto;\n        border-radius: 2rem;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n        display: block;\n        object-fit: contain;\n    }\n\n    \/* 5. Floating Badge *\/\n    #sh-uro-risk-995 .sh-float-badge {\n        position: absolute;\n        z-index: 20;\n        background-color: #ffffff;\n        padding: 1rem 1.25rem;\n        border-radius: 1rem;\n        box-shadow: 0 10px 30px -5px rgba(0,0,0,0.1);\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        border: 1px solid #f1f5f9;\n        max-width: 260px;\n    }\n    #sh-uro-risk-995 .sh-badge-icon {\n        width: 2.5rem; height: 2.5rem;\n        background-color: #e6f4f3;\n        color: #138b86;\n        border-radius: 50%;\n        display: grid;\n        place-items: center;\n        flex-shrink: 0;\n    }\n    #sh-uro-risk-995 .sh-badge-text-wrap { display: flex; flex-direction: column; }\n    #sh-uro-risk-995 .sh-badge-title { font-weight: 700; color: #243b5a; font-size: 15px; margin: 0; line-height: 1.2; }\n    #sh-uro-risk-995 .sh-badge-desc { font-size: 13px; color: #64748b; margin: 0; line-height: 1.3; margin-top: 0.25rem; }\n\n    \/* Badge Positioning Mobile\/Desktop + RTL *\/\n    @media (max-width: 768px) {\n        #sh-uro-risk-995 .sh-float-badge { bottom: -1.5rem; max-width: 220px; }\n        #sh-uro-risk-995[dir=\"ltr\"] .sh-float-badge { right: 1.5rem; left: auto; }\n        #sh-uro-risk-995[dir=\"rtl\"] .sh-float-badge { left: 1.5rem; right: auto; }\n    }\n    @media (min-width: 769px) {\n        #sh-uro-risk-995 .sh-float-badge { bottom: -1.5rem; }\n        #sh-uro-risk-995[dir=\"ltr\"] .sh-float-badge { right: -1.5rem; left: auto; }\n        #sh-uro-risk-995[dir=\"rtl\"] .sh-float-badge { left: -1.5rem; right: auto; }\n    }\n\n    \/* 6. Typography *\/\n    #sh-uro-risk-995 .sh-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: clamp(12px, 1.5vw, 13px);\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 0.75rem;\n    }\n    #sh-uro-risk-995 .sh-kicker-line { height: 1px; width: 2rem; background-color: #138b86; }\n    \n    #sh-uro-risk-995 .sh-title-main {\n        font-size: clamp(28px, 3.5vw, 44px);\n        font-weight: 700;\n        line-height: 1.15;\n        color: #243b5a;\n        margin: 0 0 1.25rem 0;\n    }\n\n    #sh-uro-risk-995 .sh-desc-text {\n        font-size: clamp(16px, 2vw, 18px);\n        color: #64748b;\n        line-height: 1.625;\n        margin: 0 0 1.5rem 0;\n    }\n\n    #sh-uro-risk-995 .sh-subtitle {\n        font-size: clamp(16px, 1.8vw, 17px);\n        font-weight: 700;\n        color: rgba(36, 59, 90, 0.85);\n        margin: 0 0 1.5rem 0;\n    }\n\n    \/* 7. Grid for Risk Cards *\/\n    #sh-uro-risk-995 .sh-cards-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1rem;\n        list-style: none;\n        padding: 0;\n        margin: 0 0 2rem 0;\n    }\n    @media (min-width: 640px) {\n        #sh-uro-risk-995 .sh-cards-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    \/* Dynamic Card Styles injected by JS *\/\n    #sh-uro-risk-995 .sh-card-item {\n        display: flex;\n        flex-direction: column;\n        padding: 1rem;\n        background-color: #ffffff;\n        border: 1px solid #e4edf3;\n        border-radius: 0.75rem;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n        transition: all 0.3s ease;\n    }\n    #sh-uro-risk-995 .sh-card-item:hover {\n        border-color: rgba(19, 139, 134, 0.4);\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);\n    }\n    #sh-uro-risk-995 .sh-card-title {\n        color: #138b86;\n        font-weight: 700;\n        font-size: clamp(15px, 1.5vw, 16px);\n        border-bottom: 1px solid #f1f5f9;\n        padding-bottom: 0.5rem;\n        margin-bottom: 0.5rem;\n        display: block;\n    }\n    #sh-uro-risk-995 .sh-card-desc {\n        font-size: clamp(13px, 1.2vw, 14px);\n        color: #64748b;\n        line-height: 1.6;\n        font-weight: 500;\n    }\n\n    \/* 8. Footer Callout Box (Handles RTL borders automatically) *\/\n    #sh-uro-risk-995 .sh-footer-box {\n        background-color: #f4f9fc;\n        padding: 1.25rem;\n        margin-top: 1.5rem;\n    }\n    #sh-uro-risk-995[dir=\"ltr\"] .sh-footer-box {\n        border-left: 4px solid #138b86;\n        border-radius: 0 0.75rem 0.75rem 0;\n    }\n    #sh-uro-risk-995[dir=\"rtl\"] .sh-footer-box {\n        border-right: 4px solid #138b86;\n        border-radius: 0.75rem 0 0 0.75rem;\n    }\n    #sh-uro-risk-995 .sh-footer-text {\n        color: #243b5a;\n        font-size: clamp(15px, 1.5vw, 16px);\n        font-weight: 500;\n        margin: 0;\n        line-height: 1.6;\n    }\n\n    \/* 9. Animations *\/\n    @keyframes shFadeInUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-uro-risk-995 .sh-animate-up {\n        opacity: 0;\n        animation: shFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n    #sh-uro-risk-995 .sh-delay-1 { animation-delay: 0.15s; }\n\n    #sh-uro-risk-995 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-uro-risk-995\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper sh-layout-grid\">\n        \n        <!-- Left Image Area with Restored Badge -->\n        <div class=\"sh-img-col sh-animate-up\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Urology_2.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Urology_2.webp'\" alt=\"Doctor discussing urological disorders risk factors and preventive care at Shefa Hospital in Makkah.\" class=\"sh-main-img\" loading=\"lazy\">\n            \n            <div class=\"sh-float-badge\">\n                <div class=\"sh-badge-icon\">\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\"><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                <\/div>\n                <div class=\"sh-badge-text-wrap\">\n                    <h4 id=\"sh-uro-risk-badge-title\" class=\"sh-badge-title\" style=\"font-family: var(--font-display);\">CBAHI<\/h4>\n                    <p id=\"sh-uro-risk-badge-desc\" class=\"sh-badge-desc\">Accredited multispecialty hospital in Makkah<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Content Area -->\n        <div class=\"sh-content-col sh-animate-up sh-delay-1\">\n            <div class=\"sh-kicker-wrap\">\n                <span class=\"sh-kicker-line\"><\/span>\n                <span id=\"sh-uro-risk-kicker\">Risk Factors<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-uro-risk-title\" class=\"sh-title-main\" style=\"font-family: var(--font-display);\">\n                Who Is at Greater Risk of Urological Disorders?\n            <\/h2>\n            \n            <p id=\"sh-uro-risk-p1\" class=\"sh-desc-text\">\n                Although urinary conditions can affect anyone, some individuals have a higher likelihood of developing urological problems.\n            <\/p>\n\n            <p id=\"sh-uro-risk-p2\" class=\"sh-subtitle\">\n                Risk factors include:\n            <\/p>\n            \n            <!-- Cards generated safely via Vanilla JS -->\n            <ul id=\"sh-uro-risk-grid\" class=\"sh-cards-grid\"><\/ul>\n\n            <div class=\"sh-footer-box\">\n                <p id=\"sh-uro-risk-footer\" class=\"sh-footer-text\">\n                    Understanding these risk factors allows patients to seek preventive care before symptoms become severe.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const riskData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Urology Risk Factors\",\n                title: \"Who Is at Greater Risk of Urological Disorders?\",\n                p1: \"Although urinary conditions can affect anyone, some individuals have a higher likelihood of developing urological problems.\",\n                p2: \"Risk factors include:\",\n                badgeTitle: \"CBAHI\",\n                badgeDesc: \"Accredited multispecialty hospital in Makkah\",\n                footer: \"Understanding these risk factors allows patients to seek preventive care before symptoms become severe.\",\n                list: [\n                    { factor: \"Increasing age\", desc: \"Raises the likelihood of prostate enlargement and some bladder conditions.\" },\n                    { factor: \"Diabetes\", desc: \"May increase the risk of urinary infections and bladder dysfunction.\" },\n                    { factor: \"Family history\", desc: \"Some kidney and prostate disorders occur more frequently within families.\" },\n                    { factor: \"Low daily fluid intake\", desc: \"May contribute to kidney stone formation.\" },\n                    { factor: \"Smoking\", desc: \"Increases the risk of several urinary tract diseases.\" },\n                    { factor: \"Obesity\", desc: \"Can contribute to urinary incontinence and metabolic disorders.\" }\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0639\u0648\u0627\u0645\u0644 \u062e\u0637\u0631 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                title: \"\u0645\u0646 \u0647\u0645 \u0627\u0644\u0623\u0643\u062b\u0631 \u0639\u0631\u0636\u0629 \u0644\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\u061f\",\n                p1: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0623\u064a \u0634\u062e\u0635\u060c \u0625\u0644\u0627 \u0623\u0646 \u0628\u0639\u0636 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0644\u062f\u064a\u0647\u0645 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0623\u0643\u0628\u0631 \u0644\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629.\",\n                p2: \"\u062a\u0634\u0645\u0644 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0645\u0627 \u064a\u0644\u064a:\",\n                badgeTitle: \"\u0633\u0628\u0627\u0647\u064a (CBAHI)\",\n                badgeDesc: \"\u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0645\u0639\u062a\u0645\u062f \u0641\u064a \u0645\u0643\u0629\",\n                footer: \"\u0641\u0647\u0645 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0647\u0630\u0647 \u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0631\u0636\u0649 \u0628\u0627\u0644\u0633\u0639\u064a \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0631\u0639\u0627\u064a\u0629 \u0648\u0642\u0627\u0626\u064a\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0635\u0628\u062d \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0634\u062f\u064a\u062f\u0629.\",\n                list: [\n                    { factor: \"\u0627\u0644\u062a\u0642\u062f\u0645 \u0641\u064a \u0627\u0644\u0639\u0645\u0631\", desc: \"\u064a\u0632\u064a\u062f \u0645\u0646 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u062a\u0636\u062e\u0645 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627 \u0648\u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0646\u0629.\" },\n                    { factor: \"\u0627\u0644\u0633\u0643\u0631\u064a\", desc: \"\u0642\u062f \u064a\u0632\u064a\u062f \u0645\u0646 \u062e\u0637\u0631 \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u0636\u0639\u0641 \u0627\u0644\u0645\u062b\u0627\u0646\u0629.\" },\n                    { factor: \"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0639\u0627\u0626\u0644\u064a\", desc: \"\u062a\u062d\u062f\u062b \u0628\u0639\u0636 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0648\u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627 \u0628\u0634\u0643\u0644 \u0645\u062a\u0643\u0631\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a.\" },\n                    { factor: \"\u0642\u0644\u0629 \u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0633\u0648\u0627\u0626\u0644 \u064a\u0648\u0645\u064a\u064b\u0627\", desc: \"\u0642\u062f \u064a\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u0643\u0648\u064a\u0646 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649.\" },\n                    { factor: \"\u0627\u0644\u062a\u062f\u062e\u064a\u0646\", desc: \"\u064a\u0632\u064a\u062f \u0645\u0646 \u062e\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629.\" },\n                    { factor: \"\u0627\u0644\u0633\u0645\u0646\u0629\", desc: \"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0647\u0645 \u0641\u064a \u0633\u0644\u0633 \u0627\u0644\u0628\u0648\u0644 \u0648\u0627\u0644\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u064a\u0636\u064a\u0629.\" }\n                ]\n            }\n        };\n\n        function initRiskSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const data = riskData[lang];\n\n            const section = document.getElementById('sh-uro-risk-995');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply Text and Fonts safely\n            const kickerEl = document.getElementById('sh-uro-risk-kicker');\n            if(kickerEl) {\n                kickerEl.textContent = data.kicker;\n                kickerEl.style.fontFamily = data.bodyFont;\n            }\n\n            const titleEl = document.getElementById('sh-uro-risk-title');\n            if(titleEl) {\n                titleEl.textContent = data.title;\n                titleEl.style.fontFamily = data.headerFont;\n            }\n\n            const p1 = document.getElementById('sh-uro-risk-p1');\n            if(p1) {\n                p1.textContent = data.p1;\n                p1.style.fontFamily = data.bodyFont;\n            }\n\n            const p2 = document.getElementById('sh-uro-risk-p2');\n            if(p2) {\n                p2.textContent = data.p2; \n                p2.style.fontFamily = data.bodyFont;\n            }\n\n            const footer = document.getElementById('sh-uro-risk-footer');\n            if(footer) {\n                footer.textContent = data.footer;\n                footer.style.fontFamily = data.bodyFont;\n            }\n\n            const badgeTitle = document.getElementById('sh-uro-risk-badge-title');\n            if(badgeTitle) {\n                badgeTitle.textContent = data.badgeTitle;\n                badgeTitle.style.fontFamily = data.headerFont;\n            }\n\n            const badgeDesc = document.getElementById('sh-uro-risk-badge-desc');\n            if(badgeDesc) {\n                badgeDesc.textContent = data.badgeDesc;\n                badgeDesc.style.fontFamily = data.bodyFont;\n            }\n\n            \/\/ Dynamically Render Grid List safely (without innerHTML payload injection)\n            const grid = document.getElementById('sh-uro-risk-grid');\n            if(grid) {\n                grid.innerHTML = ''; \n                data.list.forEach(item => {\n                    const li = document.createElement('li');\n                    li.className = \"sh-card-item\";\n                    \n                    const titleSpan = document.createElement('span');\n                    titleSpan.className = \"sh-card-title\";\n                    titleSpan.style.fontFamily = data.bodyFont;\n                    titleSpan.textContent = item.factor;\n\n                    const descSpan = document.createElement('span');\n                    descSpan.className = \"sh-card-desc\";\n                    descSpan.style.fontFamily = data.bodyFont;\n                    descSpan.textContent = item.desc;\n\n                    li.appendChild(titleSpan);\n                    li.appendChild(descSpan);\n                    grid.appendChild(li);\n                });\n            }\n        }\n\n        initRiskSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initRiskSection();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID & Breakout Width for Astra *\/\n    #sh-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    \/* 2. Hexa Background *\/\n    #sh-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    \/* 3. Protected Inner Container *\/\n    #sh-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        box-sizing: border-box;\n    }\n\n    \/* 4. Typography & Layout *\/\n    #sh-services-997 .sh-header-wrap {\n        max-width: 48rem;\n        margin: 0 auto 3rem auto;\n        text-align: center;\n    }\n    \n    #sh-services-997 .sh-subheader-wrap {\n        max-width: 42rem;\n        margin: 0 auto 2.5rem auto;\n        text-align: center;\n    }\n\n    #sh-services-997 .sh-kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-services-997 .sh-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-services-997 .sh-title-main {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #243b5a;\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n\n    #sh-services-997 .sh-desc-main {\n        color: #667085;\n        font-size: 18px;\n        line-height: 1.625;\n        margin-top: 1.25rem;\n        margin-bottom: 0;\n    }\n\n    #sh-services-997 .sh-title-sub {\n        font-size: clamp(26px, 3vw, 32px);\n        font-weight: 700;\n        color: #138b86;\n        margin-top: 0;\n        margin-bottom: 0.75rem;\n    }\n\n    #sh-services-997 .sh-desc-sub {\n        color: rgba(36, 59, 90, 0.85);\n        font-size: 17px;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 5. Responsive Grid *\/\n    #sh-services-997 .sh-services-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.25rem;\n    }\n    @media (min-width: 640px) {\n        #sh-services-997 .sh-services-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (min-width: 1024px) {\n        #sh-services-997 .sh-services-grid { grid-template-columns: repeat(3, 1fr); }\n    }\n\n    \/* 6. Service Card Styling *\/\n    #sh-services-997 .sh-service-card {\n        background-color: #ffffff;\n        border: 1px solid #e4edf3;\n        border-radius: 1rem;\n        padding: 1.25rem;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        cursor: default;\n        text-align: left; \/* Default LTR *\/\n    }\n    #sh-services-997[dir=\"rtl\"] .sh-service-card {\n        text-align: right;\n    }\n    \n    #sh-services-997 .sh-service-card:hover {\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        transform: translateY(-4px);\n    }\n    \n    #sh-services-997 .sh-service-icon-wrap {\n        width: 2.75rem;\n        height: 2.75rem;\n        flex-shrink: 0;\n        border-radius: 0.75rem;\n        background-color: #e6f4f3;\n        color: #138b86;\n        display: grid;\n        place-items: center;\n        transition: all 0.3s ease;\n    }\n    #sh-services-997 .sh-service-card:hover .sh-service-icon-wrap {\n        background-color: #138b86;\n        color: #ffffff;\n    }\n    \n    #sh-services-997 .sh-service-title {\n        font-size: clamp(17px, 1.8vw, 18px);\n        font-weight: 700;\n        color: #243b5a;\n        line-height: 1.25;\n        margin: 0;\n    }\n\n    \/* 7. Footer Text *\/\n    #sh-services-997 .sh-footer-wrap {\n        margin-top: 3rem;\n        text-align: center;\n        max-width: 48rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    #sh-services-997 .sh-footer-text {\n        color: #667085;\n        font-size: 17px;\n        line-height: 1.625;\n        font-weight: 500;\n        margin: 0;\n    }\n\n    \/* 8. Animations *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-services-997 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-services-997 .sh-delay-1 { animation-delay: 0.1s; }\n    #sh-services-997 .sh-delay-2 { animation-delay: 0.4s; }\n\n    #sh-services-997 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-services-997\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header Section -->\n        <div class=\"sh-header-wrap sh-animate-up\">\n            <div class=\"sh-kicker\">\n                <span class=\"sh-kicker-line\"><\/span>\n                <span id=\"sh-ser-lang-kicker\">Services<\/span>\n            <\/div>\n            <h2 id=\"sh-ser-lang-title\" class=\"sh-title-main\" style=\"font-family: var(--font-display);\">\n                Diagnostic Imaging Services\n            <\/h2>\n            <p id=\"sh-ser-lang-desc\" class=\"sh-desc-main\"><\/p>\n        <\/div>\n\n        <!-- Subheader Section -->\n        <div class=\"sh-subheader-wrap sh-animate-up sh-delay-1\">\n            <h3 id=\"sh-ser-lang-subtitle\" class=\"sh-title-sub\" style=\"font-family: var(--font-display);\">\n                Digital X-Ray\n            <\/h3>\n            <p id=\"sh-ser-lang-subdesc\" class=\"sh-desc-sub\"><\/p>\n        <\/div>\n\n        <!-- Dynamic Grid -->\n        <div class=\"sh-services-grid\" id=\"sh-ser-grid\"><\/div>\n\n        <!-- Footer Section -->\n        <div class=\"sh-footer-wrap sh-animate-up sh-delay-2\">\n            <p id=\"sh-ser-lang-footer\" class=\"sh-footer-text\"><\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Icon Library Object\n        const icons = {\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-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg>`,\n            circleDot: `<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\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg>`,\n            shield: `<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=\"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            sparkles: `<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=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/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            microscope: `<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=\"M6 18h8\"\/><path d=\"M3 22h18\"\/><path d=\"M14 22a7 7 0 1 0 0-14h-1\"\/><path d=\"M9 14h2\"\/><path d=\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"\/><path d=\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"\/><\/svg>`\n        };\n\n        const servicesData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                kicker: \"Imaging Capabilities\", \n                title: \"Diagnostic Imaging Services\",\n                desc: \"Different imaging technologies provide different types of information. Your physician selects the examination that is most appropriate for your condition.\",\n                subtitle: \"Digital X-Ray\",\n                subdesc: \"Digital X-ray is one of the most commonly performed imaging examinations. It is frequently used to evaluate:\",\n                footer: \"Digital systems produce high-quality images that can be reviewed promptly by the medical team.\",\n                items: [\n                    { t: \"Bone fractures\", icon: icons.activity },\n                    { t: \"Joint injuries\", icon: icons.circleDot },\n                    { t: \"Chest conditions\", icon: icons.shield },\n                    { t: \"Lung assessment\", icon: icons.sparkles },\n                    { t: \"Degenerative bone changes\", icon: icons.alert },\n                    { t: \"Certain abdominal conditions\", icon: icons.microscope }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"var(--font-arabic)\",\n                kicker: \"\u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631\", \n                title: \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\",\n                desc: \"\u062a\u0648\u0641\u0631 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0623\u0646\u0648\u0627\u0639\u0627\u064b \u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a. \u064a\u062e\u062a\u0627\u0631 \u0637\u0628\u064a\u0628\u0643 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u062d\u0627\u0644\u062a\u0643.\",\n                subtitle: \"\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\",\n                subdesc: \"\u062a\u0639\u062f \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0645\u0646 \u0623\u0643\u062b\u0631 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0634\u064a\u0648\u0639\u0627\u064b. \u0648\u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u063a\u0627\u0644\u0628\u0627\u064b \u0644\u062a\u0642\u064a\u064a\u0645:\",\n                footer: \"\u062a\u0646\u062a\u062c \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0635\u0648\u0631\u0627\u064b \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u064a\u0645\u0643\u0646 \u0644\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0637\u0628\u064a \u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631.\",\n                items: [\n                    { t: \"\u0643\u0633\u0648\u0631 \u0627\u0644\u0639\u0638\u0627\u0645\", icon: icons.activity },\n                    { t: \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u0635\u0644\", icon: icons.circleDot },\n                    { t: \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062f\u0631\", icon: icons.shield },\n                    { t: \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0631\u0626\u062a\u064a\u0646\", icon: icons.sparkles },\n                    { t: \"\u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0646\u0643\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0638\u0627\u0645\", icon: icons.alert },\n                    { t: \"\u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0628\u0637\u0646\", icon: icons.microscope }\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-services-997');\n            if (!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Safely update text and fonts\n            const kickerEl = document.getElementById('sh-ser-lang-kicker');\n            if(kickerEl) {\n                kickerEl.textContent = data.kicker;\n                kickerEl.style.fontFamily = data.body;\n            }\n\n            const titleEl = document.getElementById('sh-ser-lang-title');\n            if(titleEl) {\n                titleEl.textContent = data.title;\n                titleEl.style.fontFamily = data.font;\n            }\n            \n            const descEl = document.getElementById('sh-ser-lang-desc');\n            if(descEl) {\n                descEl.textContent = data.desc;\n                descEl.style.fontFamily = data.body;\n            }\n            \n            const subTitleEl = document.getElementById('sh-ser-lang-subtitle');\n            if(subTitleEl) {\n                subTitleEl.textContent = data.subtitle;\n                subTitleEl.style.fontFamily = data.font;\n            }\n\n            const subDescEl = document.getElementById('sh-ser-lang-subdesc');\n            if(subDescEl) {\n                subDescEl.textContent = data.subdesc;\n                subDescEl.style.fontFamily = data.body;\n            }\n\n            const footerEl = document.getElementById('sh-ser-lang-footer');\n            if(footerEl) {\n                footerEl.textContent = data.footer;\n                footerEl.style.fontFamily = data.body;\n            }\n            \n            \/\/ Dynamically generate the grid using Pure Vanilla JS elements\n            const grid = document.getElementById('sh-ser-grid');\n            if(grid) {\n                grid.innerHTML = '';\n                \n                data.items.forEach((item, i) => {\n                    const div = document.createElement('div');\n                    div.className = \"sh-service-card sh-animate-up\";\n                    div.style.animationDelay = `${(i * 0.05) + 0.15}s`;\n                    \n                    const iconWrap = document.createElement('div');\n                    iconWrap.className = \"sh-service-icon-wrap\";\n                    iconWrap.innerHTML = item.icon; \/\/ Safe injection of static SVG dictionary\n                    \n                    const textWrap = document.createElement('h3');\n                    textWrap.className = \"sh-service-title\";\n                    textWrap.style.fontFamily = data.font;\n                    textWrap.textContent = item.t;\n                    \n                    div.appendChild(iconWrap);\n                    div.appendChild(textWrap);\n                    grid.appendChild(div);\n                });\n            }\n        }\n        \n        initServices();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initServices();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Section Container *\/\n    #sh-urology-risks {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-risks {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n    @media (min-width: 1024px) {\n        #sh-urology-risks {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Inner Wrapper Max-Width 1475px *\/\n    #sh-urology-risks .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. Layout Grid *\/\n    #sh-urology-risks .sh-layout-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 3rem;\n        align-items: center;\n    }\n    @media (min-width: 1024px) {\n        #sh-urology-risks .sh-layout-grid {\n            grid-template-columns: 1fr 1.1fr;\n            gap: 3.5rem;\n        }\n    }\n\n    \/* RTL Support *\/\n    #sh-urology-risks[dir=\"rtl\"] .sh-content-col { text-align: right; }\n    #sh-urology-risks[dir=\"ltr\"] .sh-content-col { text-align: left; }\n\n    \/* 4. Typography & Elements *\/\n    #sh-urology-risks .sh-text-container {\n        margin-bottom: 2.5rem;\n        max-width: 72rem;\n    }\n\n    #sh-urology-risks .sh-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-urology-risks .sh-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-urology-risks .sh-title-main {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #243b5a;\n        margin: 0 0 1.25rem 0;\n    }\n\n    #sh-urology-risks .sh-intro-text {\n        font-size: clamp(16px, 2vw, 18px);\n        color: #667085;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    #sh-urology-risks .sh-list-header {\n        color: #243b5a;\n        font-weight: 700;\n        font-size: clamp(18px, 2.2vw, 20px);\n        margin: 0 0 1rem 0;\n    }\n\n    \/* 5. Dynamic List Grid *\/\n    #sh-urology-risks .sh-risk-list {\n        display: grid;\n        grid-template-columns: 1fr;\n        column-gap: 1.5rem;\n        row-gap: 1rem;\n        list-style: none;\n        padding: 0;\n        margin: 0 0 2rem 0;\n    }\n    @media (min-width: 640px) {\n        #sh-urology-risks .sh-risk-list {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    #sh-urology-risks .sh-list-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n    }\n\n    #sh-urology-risks .sh-list-icon {\n        flex-shrink: 0;\n        width: 1.25rem;\n        height: 1.25rem;\n        border-radius: 50%;\n        background-color: #e6f4f3;\n        color: #138b86;\n        display: grid;\n        place-items: center;\n        margin-top: 0.25rem;\n    }\n\n    #sh-urology-risks .sh-list-icon svg {\n        width: 12px;\n        height: 12px;\n    }\n\n    #sh-urology-risks .sh-list-text {\n        font-size: 16px;\n        color: rgba(36, 59, 90, 0.9);\n        line-height: 1.625;\n    }\n\n    #sh-urology-risks .sh-list-text strong {\n        font-weight: 700;\n        color: #243b5a;\n    }\n\n    #sh-urology-risks .sh-outro-text {\n        color: #667085;\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 6. Image Styling *\/\n    #sh-urology-risks .sh-image-col {\n        position: relative;\n    }\n\n    #sh-urology-risks .sh-main-img {\n        width: 100%;\n        height: auto;\n        border-radius: 1.5rem;\n        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* 7. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-risks .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-urology-risks .sh-delay-1 { animation-delay: 0.2s; }\n\n    #sh-urology-risks * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-risks\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper sh-layout-grid\">\n        \n        <!-- Text Content Area -->\n        <div class=\"sh-content-col sh-animate-up\">\n            <div class=\"sh-text-container\">\n                <div class=\"sh-kicker-wrap\">\n                    <span class=\"sh-kicker-line\"><\/span>\n                    <span id=\"sh-uro-risks-kicker\">Urology Care<\/span>\n                <\/div>\n                <h2 id=\"sh-uro-risks-title\" class=\"sh-title-main\" style=\"font-family: var(--font-display);\">\n                    Urological Health Risks for Men and Women\n                <\/h2>\n                <p id=\"sh-uro-risks-intro\" class=\"sh-intro-text\">\n                    Although urinary conditions can affect anyone, some individuals have a higher likelihood of developing urological problems.\n                <\/p>\n            <\/div>\n            \n            <p id=\"sh-uro-risks-list-header\" class=\"sh-list-header\" style=\"font-family: var(--font-display);\">\n                Risk factors include:\n            <\/p>\n            \n            <ul id=\"sh-uro-risks-list\" class=\"sh-risk-list\">\n                <!-- List items dynamically injected via JavaScript -->\n            <\/ul>\n            \n            <p id=\"sh-uro-risks-outro\" class=\"sh-outro-text\">\n                Understanding these risk factors allows patients to seek preventive care before symptoms become severe.\n            <\/p>\n        <\/div>\n        \n        <!-- Image Area -->\n        <div class=\"sh-image-col sh-animate-up sh-delay-1\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Urology_3.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Urology_3.webp'\" alt=\"Doctor discussing urological disorders with a patient to assess health risks.\" class=\"sh-main-img\" loading=\"lazy\">\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const risksData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Urology Care\",\n                title: \"Urological Health Risks for Men and Women\",\n                intro: \"Although urinary conditions can affect anyone, some individuals have a higher likelihood of developing urological problems.\",\n                listHeader: \"Risk factors include:\",\n                items: [\n                    { title: \"Increasing age\", desc: \"Raises the likelihood of prostate enlargement and some bladder conditions\" },\n                    { title: \"Diabetes\", desc: \"May increase the risk of urinary infections and bladder dysfunction\" },\n                    { title: \"Family history\", desc: \"Some kidney and prostate disorders occur more frequently within families\" },\n                    { title: \"Low fluid intake\", desc: \"May contribute to kidney stone formation\" },\n                    { title: \"Smoking\", desc: \"Increases the risk of several urinary tract diseases\" },\n                    { title: \"Obesity\", desc: \"Can contribute to urinary incontinence and metabolic disorders\" }\n                ],\n                outro: \"Understanding these risk factors allows patients to seek preventive care before symptoms become severe.\"\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                title: \"\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0644\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621\",\n                intro: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0623\u064a \u0634\u062e\u0635\u060c \u0625\u0644\u0627 \u0623\u0646 \u0628\u0639\u0636 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0644\u062f\u064a\u0647\u0645 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0623\u0643\u0628\u0631 \u0644\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629.\",\n                listHeader: \"\u062a\u0634\u0645\u0644 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0645\u0627 \u064a\u0644\u064a:\",\n                items: [\n                    { title: \"\u0627\u0644\u062a\u0642\u062f\u0645 \u0641\u064a \u0627\u0644\u0639\u0645\u0631\", desc: \"\u064a\u0632\u064a\u062f \u0645\u0646 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u062a\u0636\u062e\u0645 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627 \u0648\u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0646\u0629\" },\n                    { title: \"\u0627\u0644\u0633\u0643\u0631\u064a\", desc: \"\u0642\u062f \u064a\u0632\u064a\u062f \u0645\u0646 \u062e\u0637\u0631 \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u0636\u0639\u0641 \u0627\u0644\u0645\u062b\u0627\u0646\u0629\" },\n                    { title: \"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0639\u0627\u0626\u0644\u064a\", desc: \"\u062a\u062d\u062f\u062b \u0628\u0639\u0636 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0648\u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627 \u0628\u0634\u0643\u0644 \u0645\u062a\u0643\u0631\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a\" },\n                    { title: \"\u0642\u0644\u0629 \u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0633\u0648\u0627\u0626\u0644\", desc: \"\u0642\u062f \u064a\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u0643\u0648\u064a\u0646 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\" },\n                    { title: \"\u0627\u0644\u062a\u062f\u062e\u064a\u0646\", desc: \"\u064a\u0632\u064a\u062f \u0645\u0646 \u062e\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\" },\n                    { title: \"\u0627\u0644\u0633\u0645\u0646\u0629\", desc: \"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0647\u0645 \u0641\u064a \u0633\u0644\u0633 \u0627\u0644\u0628\u0648\u0644 \u0648\u0627\u0644\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u064a\u0636\u064a\u0629\" }\n                ],\n                outro: \"\u0641\u0647\u0645 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0647\u0630\u0647 \u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0631\u0636\u0649 \u0628\u0627\u0644\u0633\u0639\u064a \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0631\u0639\u0627\u064a\u0629 \u0648\u0642\u0627\u0626\u064a\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0635\u0628\u062d \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0634\u062f\u064a\u062f\u0629.\"\n            }\n        };\n\n        const checkIconSVG = `<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\n        function initUroRisksSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const data = risksData[lang];\n\n            const section = document.getElementById('sh-urology-risks');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply Text and Fonts Safely\n            const kickerEl = document.getElementById('sh-uro-risks-kicker');\n            if(kickerEl) {\n                kickerEl.textContent = data.kicker;\n                kickerEl.style.fontFamily = data.bodyFont;\n            }\n            \n            const titleEl = document.getElementById('sh-uro-risks-title');\n            if(titleEl) {\n                titleEl.textContent = data.title;\n                titleEl.style.fontFamily = data.headerFont;\n            }\n\n            const introEl = document.getElementById('sh-uro-risks-intro');\n            if(introEl) {\n                introEl.textContent = data.intro;\n                introEl.style.fontFamily = data.bodyFont;\n            }\n\n            const listHeaderEl = document.getElementById('sh-uro-risks-list-header');\n            if(listHeaderEl) {\n                listHeaderEl.textContent = data.listHeader;\n                listHeaderEl.style.fontFamily = data.headerFont;\n            }\n\n            const outroEl = document.getElementById('sh-uro-risks-outro');\n            if(outroEl) {\n                outroEl.textContent = data.outro;\n                outroEl.style.fontFamily = data.bodyFont;\n            }\n\n            \/\/ Render List Items using standard DOM methods\n            const listContainer = document.getElementById('sh-uro-risks-list');\n            if(listContainer) {\n                listContainer.innerHTML = ''; \n                \n                data.items.forEach(item => {\n                    const li = document.createElement('li');\n                    li.className = \"sh-list-item\";\n                    \n                    const iconSpan = document.createElement('span');\n                    iconSpan.className = \"sh-list-icon\";\n                    iconSpan.innerHTML = checkIconSVG;\n                    \n                    const textSpan = document.createElement('span');\n                    textSpan.className = \"sh-list-text\";\n                    textSpan.style.fontFamily = data.bodyFont;\n                    \n                    const strong = document.createElement('strong');\n                    strong.textContent = item.title + \": \";\n                    \n                    const descNode = document.createTextNode(item.desc);\n                    \n                    textSpan.appendChild(strong);\n                    textSpan.appendChild(descNode);\n                    \n                    li.appendChild(iconSpan);\n                    li.appendChild(textSpan);\n                    listContainer.appendChild(li);\n                });\n            }\n        }\n\n        initUroRisksSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initUroRisksSection();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Section Container *\/\n    #sh-urology-diag-889 {\n        width: 100%;\n        background-color: #ffffff !important;\n        overflow: hidden;\n        padding-top: 4rem;\n        padding-bottom: 4rem;\n        box-sizing: border-box;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-diag-889 {\n            padding-top: 5rem;\n            padding-bottom: 5rem;\n        }\n    }\n\n    \/* 2. Inner Wrapper (Max-Width 1475px) *\/\n    #sh-urology-diag-889 .sh-diag-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        box-sizing: border-box;\n    }\n\n    \/* 3. Typography & Layout *\/\n    #sh-urology-diag-889 .sh-diag-header {\n        max-width: 48rem;\n        margin: 0 auto 3rem auto;\n        text-align: center;\n    }\n\n    #sh-urology-diag-889 .sh-diag-title {\n        font-size: clamp(30px, 4vw, 36px);\n        font-weight: 700;\n        color: #243b5a;\n        margin: 0 0 1rem 0;\n        line-height: 1.2;\n    }\n\n    #sh-urology-diag-889 .sh-diag-desc {\n        color: #667085;\n        font-size: clamp(16px, 2vw, 17px);\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 4. Responsive Grid *\/\n    #sh-urology-diag-889 .sh-diag-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.5rem;\n        margin-bottom: 3rem;\n    }\n    @media (min-width: 640px) {\n        #sh-urology-diag-889 .sh-diag-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n    @media (min-width: 1024px) {\n        #sh-urology-diag-889 .sh-diag-grid {\n            grid-template-columns: repeat(3, 1fr);\n        }\n    }\n\n    \/* 5. Card Styles *\/\n    #sh-urology-diag-889 .sh-diag-card {\n        background-color: #ffffff;\n        border: 1px solid #e4edf3;\n        border-radius: 1rem;\n        padding: 1.5rem;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        gap: 1rem;\n        cursor: default;\n        transition: all 0.3s ease;\n    }\n    \n    #sh-urology-diag-889 .sh-diag-card:hover {\n        border-color: rgba(19, 139, 134, 0.3);\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n        transform: translateY(-4px);\n    }\n\n    #sh-urology-diag-889 .sh-diag-icon {\n        width: 3rem;\n        height: 3rem;\n        border-radius: 50%;\n        background-color: #e6f4f3;\n        color: #138b86;\n        display: grid;\n        place-items: center;\n        flex-shrink: 0;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n    }\n\n    #sh-urology-diag-889 .sh-diag-icon svg {\n        width: 1.25rem;\n        height: 1.25rem;\n    }\n\n    #sh-urology-diag-889 .sh-diag-card-title {\n        font-weight: 700;\n        color: #243b5a;\n        font-size: 18px;\n        line-height: 1.4;\n        margin: 0;\n    }\n\n    \/* 6. Footer Text *\/\n    #sh-urology-diag-889 .sh-diag-footer-wrap {\n        max-width: 42rem;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    #sh-urology-diag-889 .sh-diag-footer-text {\n        color: #667085;\n        font-size: 17px;\n        line-height: 1.625;\n        font-weight: 500;\n        margin: 0;\n    }\n\n    \/* 7. Lightweight Animations *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-diag-889 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-urology-diag-889 .sh-delay-4 { animation-delay: 0.4s; }\n\n    #sh-urology-diag-889 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-diag-889\" dir=\"ltr\">\n    <div class=\"sh-diag-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"sh-diag-header sh-animate-up\">\n            <h3 id=\"sh-diag-lang-title\" class=\"sh-diag-title\" style=\"font-family: var(--font-display);\">\n                Diagnostic Evaluation in Urology\n            <\/h3>\n            <p id=\"sh-diag-lang-desc\" class=\"sh-diag-desc\">\n                Accurate diagnosis is essential because similar urinary symptoms can have very different causes. Depending on your condition, the evaluation may include:\n            <\/p>\n        <\/div>\n\n        <!-- Grid for Dynamic Cards -->\n        <div id=\"sh-diag-grid\" class=\"sh-diag-grid\">\n            <!-- Cards are dynamically injected via JS -->\n        <\/div>\n\n        <!-- Footer -->\n        <div class=\"sh-diag-footer-wrap sh-animate-up sh-delay-4\">\n            <p id=\"sh-diag-lang-footer\" class=\"sh-diag-footer-text\">\n                Doctors combine examination findings with investigation results to develop an individualized treatment plan.\n            <\/p>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const diagData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                title: \"Diagnostic Evaluation in Urology\",\n                desc: \"Accurate diagnosis is essential because similar urinary symptoms can have very different causes. Depending on your condition, the evaluation may include:\",\n                footer: \"Doctors combine examination findings with investigation results to develop an individualized treatment plan.\",\n                cards: [\n                    \"Review of medical history\",\n                    \"Physical examination\",\n                    \"Urine analysis\",\n                    \"Blood investigations\",\n                    \"Ultrasound imaging\",\n                    \"Additional imaging studies when clinically indicated\",\n                    \"Specialized urological assessment when required\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"var(--font-arabic)\",\n                title: \"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0641\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                desc: \"\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0636\u0631\u0648\u0631\u064a \u0644\u0623\u0646 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0634\u0627\u0628\u0647\u0629 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0644\u0647\u0627 \u0623\u0633\u0628\u0627\u0628 \u0645\u062e\u062a\u0644\u0641\u0629 \u062a\u0645\u0627\u0645\u064b\u0627. \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u062d\u0627\u0644\u062a\u0643\u060c \u0642\u062f \u064a\u0634\u0645\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645:\",\n                footer: \"\u064a\u062c\u0645\u0639 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0628\u064a\u0646 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0641\u062d\u0635 \u0648\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u062d\u0642\u064a\u0642\u0627\u062a \u0644\u0648\u0636\u0639 \u062e\u0637\u0629 \u0639\u0644\u0627\u062c \u0645\u062e\u0635\u0635\u0629.\",\n                cards: [\n                    \"\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a\",\n                    \"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a\",\n                    \"\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u0648\u0644\",\n                    \"\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062f\u0645\",\n                    \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\",\n                    \"\u062f\u0631\u0627\u0633\u0627\u062a \u062a\u0635\u0648\u064a\u0631 \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629\"\n                ]\n            }\n        };\n\n        const checkIconSVG = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>`;\n\n        function initDiagSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const data = isRtl ? diagData.ar : diagData.en;\n            \n            const section = document.getElementById('sh-urology-diag-889');\n            if (!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Header & Footer\n            const titleEl = document.getElementById('sh-diag-lang-title');\n            if(titleEl) {\n                titleEl.textContent = data.title;\n                titleEl.style.fontFamily = data.font;\n            }\n            \n            const descEl = document.getElementById('sh-diag-lang-desc');\n            if(descEl) {\n                descEl.textContent = data.desc;\n                descEl.style.fontFamily = data.body;\n            }\n            \n            const footerEl = document.getElementById('sh-diag-lang-footer');\n            if(footerEl) {\n                footerEl.textContent = data.footer;\n                footerEl.style.fontFamily = data.body;\n            }\n            \n            \/\/ Dynamic Grid rendering using safer DOM manipulation\n            const grid = document.getElementById('sh-diag-grid');\n            if(grid) {\n                grid.innerHTML = '';\n                \n                data.cards.forEach((text, i) => {\n                    const cardDiv = document.createElement('div');\n                    cardDiv.className = \"sh-diag-card sh-animate-up\";\n                    cardDiv.style.animationDelay = `${i * 0.05}s`;\n                    \n                    const iconDiv = document.createElement('div');\n                    iconDiv.className = \"sh-diag-icon\";\n                    iconDiv.innerHTML = checkIconSVG;\n                    \n                    const textDiv = document.createElement('div');\n                    textDiv.className = \"sh-diag-card-title\";\n                    textDiv.textContent = text;\n                    textDiv.style.fontFamily = data.font;\n                    \n                    cardDiv.appendChild(iconDiv);\n                    cardDiv.appendChild(textDiv);\n                    \n                    grid.appendChild(cardDiv);\n                });\n            }\n        }\n        \n        initDiagSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initDiagSection();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Section Container *\/\n    #sh-stones-vs-uti-890 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n    @media (min-width: 768px) {\n        #sh-stones-vs-uti-890 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Inner Wrapper (Max-Width 1475px) *\/\n    #sh-stones-vs-uti-890 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. Card Styling & Gradient Background *\/\n    #sh-stones-vs-uti-890 .sh-compare-card {\n        position: relative;\n        border-radius: 1.5rem;\n        background: linear-gradient(135deg, rgba(216, 163, 33, 0.05) 0%, #ffffff 100%);\n        padding: 2rem;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-stones-vs-uti-890 .sh-compare-card {\n            padding: 3rem;\n        }\n    }\n\n    \/* RTL \/ LTR Border Handling *\/\n    #sh-stones-vs-uti-890[dir=\"ltr\"] .sh-compare-card {\n        border-left: 4px solid #d8a321;\n        text-align: left;\n    }\n    #sh-stones-vs-uti-890[dir=\"rtl\"] .sh-compare-card {\n        border-right: 4px solid #d8a321;\n        text-align: right;\n    }\n\n    \/* 4. Header & Typography *\/\n    #sh-stones-vs-uti-890 .sh-compare-header {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n        margin-bottom: 1rem;\n    }\n\n    #sh-stones-vs-uti-890 .sh-compare-icon-wrap {\n        width: 3rem;\n        height: 3rem;\n        border-radius: 50%;\n        background-color: #d8a321;\n        color: #ffffff;\n        display: grid;\n        place-items: center;\n        flex-shrink: 0;\n    }\n\n    #sh-stones-vs-uti-890 .sh-compare-icon-wrap svg {\n        width: 1.5rem;\n        height: 1.5rem;\n    }\n\n    #sh-stones-vs-uti-890 .sh-compare-title {\n        font-size: clamp(28px, 3vw, 32px);\n        font-weight: 700;\n        color: #243b5a;\n        margin: 0;\n        line-height: 1.2;\n    }\n\n    #sh-stones-vs-uti-890 .sh-compare-desc {\n        font-size: 17px;\n        color: rgba(36, 59, 90, 0.85);\n        margin: 0 0 1.25rem 0;\n        line-height: 1.625;\n    }\n\n    \/* 5. Responsive Grid for List Items *\/\n    #sh-stones-vs-uti-890 .sh-compare-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        column-gap: 2rem;\n        row-gap: 1rem;\n        list-style: none;\n        padding: 0;\n        margin: 0 0 1.5rem 0;\n    }\n    @media (min-width: 640px) {\n        #sh-stones-vs-uti-890 .sh-compare-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    \/* 6. List Item Styling *\/\n    #sh-stones-vs-uti-890 .sh-compare-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n    }\n\n    #sh-stones-vs-uti-890 .sh-compare-item-icon {\n        margin-top: 0.25rem;\n        width: 1.25rem;\n        height: 1.25rem;\n        border-radius: 50%;\n        background-color: rgba(216, 163, 33, 0.2);\n        color: #d8a321;\n        display: grid;\n        place-items: center;\n        flex-shrink: 0;\n    }\n\n    #sh-stones-vs-uti-890 .sh-compare-item-icon svg {\n        width: 12px;\n        height: 12px;\n    }\n\n    #sh-stones-vs-uti-890 .sh-compare-item-text {\n        font-size: 16px;\n        color: rgba(36, 59, 90, 0.9);\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    #sh-stones-vs-uti-890 .sh-compare-item-text strong {\n        font-weight: 700;\n        color: #243b5a;\n    }\n\n    \/* 7. Footer Text *\/\n    #sh-stones-vs-uti-890 .sh-compare-footer {\n        font-size: 16px;\n        font-weight: 500;\n        color: #667085;\n        margin: 1.5rem 0 0 0;\n        line-height: 1.625;\n    }\n\n    \/* 8. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-stones-vs-uti-890 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    #sh-stones-vs-uti-890 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-stones-vs-uti-890\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"sh-compare-card sh-animate-up\">\n            \n            <div class=\"sh-compare-header\">\n                <div class=\"sh-compare-icon-wrap\">\n                    <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\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n                <\/div>\n                <h3 id=\"sh-compare-lang-title\" class=\"sh-compare-title\" style=\"font-family: var(--font-display);\">\n                    Kidney Stones vs. Urinary Tract Infection\n                <\/h3>\n            <\/div>\n            \n            <p id=\"sh-compare-lang-desc\" class=\"sh-compare-desc\"><\/p>\n            \n            <ul id=\"sh-compare-grid\" class=\"sh-compare-grid\">\n                <!-- List items rendered dynamically via JS -->\n            <\/ul>\n            \n            <p id=\"sh-compare-lang-footer\" class=\"sh-compare-footer\"><\/p>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const compareData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                title: \"Kidney Stones vs. Urinary Tract Infection\",\n                desc: \"Many patients confuse these conditions because both may cause pain during urination. Here is how they often differ:\",\n                footer: \"Although symptoms may overlap, proper medical evaluation is needed to determine the correct diagnosis.\",\n                list: [\n                    { label: \"Stones\", text: \"Often causes severe pain in the side or back\" },\n                    { label: \"UTI\", text: \"Usually causes burning while urinating\" },\n                    { label: \"Stones\", text: \"May produce blood in urine\" },\n                    { label: \"UTI\", text: \"Often associated with cloudy or foul-smelling urine\" },\n                    { label: \"Stones\", text: \"Pain may come in waves\" },\n                    { label: \"UTI\", text: \"Symptoms are usually more constant\" },\n                    { label: \"Stones\", text: \"May require imaging studies\" },\n                    { label: \"UTI\", text: \"Usually confirmed with urine testing\" },\n                    { label: \"Stones\", text: \"Management depends on stone size and location\" },\n                    { label: \"UTI\", text: \"Treatment depends on the type and severity of infection\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"var(--font-arabic)\",\n                title: \"\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                desc: \"\u064a\u062e\u0644\u0637 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0631\u0636\u0649 \u0628\u064a\u0646 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0644\u0623\u0646 \u0643\u0644\u064a\u0647\u0645\u0627 \u0642\u062f \u064a\u0633\u0628\u0628 \u0627\u0644\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0628\u0648\u0644. \u0625\u0644\u064a\u0643 \u0643\u064a\u0641 \u064a\u062e\u062a\u0644\u0641\u0627\u0646 \u063a\u0627\u0644\u0628\u064b\u0627:\",\n                footer: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0642\u062f \u062a\u062a\u062f\u0627\u062e\u0644\u060c \u0625\u0644\u0627 \u0623\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0636\u0631\u0648\u0631\u064a \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0635\u062d\u064a\u062d.\",\n                list: [\n                    { label: \"\u0627\u0644\u062d\u0635\u0648\u0627\u062a\", text: \"\u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u062a\u0633\u0628\u0628 \u0623\u0644\u0645\u064b\u0627 \u0634\u062f\u064a\u062f\u064b\u0627 \u0641\u064a \u0627\u0644\u062c\u0627\u0646\u0628 \u0623\u0648 \u0627\u0644\u0638\u0647\u0631\" },\n                    { label: \"\u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\", text: \"\u064a\u0633\u0628\u0628 \u0639\u0627\u062f\u0629 \u062d\u0631\u0642\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0628\u0648\u0644\" },\n                    { label: \"\u0627\u0644\u062d\u0635\u0648\u0627\u062a\", text: \"\u0642\u062f \u062a\u0624\u062f\u064a \u0625\u0644\u0649 \u0638\u0647\u0648\u0631 \u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644\" },\n                    { label: \"\u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\", text: \"\u064a\u0631\u062a\u0628\u0637 \u063a\u0627\u0644\u0628\u064b\u0627 \u0628\u0648\u062c\u0648\u062f \u0628\u0648\u0644 \u0639\u0643\u0631 \u0623\u0648 \u0630\u064a \u0631\u0627\u0626\u062d\u0629 \u0643\u0631\u064a\u0647\u0629\" },\n                    { label: \"\u0627\u0644\u062d\u0635\u0648\u0627\u062a\", text: \"\u0642\u062f \u064a\u0623\u062a\u064a \u0627\u0644\u0623\u0644\u0645 \u0639\u0644\u0649 \u0634\u0643\u0644 \u0645\u0648\u062c\u0627\u062a\" },\n                    { label: \"\u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\", text: \"\u0639\u0627\u062f\u0629 \u0645\u0627 \u062a\u0643\u0648\u0646 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0623\u0643\u062b\u0631 \u062b\u0628\u0627\u062a\u064b\u0627 \u0648\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629\" },\n                    { label: \"\u0627\u0644\u062d\u0635\u0648\u0627\u062a\", text: \"\u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u062f\u0631\u0627\u0633\u0627\u062a \u062a\u0635\u0648\u064a\u0631\u064a\u0629\" },\n                    { label: \"\u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\", text: \"\u064a\u062a\u0645 \u062a\u0623\u0643\u064a\u062f\u0647 \u0639\u0627\u062f\u0629\u064b \u0639\u0646 \u0637\u0631\u064a\u0642 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u0648\u0644\" },\n                    { label: \"\u0627\u0644\u062d\u0635\u0648\u0627\u062a\", text: \"\u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0639\u0644\u0649 \u062d\u062c\u0645 \u0627\u0644\u062d\u0635\u0648\u0629 \u0648\u0645\u0648\u0642\u0639\u0647\u0627\" },\n                    { label: \"\u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\", text: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0639\u0644\u0627\u062c \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0639\u062f\u0648\u0649 \u0648\u0634\u062f\u062a\u0647\u0627\" }\n                ]\n            }\n        };\n\n        const checkIconSVG = `<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\"\/><\/svg>`;\n\n        function initCompare() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const data = isRtl ? compareData.ar : compareData.en;\n            \n            const section = document.getElementById('sh-stones-vs-uti-890');\n            if (!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Set Text and Fonts Safely\n            const titleEl = document.getElementById('sh-compare-lang-title');\n            if(titleEl) {\n                titleEl.textContent = data.title;\n                titleEl.style.fontFamily = data.font;\n            }\n\n            const descEl = document.getElementById('sh-compare-lang-desc');\n            if(descEl) {\n                descEl.textContent = data.desc;\n                descEl.style.fontFamily = data.body;\n            }\n\n            const footerEl = document.getElementById('sh-compare-lang-footer');\n            if(footerEl) {\n                footerEl.textContent = data.footer;\n                footerEl.style.fontFamily = data.body;\n            }\n            \n            \/\/ Dynamically Render List Items safely\n            const grid = document.getElementById('sh-compare-grid');\n            if(grid) {\n                grid.innerHTML = ''; \n                \n                data.list.forEach(item => {\n                    const li = document.createElement('li');\n                    li.className = \"sh-compare-item\";\n                    \n                    const iconSpan = document.createElement('span');\n                    iconSpan.className = \"sh-compare-item-icon\";\n                    iconSpan.innerHTML = checkIconSVG;\n                    \n                    const textSpan = document.createElement('p');\n                    textSpan.className = \"sh-compare-item-text\";\n                    textSpan.style.fontFamily = data.body;\n                    \n                    const strong = document.createElement('strong');\n                    strong.textContent = item.label + \": \";\n                    \n                    const descNode = document.createTextNode(item.text);\n                    \n                    textSpan.appendChild(strong);\n                    textSpan.appendChild(descNode);\n                    \n                    li.appendChild(iconSpan);\n                    li.appendChild(textSpan);\n                    grid.appendChild(li);\n                });\n            }\n        }\n        \n        initCompare();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initCompare();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Section Container & Breakout *\/\n    #sh-urology-guide-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: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-guide-555 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Hexa Background Pattern *\/\n    #sh-urology-guide-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    \/* 3. Inner Wrapper (Max-Width 1475px) *\/\n    #sh-urology-guide-555 .sh-guide-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;\n    }\n\n    \/* 4. Typography & Header *\/\n    #sh-urology-guide-555 .sh-guide-header {\n        max-width: 48rem;\n        margin: 0 auto 3rem auto;\n        text-align: center;\n    }\n\n    #sh-urology-guide-555 .sh-guide-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-urology-guide-555 .sh-guide-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-urology-guide-555 .sh-guide-title {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #243b5a;\n        margin: 0;\n    }\n\n    \/* 5. Main Layout Grid *\/\n    #sh-urology-guide-555 .sh-guide-layout {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2rem;\n        align-items: start;\n        margin-bottom: 1.5rem;\n    }\n    @media (min-width: 1024px) {\n        #sh-urology-guide-555 .sh-guide-layout {\n            grid-template-columns: 1fr 1.3fr;\n        }\n    }\n\n    \/* 6. Left Column (Image & Prevention Card) *\/\n    #sh-urology-guide-555 .sh-guide-col-left {\n        display: flex;\n        flex-direction: column;\n        gap: 2rem;\n    }\n\n    #sh-urology-guide-555 .sh-img-container {\n        position: relative;\n        width: 100%;\n        height: auto;\n        aspect-ratio: auto;\n        border-radius: 1.5rem;\n        background-color: transparent;\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n        overflow: hidden;\n    }\n\n    #sh-urology-guide-555 .sh-responsive-img {\n        width: 100%;\n        max-width: 100%;\n        height: auto;\n        display: block;\n        object-fit: contain;\n        object-position: center;\n    }\n\n    #sh-urology-guide-555 .sh-prev-card {\n        background-color: #ffffff;\n        border-radius: 1.5rem;\n        padding: 2rem;\n        border: 1px solid #e4edf3;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n    }\n\n    #sh-urology-guide-555 .sh-prev-title {\n        font-size: clamp(20px, 2.5vw, 24px);\n        font-weight: 700;\n        color: #243b5a;\n        margin: 0 0 0.75rem 0;\n    }\n\n    #sh-urology-guide-555 .sh-prev-desc {\n        color: #667085;\n        font-size: 16px;\n        line-height: 1.625;\n        margin: 0 0 1rem 0;\n    }\n\n    #sh-urology-guide-555 .sh-prev-footer {\n        color: #667085;\n        font-size: 15px;\n        font-style: italic;\n        border-top: 1px solid #f1f5f9;\n        padding-top: 1rem;\n        margin: 1rem 0 0 0;\n        line-height: 1.5;\n    }\n\n    \/* 7. Right Column (Consultation Details) *\/\n    #sh-urology-guide-555 .sh-cons-card {\n        background-color: #ffffff;\n        border-radius: 1.5rem;\n        padding: 2rem;\n        border: 1px solid #e4edf3;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n    }\n    @media (min-width: 1024px) {\n        #sh-urology-guide-555 .sh-cons-card {\n            padding: 3rem;\n        }\n    }\n\n    #sh-urology-guide-555 .sh-cons-desc {\n        color: rgba(36, 59, 90, 0.85);\n        font-size: clamp(16px, 1.8vw, 18px);\n        line-height: 1.625;\n        font-weight: 500;\n        margin: 0 0 2rem 0;\n    }\n\n    #sh-urology-guide-555 .sh-cons-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-guide-555 .sh-cons-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    #sh-urology-guide-555 .sh-cons-block-title {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 700;\n        font-size: 18px;\n        margin: 0 0 0.75rem 0;\n    }\n\n    #sh-urology-guide-555 .sh-cons-block-title svg {\n        flex-shrink: 0;\n    }\n\n    #sh-urology-guide-555 .sh-invest-box {\n        background-color: #f8fbfd;\n        padding: 1.5rem;\n        border-radius: 0.75rem;\n        border: 1px solid #e4edf3;\n    }\n\n    #sh-urology-guide-555 .sh-invest-title {\n        color: #243b5a;\n        font-weight: 700;\n        font-size: 18px;\n        margin: 0 0 0.5rem 0;\n    }\n\n    #sh-urology-guide-555 .sh-invest-desc {\n        color: #667085;\n        font-size: 16px;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 8. Common List Styles *\/\n    #sh-urology-guide-555 .sh-list {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    #sh-urology-guide-555 .sh-list-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.5rem;\n    }\n    #sh-urology-guide-555 .sh-list-icon {\n        flex-shrink: 0;\n        width: 1rem;\n        height: 1rem;\n        border-radius: 50%;\n        background-color: #e6f4f3;\n        color: #138b86;\n        display: grid;\n        place-items: center;\n        margin-top: 0.25rem;\n    }\n    #sh-urology-guide-555 .sh-list-icon svg {\n        width: 10px;\n        height: 10px;\n    }\n    #sh-urology-guide-555 .sh-list-text {\n        font-size: 15px;\n        color: rgba(36, 59, 90, 0.9);\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* 9. Animations *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-guide-555 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-urology-guide-555 .sh-delay-1 { animation-delay: 0.1s; }\n    #sh-urology-guide-555 .sh-delay-2 { animation-delay: 0.2s; }\n\n    #sh-urology-guide-555 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-guide-555\" dir=\"ltr\">\n    <div class=\"sh-guide-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"sh-guide-header sh-animate-up\">\n            <div class=\"sh-guide-kicker-wrap\">\n                <span class=\"sh-guide-kicker-line\"><\/span>\n                <span id=\"sh-guide-lang-kicker\">Patient Guide<\/span>\n            <\/div>\n            <h2 id=\"sh-guide-lang-title\" class=\"sh-guide-title\" style=\"font-family: var(--font-display);\">Your Urology Consultation<\/h2>\n        <\/div>\n\n        <!-- Main Content Layout -->\n        <div class=\"sh-guide-layout\">\n            \n            <!-- Left Column: Image & Prevention -->\n            <div class=\"sh-guide-col-left sh-animate-up sh-delay-1\">\n                \n                <div class=\"sh-img-container\">\n                    <picture>\n                        <source srcset=\"\/wp-content\/uploads\/2026\/07\/Urology_4.webp\" type=\"image\/webp\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Urology_4.webp\" alt=\"A doctor providing a urology consultation to a patient, discussing how to protect urinary health and manage conditions.\" class=\"sh-responsive-img\" loading=\"lazy\">\n                    <\/picture>\n                <\/div>\n                \n                <div class=\"sh-prev-card\">\n                    <h3 id=\"sh-guide-lang-prev-title\" class=\"sh-prev-title\" style=\"font-family: var(--font-display);\">Protecting Your Urinary Health<\/h3>\n                    <p id=\"sh-guide-lang-prev-desc\" class=\"sh-prev-desc\">Good urinary health depends on a combination of healthy lifestyle habits, timely medical evaluations, and proper management of existing medical conditions.<\/p>\n                    \n                    <ul id=\"sh-guide-lang-prev-list\" class=\"sh-list\">\n                        <!-- Injected safely via JS -->\n                    <\/ul>\n                    \n                    <p id=\"sh-guide-lang-prev-footer\" class=\"sh-prev-footer\">Preventive care is particularly important for people with a history of kidney stones, recurrent urinary infections, or prostate disorders.<\/p>\n                <\/div>\n                \n            <\/div>\n            \n            <!-- Right Column: Consultation Details -->\n            <div class=\"sh-cons-card sh-animate-up sh-delay-2\">\n                <p id=\"sh-guide-lang-cons-desc\" class=\"sh-cons-desc\">\n                    A first consultation is designed to understand your symptoms and identify the most appropriate next steps. During the visit, your doctor may:\n                <\/p>\n                \n                <div class=\"sh-cons-grid\">\n                    <div class=\"sh-cons-block\">\n                        <h4 class=\"sh-cons-block-title\" style=\"font-family: var(--font-display);\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n                            <span id=\"sh-guide-lang-symp-title\">Discuss Your Symptoms<\/span>\n                        <\/h4>\n                        <ul id=\"sh-guide-lang-symp-list\" class=\"sh-list\">\n                            <!-- Injected safely via JS -->\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"sh-cons-block\">\n                        <h4 class=\"sh-cons-block-title\" style=\"font-family: var(--font-display);\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                            <span id=\"sh-guide-lang-hist-title\">Review Medical History<\/span>\n                        <\/h4>\n                        <ul id=\"sh-guide-lang-hist-list\" class=\"sh-list\">\n                            <!-- Injected safely via JS -->\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-invest-box\">\n                    <h4 id=\"sh-guide-lang-invest-title\" class=\"sh-invest-title\" style=\"font-family: var(--font-display);\">Recommend Investigations<\/h4>\n                    <p id=\"sh-guide-lang-invest-desc\" class=\"sh-invest-desc\">Based on the findings, appropriate laboratory tests or imaging studies may be advised to clarify the diagnosis before treatment begins.<\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const guideData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Patient Guide\", \n                title: \"Your Urology Consultation\",\n                prevTitle: \"Protecting Your Urinary Health\",\n                prevDesc: \"Good urinary health depends on a combination of healthy lifestyle habits, timely medical evaluations, and proper management of existing medical conditions.\",\n                prevList: [\n                    \"Drinking enough water throughout the day\",\n                    \"Avoiding prolonged delays in urination\",\n                    \"Maintaining good personal hygiene\",\n                    \"Managing diabetes and high blood pressure\",\n                    \"Eating a balanced diet rich in fruits and vegetables\",\n                    \"Staying physically active and avoiding tobacco\"\n                ],\n                prevFooter: \"Preventive care is particularly important for people with a history of kidney stones, recurrent urinary infections, or prostate disorders.\",\n                consDesc: \"A first consultation is designed to understand your symptoms and identify the most appropriate next steps. During the visit, your doctor may:\",\n                sympTitle: \"Discuss Your Symptoms\",\n                sympList: [\n                    \"When did the symptoms begin?\",\n                    \"Are they constant or intermittent?\",\n                    \"Have they changed over time?\",\n                    \"Are there associated symptoms such as fever or pain?\"\n                ],\n                histTitle: \"Review Medical History\",\n                histList: [\n                    \"Previous urinary infections or stones\",\n                    \"Chronic medical conditions\",\n                    \"Previous surgeries\",\n                    \"Current medications & Family history\"\n                ],\n                investTitle: \"Recommend Investigations\",\n                investDesc: \"Based on the findings, appropriate laboratory tests or imaging studies may be advised to clarify the diagnosis before treatment begins.\"\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u0631\u064a\u0636\", \n                title: \"\u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                prevTitle: \"\u062d\u0645\u0627\u064a\u0629 \u0635\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                prevDesc: \"\u062a\u0639\u062a\u0645\u062f \u0635\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u062c\u064a\u062f\u0629 \u0639\u0644\u0649 \u0645\u0632\u064a\u062c \u0645\u0646 \u0639\u0627\u062f\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u060c \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0644\u064a\u0645\u0629 \u0644\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629.\",\n                prevList: [\n                    \"\u0634\u0631\u0628 \u0643\u0645\u064a\u0629 \u0643\u0627\u0641\u064a\u0629 \u0645\u0646 \u0627\u0644\u0645\u0627\u0621 \u0637\u0648\u0627\u0644 \u0627\u0644\u064a\u0648\u0645\",\n                    \"\u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0627\u0644\u0637\u0648\u064a\u0644 \u0641\u064a \u0627\u0644\u062a\u0628\u0648\u0644\",\n                    \"\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0641\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u062c\u064a\u062f\u0629\",\n                    \"\u0625\u062f\u0627\u0631\u0629 \u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\",\n                    \"\u062a\u0646\u0627\u0648\u0644 \u0646\u0638\u0627\u0645 \u063a\u0630\u0627\u0626\u064a \u0645\u062a\u0648\u0627\u0632\u0646 \u063a\u0646\u064a \u0628\u0627\u0644\u0641\u0648\u0627\u0643\u0647 \u0648\u0627\u0644\u062e\u0636\u0631\u0648\u0627\u062a\",\n                    \"\u0627\u0644\u0628\u0642\u0627\u0621 \u0646\u0634\u064a\u0637\u064b\u0627 \u0628\u062f\u0646\u064a\u064b\u0627 \u0648\u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u0628\u063a\"\n                ],\n                prevFooter: \"\u062a\u0639\u062a\u0628\u0631 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0645\u0647\u0645\u0629 \u0628\u0634\u0643\u0644 \u062e\u0627\u0635 \u0644\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0630\u064a\u0646 \u0644\u062f\u064a\u0647\u0645 \u062a\u0627\u0631\u064a\u062e \u0645\u0646 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\u060c \u0623\u0648 \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0623\u0648 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627.\",\n                consDesc: \"\u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0641\u0647\u0645 \u0623\u0639\u0631\u0627\u0636\u0643 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u0646\u0633\u0628. \u062e\u0644\u0627\u0644 \u0627\u0644\u0632\u064a\u0627\u0631\u0629\u060c \u0642\u062f \u064a\u0642\u0648\u0645 \u0637\u0628\u064a\u0628\u0643 \u0628\u0645\u0627 \u064a\u0644\u064a:\",\n                sympTitle: \"\u0645\u0646\u0627\u0642\u0634\u0629 \u0623\u0639\u0631\u0627\u0636\u0643\",\n                sympList: [\n                    \"\u0645\u062a\u0649 \u0628\u062f\u0623\u062a \u0627\u0644\u0623\u0639\u0631\u0627\u0636\u061f\",\n                    \"\u0647\u0644 \u0647\u064a \u0645\u0633\u062a\u0645\u0631\u0629 \u0623\u0645 \u0645\u062a\u0642\u0637\u0639\u0629\u061f\",\n                    \"\u0647\u0644 \u062a\u063a\u064a\u0631\u062a \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a\u061f\",\n                    \"\u0647\u0644 \u0647\u0646\u0627\u0643 \u0623\u0639\u0631\u0627\u0636 \u0645\u0635\u0627\u062d\u0628\u0629 \u0645\u062b\u0644 \u0627\u0644\u062d\u0645\u0649 \u0623\u0648 \u0627\u0644\u0623\u0644\u0645\u061f\"\n                ],\n                histTitle: \"\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a\",\n                histList: [\n                    \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0623\u0648 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\",\n                    \"\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\",\n                    \"\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\",\n                    \"\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0639\u0627\u0626\u0644\u064a\"\n                ],\n                investTitle: \"\u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0628\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a\",\n                investDesc: \"\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u060c \u0642\u062f \u064a\u064f\u0646\u0635\u062d \u0628\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0623\u0648 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u062a\u0648\u0636\u064a\u062d \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u0639\u0644\u0627\u062c.\"\n            }\n        };\n\n        const checkIconSVG = `<svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>`;\n\n        function renderSafeList(listContainerId, itemsArray, bodyFont) {\n            const container = document.getElementById(listContainerId);\n            if (!container) return;\n            \n            container.innerHTML = ''; \/\/ Clear existing\n            \n            itemsArray.forEach(text => {\n                const li = document.createElement('li');\n                li.className = \"sh-list-item\";\n                \n                const iconSpan = document.createElement('span');\n                iconSpan.className = \"sh-list-icon\";\n                iconSpan.innerHTML = checkIconSVG;\n                \n                const textSpan = document.createElement('span');\n                textSpan.className = \"sh-list-text\";\n                textSpan.textContent = text;\n                textSpan.style.fontFamily = bodyFont;\n                \n                li.appendChild(iconSpan);\n                li.appendChild(textSpan);\n                container.appendChild(li);\n            });\n        }\n\n        function initGuideSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const data = isRtl ? guideData.ar : guideData.en;\n            \n            const section = document.getElementById('sh-urology-guide-555');\n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Text and Fonts securely\n            const setElement = (id, text, font) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    el.style.fontFamily = font;\n                }\n            };\n\n            setElement('sh-guide-lang-kicker', data.kicker, data.bodyFont);\n            setElement('sh-guide-lang-title', data.title, data.headerFont);\n            \n            setElement('sh-guide-lang-prev-title', data.prevTitle, data.headerFont);\n            setElement('sh-guide-lang-prev-desc', data.prevDesc, data.bodyFont);\n            setElement('sh-guide-lang-prev-footer', data.prevFooter, data.bodyFont);\n            \n            setElement('sh-guide-lang-cons-desc', data.consDesc, data.bodyFont);\n            \n            setElement('sh-guide-lang-symp-title', data.sympTitle, data.headerFont);\n            setElement('sh-guide-lang-hist-title', data.histTitle, data.headerFont);\n            \n            setElement('sh-guide-lang-invest-title', data.investTitle, data.headerFont);\n            setElement('sh-guide-lang-invest-desc', data.investDesc, data.bodyFont);\n\n            \/\/ Safely generate lists via DOM nodes (XSS Prevention)\n            renderSafeList('sh-guide-lang-prev-list', data.prevList, data.bodyFont);\n            renderSafeList('sh-guide-lang-symp-list', data.sympList, data.bodyFont);\n            renderSafeList('sh-guide-lang-hist-list', data.histList, data.bodyFont);\n        }\n        \n        initGuideSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initGuideSection();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Section Container *\/\n    #sh-urology-emergency-666 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-emergency-666 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Inner Wrapper (Max-Width 1475px) *\/\n    #sh-urology-emergency-666 .sh-emerg-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. Typography & Layout *\/\n    #sh-urology-emergency-666 .sh-emerg-header {\n        max-width: 48rem;\n        margin: 0 auto 2.5rem auto;\n        text-align: center;\n    }\n\n    #sh-urology-emergency-666 .sh-emerg-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #e53e3e;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-urology-emergency-666 .sh-emerg-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #e53e3e;\n    }\n\n    #sh-urology-emergency-666 .sh-emerg-title {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #243b5a;\n        margin: 0 0 1.25rem 0;\n    }\n\n    #sh-urology-emergency-666 .sh-emerg-desc {\n        color: #667085;\n        font-size: clamp(16px, 2vw, 18px);\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 4. Content Box & Grid *\/\n    #sh-urology-emergency-666 .sh-emerg-content-wrap {\n        max-width: 56rem;\n        margin: 0 auto;\n    }\n\n    #sh-urology-emergency-666 .sh-emerg-box {\n        background-color: rgba(254, 242, 242, 0.5); \/* red-50\/50 *\/\n        border: 1px solid #fee2e2; \/* red-100 *\/\n        border-radius: 1rem;\n        padding: 1.5rem;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    }\n    @media (min-width: 768px) {\n        #sh-urology-emergency-666 .sh-emerg-box {\n            padding: 2rem;\n        }\n    }\n\n    #sh-urology-emergency-666 .sh-emerg-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1rem;\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    @media (min-width: 640px) {\n        #sh-urology-emergency-666 .sh-emerg-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    \/* 5. Card Item Styling *\/\n    #sh-urology-emergency-666 .sh-emerg-card {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n        background-color: #ffffff;\n        padding: 1rem;\n        border-radius: 0.75rem;\n        border: 1px solid #fee2e2; \/* red-100 *\/\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    #sh-urology-emergency-666 .sh-emerg-card:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    }\n\n    #sh-urology-emergency-666 .sh-emerg-icon {\n        flex-shrink: 0;\n        width: 2rem;\n        height: 2rem;\n        border-radius: 50%;\n        background-color: #fee2e2; \/* red-100 *\/\n        color: #dc2626; \/* red-600 *\/\n        display: grid;\n        place-items: center;\n    }\n    \n    #sh-urology-emergency-666 .sh-emerg-icon svg {\n        width: 16px;\n        height: 16px;\n    }\n\n    #sh-urology-emergency-666 .sh-emerg-text {\n        color: #243b5a;\n        font-weight: 500;\n        font-size: 15px;\n        line-height: 1.4;\n        margin: 0;\n    }\n\n    \/* 6. Footer Alert *\/\n    #sh-urology-emergency-666 .sh-emerg-footer {\n        margin: 1.5rem 0 0 0;\n        color: #243b5a;\n        font-size: 16px;\n        font-weight: 600;\n        text-align: center;\n        background-color: #f9fafb; \/* gray-50 *\/\n        padding: 0.75rem;\n        border-radius: 0.5rem;\n        border: 1px solid #e5e7eb; \/* gray-200 *\/\n    }\n\n    \/* 7. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-emergency-666 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-urology-emergency-666 .sh-delay-1 { animation-delay: 0.15s; }\n\n    #sh-urology-emergency-666 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-emergency-666\" dir=\"ltr\">\n    <div class=\"sh-emerg-wrapper\">\n        \n        <!-- Header Area -->\n        <div class=\"sh-emerg-header sh-animate-up\">\n            <div class=\"sh-emerg-kicker-wrap\">\n                <span class=\"sh-emerg-kicker-line\"><\/span>\n                <span id=\"sh-emerg-lang-kicker\">Urgent Care<\/span>\n            <\/div>\n            <h2 id=\"sh-emerg-lang-title\" class=\"sh-emerg-title\" style=\"font-family: var(--font-display);\">\n                When Should You Seek Immediate Urological Care?\n            <\/h2>\n            <p id=\"sh-emerg-lang-desc\" class=\"sh-emerg-desc\">\n                Some urinary symptoms require prompt medical assessment because they may indicate a serious underlying condition. Seek immediate medical attention if you experience:\n            <\/p>\n        <\/div>\n\n        <!-- Dynamic Content Grid -->\n        <div class=\"sh-emerg-content-wrap sh-animate-up sh-delay-1\">\n            <div class=\"sh-emerg-box\">\n                <ul id=\"sh-emerg-grid\" class=\"sh-emerg-grid\">\n                    <!-- List dynamically injected here -->\n                <\/ul>\n            <\/div>\n            \n            <!-- Footer Alert -->\n            <p id=\"sh-emerg-lang-footer\" class=\"sh-emerg-footer\">\n                Early treatment may reduce the risk of complications and improve recovery.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const emergencyData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                kicker: \"Urgent Care\", \n                title: \"When Should You Seek Immediate Urological Care?\",\n                desc: \"Some urinary symptoms require prompt medical assessment because they may indicate a serious underlying condition. Seek immediate medical attention if you experience:\",\n                footer: \"Early treatment may reduce the risk of complications and improve recovery.\",\n                rows: [\n                    \"Sudden inability to pass urine\",\n                    \"Severe pain in the side or lower back\",\n                    \"Blood in the urine accompanied by pain or fever\",\n                    \"High fever with urinary symptoms\",\n                    \"Persistent vomiting associated with kidney stone pain\",\n                    \"Injury affecting the kidneys or bladder\",\n                    \"Severe swelling or pain involving the urinary system\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"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 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629\u061f\",\n                desc: \"\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u062a\u0642\u064a\u064a\u0645\u064b\u0627 \u0637\u0628\u064a\u064b\u0627 \u0633\u0631\u064a\u0639\u064b\u0627 \u0644\u0623\u0646\u0647\u0627 \u0642\u062f \u062a\u0634\u064a\u0631 \u0625\u0644\u0649 \u062d\u0627\u0644\u0629 \u0643\u0627\u0645\u0646\u0629 \u062e\u0637\u064a\u0631\u0629. \u0627\u0637\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a \u0645\u0646:\",\n                footer: \"\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0628\u0643\u0631 \u0642\u062f \u064a\u0642\u0644\u0644 \u0645\u0646 \u062e\u0637\u0631 \u062d\u062f\u0648\u062b \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0648\u064a\u062d\u0633\u0646 \u0627\u0644\u062a\u0639\u0627\u0641\u064a.\",\n                rows: [\n                    \"\u0639\u062f\u0645 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0641\u0627\u062c\u0626\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0628\u0648\u0644\",\n                    \"\u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u0641\u064a \u0627\u0644\u062c\u0627\u0646\u0628 \u0623\u0648 \u0623\u0633\u0641\u0644 \u0627\u0644\u0638\u0647\u0631\",\n                    \"\u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644 \u0645\u0635\u062d\u0648\u0628 \u0628\u0623\u0644\u0645 \u0623\u0648 \u062d\u0645\u0649\",\n                    \"\u062d\u0645\u0649 \u0634\u062f\u064a\u062f\u0629 \u0645\u0639 \u0623\u0639\u0631\u0627\u0636 \u0628\u0648\u0644\u064a\u0629\",\n                    \"\u0642\u064a\u0621 \u0645\u0633\u062a\u0645\u0631 \u0645\u0631\u062a\u0628\u0637 \u0628\u0623\u0644\u0645 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\",\n                    \"\u0625\u0635\u0627\u0628\u0629 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0643\u0644\u0649 \u0623\u0648 \u0627\u0644\u0645\u062b\u0627\u0646\u0629\",\n                    \"\u062a\u0648\u0631\u0645 \u0623\u0648 \u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u064a\u0634\u0645\u0644 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0628\u0648\u0644\u064a\"\n                ]\n            }\n        };\n\n        const alertIconSVG = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>`;\n\n        function initEmergencySection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const data = isRtl ? emergencyData.ar : emergencyData.en;\n            \n            const section = document.getElementById('sh-urology-emergency-666');\n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Safely set text contents\n            const setElement = (id, text, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setElement('sh-emerg-lang-kicker', data.kicker, data.body);\n            setElement('sh-emerg-lang-title', data.title, data.font);\n            setElement('sh-emerg-lang-desc', data.desc, data.body);\n            setElement('sh-emerg-lang-footer', data.footer, data.body);\n            \n            \/\/ Render Dynamic Cards safely using DOM API (XSS Prevention)\n            const grid = document.getElementById('sh-emerg-grid');\n            if(grid) {\n                grid.innerHTML = ''; \/\/ Clear previous content\n                \n                data.rows.forEach(item => {\n                    const li = document.createElement('li');\n                    li.className = \"sh-emerg-card\";\n                    \n                    const iconSpan = document.createElement('span');\n                    iconSpan.className = \"sh-emerg-icon\";\n                    iconSpan.innerHTML = alertIconSVG; \/\/ Safe static SVG injection\n                    \n                    const textSpan = document.createElement('span');\n                    textSpan.className = \"sh-emerg-text\";\n                    textSpan.style.fontFamily = data.body;\n                    textSpan.textContent = item;\n                    \n                    li.appendChild(iconSpan);\n                    li.appendChild(textSpan);\n                    grid.appendChild(li);\n                });\n            }\n        }\n        \n        initEmergencySection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initEmergencySection();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID & Breakout Width for Astra *\/\n    #sh-stones-prev-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: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n    @media (min-width: 768px) {\n        #sh-stones-prev-444 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n    @media (min-width: 1024px) {\n        #sh-stones-prev-444 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hexa Background *\/\n    #sh-stones-prev-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    \/* 3. Inner Wrapper (Max-Width 1475px) *\/\n    #sh-stones-prev-444 .sh-prev-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;\n    }\n\n    \/* 4. Header & Typography *\/\n    #sh-stones-prev-444 .sh-prev-header {\n        max-width: 48rem;\n        margin: 0 auto 3rem auto;\n        text-align: center;\n    }\n\n    #sh-stones-prev-444 .sh-prev-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-stones-prev-444 .sh-prev-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-stones-prev-444 .sh-prev-title {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #243b5a;\n        margin: 0 0 1.25rem 0;\n    }\n\n    #sh-stones-prev-444 .sh-prev-desc {\n        color: #667085;\n        font-size: clamp(16px, 2vw, 18px);\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 5. Table Container *\/\n    #sh-stones-prev-444 .sh-prev-table-container {\n        max-width: 56rem;\n        margin: 0 auto;\n        background-color: rgba(255, 255, 255, 0.8);\n        backdrop-filter: blur(4px);\n        border-radius: 1rem;\n        border: 1px solid #e4edf3;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n        overflow-x: auto;\n    }\n\n    \/* 6. Table Styling & RTL Support *\/\n    #sh-stones-prev-444 .sh-prev-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left; \/* LTR default *\/\n    }\n    #sh-stones-prev-444[dir=\"rtl\"] .sh-prev-table {\n        text-align: right;\n    }\n\n    #sh-stones-prev-444 .sh-prev-table th {\n        background-color: #ffffff;\n        color: #138b86;\n        font-weight: 700;\n        padding: 1.25rem 1.5rem;\n        border-bottom: 2px solid #e4edf3;\n        font-size: 18px;\n        white-space: nowrap;\n    }\n\n    #sh-stones-prev-444 .sh-prev-table td {\n        padding: 1.25rem 1.5rem;\n        border-bottom: 1px solid #e4edf3;\n        font-size: 16px;\n        line-height: 1.625;\n    }\n    #sh-stones-prev-444 .sh-prev-table tr:last-child td {\n        border-bottom: none;\n    }\n\n    \/* Table Hover Effects *\/\n    #sh-stones-prev-444 .sh-prev-table tbody tr {\n        transition: all 0.3s ease;\n    }\n    #sh-stones-prev-444[dir=\"ltr\"] .sh-prev-table tbody tr:hover {\n        background-color: #ffffff;\n        box-shadow: inset 4px 0 0 0 #138b86;\n    }\n    #sh-stones-prev-444[dir=\"rtl\"] .sh-prev-table tbody tr:hover {\n        background-color: #ffffff;\n        box-shadow: inset -4px 0 0 0 #138b86;\n    }\n\n    \/* Specific Column Styling *\/\n    #sh-stones-prev-444 .sh-prev-td-title {\n        font-weight: 700;\n        color: #243b5a;\n        width: 40%;\n    }\n    @media (min-width: 768px) {\n        #sh-stones-prev-444 .sh-prev-td-title { width: 33.333%; }\n    }\n    \n    #sh-stones-prev-444 .sh-prev-td-desc {\n        color: #667085;\n    }\n\n    \/* 7. Footer Styling *\/\n    #sh-stones-prev-444 .sh-prev-footer-wrap {\n        margin-top: 2.5rem;\n        text-align: center;\n        max-width: 48rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    #sh-stones-prev-444 .sh-prev-footer {\n        color: #243b5a;\n        font-weight: 500;\n        font-size: clamp(16px, 2vw, 18px);\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 8. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-stones-prev-444 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-stones-prev-444 .sh-delay-1 { animation-delay: 0.15s; }\n    #sh-stones-prev-444 .sh-delay-2 { animation-delay: 0.3s; }\n\n    #sh-stones-prev-444 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-stones-prev-444\" dir=\"ltr\">\n    <div class=\"sh-prev-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"sh-prev-header sh-animate-up\">\n            <div class=\"sh-prev-kicker-wrap\">\n                <span class=\"sh-prev-kicker-line\"><\/span>\n                <span id=\"sh-prev-lang-kicker\">Patient Education<\/span>\n            <\/div>\n            <h2 id=\"sh-prev-lang-title\" class=\"sh-prev-title\" style=\"font-family: var(--font-display);\">\n                Preventing Kidney Stones\n            <\/h2>\n            <p id=\"sh-prev-lang-desc\" class=\"sh-prev-desc\">\n                Kidney stones are one of the most common reasons patients visit a urologist. Although not every stone can be prevented, lifestyle measures may help reduce the chance of recurrence. Doctors often recommend:\n            <\/p>\n        <\/div>\n\n        <!-- Table Container -->\n        <div class=\"sh-prev-table-container sh-animate-up sh-delay-1\">\n            <table class=\"sh-prev-table\">\n                <thead>\n                    <tr>\n                        <th id=\"sh-prev-lang-col1\" style=\"font-family: var(--font-display);\">Preventive Measure<\/th>\n                        <th id=\"sh-prev-lang-col2\" style=\"font-family: var(--font-display);\">Why It Helps<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody id=\"sh-prev-table-body\">\n                    <!-- Dynamic Rows Injected via JS -->\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <!-- Footer -->\n        <div class=\"sh-prev-footer-wrap sh-animate-up sh-delay-2\">\n            <p id=\"sh-prev-lang-footer\" class=\"sh-prev-footer\">\n                Patients who have experienced kidney stones before may benefit from regular follow-up to monitor their urinary health.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const prevData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                kicker: \"Patient Education\", \n                title: \"Preventing Kidney Stones\",\n                desc: \"Kidney stones are one of the most common reasons patients visit a urologist. Although not every stone can be prevented, lifestyle measures may help reduce the chance of recurrence. Doctors often recommend:\",\n                col1: \"Preventive Measure\",\n                col2: \"Why It Helps\",\n                footer: \"Patients who have experienced kidney stones before may benefit from regular follow-up to monitor their urinary health.\",\n                rows: [\n                    { stage: \"Drink adequate water\", role: \"Dilutes minerals that can form stones\" },\n                    { stage: \"Reduce excessive salt intake\", role: \"Helps decrease calcium excretion in urine\" },\n                    { stage: \"Eat a balanced diet\", role: \"Supports normal urinary chemistry\" },\n                    { stage: \"Maintain a healthy weight\", role: \"Reduces metabolic risk factors\" },\n                    { stage: \"Follow medical advice after previous stones\", role: \"Helps identify the specific type of stone and appropriate prevention strategy\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"var(--font-arabic)\",\n                kicker: \"\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0645\u0631\u0636\u0649\", \n                title: \"\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\",\n                desc: \"\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0647\u064a \u0623\u062d\u062f \u0623\u0643\u062b\u0631 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0634\u064a\u0648\u0639\u064b\u0627 \u0644\u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629. \u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646\u0647 \u0644\u0627 \u064a\u0645\u0643\u0646 \u0645\u0646\u0639 \u0643\u0644 \u062d\u0635\u0648\u0629\u060c \u0625\u0644\u0627 \u0623\u0646 \u062a\u062f\u0627\u0628\u064a\u0631 \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0642\u062f \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u0642\u0644\u064a\u0644 \u0641\u0631\u0635\u0629 \u0627\u0644\u062a\u0643\u0631\u0627\u0631. \u064a\u0648\u0635\u064a \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u063a\u0627\u0644\u0628\u064b\u0627 \u0628\u0645\u0627 \u064a\u0644\u064a:\",\n                col1: \"\u0627\u0644\u062a\u062f\u0628\u064a\u0631 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\",\n                col2: \"\u0633\u0628\u0628 \u0641\u0627\u0626\u062f\u062a\u0647\",\n                footer: \"\u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u0639\u0627\u0646\u0648\u0627 \u0645\u0646 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0645\u0646 \u0642\u0628\u0644 \u0642\u062f \u064a\u0633\u062a\u0641\u064a\u062f\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0635\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0644\u062f\u064a\u0647\u0645.\",\n                rows: [\n                    { stage: \"\u0634\u0631\u0628 \u0643\u0645\u064a\u0629 \u0643\u0627\u0641\u064a\u0629 \u0645\u0646 \u0627\u0644\u0645\u0627\u0621\", role: \"\u064a\u062e\u0641\u0641 \u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0634\u0643\u0644 \u0627\u0644\u062d\u0635\u0648\u0627\u062a\" },\n                    { stage: \"\u062a\u0642\u0644\u064a\u0644 \u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0645\u0644\u062d \u0627\u0644\u0632\u0627\u0626\u062f\", role: \"\u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u0642\u0644\u064a\u0644 \u0625\u0641\u0631\u0627\u0632 \u0627\u0644\u0643\u0627\u0644\u0633\u064a\u0648\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644\" },\n                    { stage: \"\u062a\u0646\u0627\u0648\u0644 \u0646\u0638\u0627\u0645 \u063a\u0630\u0627\u0626\u064a \u0645\u062a\u0648\u0627\u0632\u0646\", role: \"\u064a\u062f\u0639\u0645 \u0643\u064a\u0645\u064a\u0627\u0621 \u0627\u0644\u0628\u0648\u0644 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629\" },\n                    { stage: \"\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0648\u0632\u0646 \u0635\u062d\u064a\", role: \"\u064a\u0642\u0644\u0644 \u0645\u0646 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0627\u0644\u0623\u064a\u0636\u064a\u0629\" },\n                    { stage: \"\u0627\u062a\u0628\u0627\u0639 \u0627\u0644\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u0639\u062f \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u062d\u0635\u0648\u0627\u062a \u0633\u0627\u0628\u0642\u0629\", role: \"\u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0646\u0648\u0639 \u0627\u0644\u0645\u062d\u062f\u062f \u0645\u0646 \u0627\u0644\u062d\u0635\u0648\u0629 \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\" }\n                ]\n            }\n        };\n\n        function initPrevSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const data = isRtl ? prevData.ar : prevData.en;\n            const section = document.getElementById('sh-stones-prev-444');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Set Text and Fonts securely\n            const setElement = (id, text, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setElement('sh-prev-lang-kicker', data.kicker, data.body);\n            setElement('sh-prev-lang-title', data.title, data.font);\n            setElement('sh-prev-lang-desc', data.desc, data.body);\n            setElement('sh-prev-lang-col1', data.col1, data.font);\n            setElement('sh-prev-lang-col2', data.col2, data.font);\n            setElement('sh-prev-lang-footer', data.footer, data.body);\n            \n            \/\/ Render Table Rows Securely (XSS Prevention)\n            const tbody = document.getElementById('sh-prev-table-body');\n            if (tbody) {\n                tbody.innerHTML = ''; \/\/ Clear previous rows\n                \n                data.rows.forEach(row => {\n                    const tr = document.createElement('tr');\n                    \n                    const tdTitle = document.createElement('td');\n                    tdTitle.className = \"sh-prev-td-title\";\n                    tdTitle.style.fontFamily = data.font;\n                    tdTitle.textContent = row.stage;\n                    \n                    const tdDesc = document.createElement('td');\n                    tdDesc.className = \"sh-prev-td-desc\";\n                    tdDesc.style.fontFamily = data.body;\n                    tdDesc.textContent = row.role;\n                    \n                    tr.appendChild(tdTitle);\n                    tr.appendChild(tdDesc);\n                    tbody.appendChild(tr);\n                });\n            }\n        }\n        \n        initPrevSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initPrevSection();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Section Container *\/\n    #sh-mens-health-333 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n    @media (min-width: 768px) {\n        #sh-mens-health-333 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Inner Wrapper (Max-Width 1475px) *\/\n    #sh-mens-health-333 .sh-mens-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. Typography & Header *\/\n    #sh-mens-health-333 .sh-mens-header {\n        max-width: 48rem;\n        margin: 0 auto 3rem auto;\n        text-align: center;\n    }\n\n    #sh-mens-health-333 .sh-mens-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-mens-health-333 .sh-mens-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-mens-health-333 .sh-mens-title {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #243b5a;\n        margin: 0 0 1.25rem 0;\n    }\n\n    #sh-mens-health-333 .sh-mens-desc {\n        color: #667085;\n        font-size: clamp(16px, 2vw, 18px);\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 4. Content Card & Grid Layout *\/\n    #sh-mens-health-333 .sh-mens-card {\n        background-color: #ffffff;\n        border-radius: 1.5rem;\n        padding: 2rem;\n        border: 1px solid #e4edf3;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2.5rem;\n        align-items: center;\n    }\n    @media (min-width: 768px) {\n        #sh-mens-health-333 .sh-mens-card {\n            padding: 2.5rem;\n        }\n    }\n    @media (min-width: 1024px) {\n        #sh-mens-health-333 .sh-mens-card {\n            grid-template-columns: 1fr 1.1fr;\n            gap: 2.5rem;\n        }\n    }\n\n    \/* RTL Alignment Support *\/\n    #sh-mens-health-333[dir=\"rtl\"] .sh-mens-content-col { text-align: right; }\n    #sh-mens-health-333[dir=\"ltr\"] .sh-mens-content-col { text-align: left; }\n\n    \/* 5. Image Styling *\/\n    #sh-mens-health-333 .sh-mens-image {\n        width: 100%;\n        height: 400px;\n        object-fit: contain;\n        border-radius: 1rem;\n        display: block;\n    }\n\n    \/* 6. List Content Styling *\/\n    #sh-mens-health-333 .sh-mens-intro {\n        font-size: clamp(18px, 2vw, 20px);\n        color: #243b5a;\n        font-weight: 600;\n        margin: 0 0 1.25rem 0;\n        line-height: 1.4;\n    }\n\n    #sh-mens-health-333 .sh-mens-list {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        list-style: none;\n        padding: 0;\n        margin: 0 0 2rem 0;\n    }\n\n    #sh-mens-health-333 .sh-mens-list-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 1rem;\n    }\n\n    #sh-mens-health-333 .sh-mens-list-icon {\n        flex-shrink: 0;\n        width: 1.5rem;\n        height: 1.5rem;\n        border-radius: 50%;\n        background-color: rgba(19, 139, 134, 0.1);\n        color: #138b86;\n        display: grid;\n        place-items: center;\n        margin-top: 0.125rem;\n    }\n\n    #sh-mens-health-333 .sh-mens-list-icon svg {\n        width: 14px;\n        height: 14px;\n    }\n\n    #sh-mens-health-333 .sh-mens-list-text {\n        font-size: clamp(16px, 1.8vw, 17px);\n        color: rgba(36, 59, 90, 0.9);\n        font-weight: 500;\n        line-height: 1.4;\n        margin: 0;\n    }\n\n    \/* 7. Footer Alert Box *\/\n    #sh-mens-health-333 .sh-mens-footer-box {\n        background-color: #f8fbfd;\n        border: 1px solid #e4edf3;\n        border-radius: 1rem;\n        padding: 1.25rem;\n    }\n\n    #sh-mens-health-333 .sh-mens-footer-text {\n        color: #243b5a;\n        font-weight: 500;\n        font-size: 16px;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 8. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-mens-health-333 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-mens-health-333 .sh-delay-1 { animation-delay: 0.15s; }\n\n    #sh-mens-health-333 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-mens-health-333\" dir=\"ltr\">\n    <div class=\"sh-mens-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"sh-mens-header sh-animate-up\">\n            <div class=\"sh-mens-kicker-wrap\">\n                <span class=\"sh-mens-kicker-line\"><\/span>\n                <span id=\"sh-mens-lang-kicker\">Prostate &#038; Urinary Health<\/span>\n            <\/div>\n            <h2 id=\"sh-mens-lang-title\" class=\"sh-mens-title\" style=\"font-family: var(--font-display);\">\n                Men&#8217;s Urological Health After 40\n            <\/h2>\n            <p id=\"sh-mens-lang-desc\" class=\"sh-mens-desc\">\n                As men grow older, changes in urinary function become more common. Regular medical evaluation can help detect conditions before they significantly affect quality of life.\n            <\/p>\n        <\/div>\n\n        <!-- Main Content Card -->\n        <div class=\"sh-mens-card sh-animate-up sh-delay-1\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Urology_5.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Urology_5.webp'\" alt=\"Middle-aged man consulting with urologist about men's health.\" class=\"sh-mens-image\" loading=\"lazy\">\n            \n            <div class=\"sh-mens-content-col\">\n                <p id=\"sh-mens-lang-intro\" class=\"sh-mens-intro\" style=\"font-family: var(--font-display);\">\n                    A urology assessment may be appropriate for men who notice:\n                <\/p>\n                \n                <ul id=\"sh-mens-list-grid\" class=\"sh-mens-list\">\n                    <!-- List Items dynamically injected via JS -->\n                <\/ul>\n                \n                <div class=\"sh-mens-footer-box\">\n                    <p id=\"sh-mens-lang-footer\" class=\"sh-mens-footer-text\">\n                        Not every symptom is related to prostate enlargement, making proper medical evaluation essential.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const mensData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                kicker: \"Prostate & Urinary Health\", \n                title: \"Men's Urological Health After 40\",\n                desc: \"As men grow older, changes in urinary function become more common. Regular medical evaluation can help detect conditions before they significantly affect quality of life.\",\n                intro: \"A urology assessment may be appropriate for men who notice:\",\n                footer: \"Not every symptom is related to prostate enlargement, making proper medical evaluation essential.\",\n                list: [\n                    \"Difficulty starting urination\",\n                    \"Weak urine stream\",\n                    \"Frequent nighttime urination\",\n                    \"Urgency to urinate\",\n                    \"Incomplete bladder emptying\",\n                    \"Recurrent urinary tract infections\",\n                    \"Blood in the urine\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"var(--font-arabic)\",\n                kicker: \"\u0635\u062d\u0629 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627 \u0648\u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\", \n                title: \"\u0635\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0644\u0644\u0631\u062c\u0627\u0644 \u0628\u0639\u062f \u0633\u0646 \u0627\u0644\u0623\u0631\u0628\u0639\u064a\u0646\",\n                desc: \"\u0645\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u0631\u062c\u0627\u0644 \u0641\u064a \u0627\u0644\u0639\u0645\u0631\u060c \u062a\u0635\u0628\u062d \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0641\u064a \u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0623\u0643\u062b\u0631 \u0634\u064a\u0648\u0639\u064b\u0627. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0645\u0646\u062a\u0638\u0645 \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0642\u0628\u0644 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u062d\u064a\u0627\u0629.\",\n                intro: \"\u0642\u062f \u064a\u0643\u0648\u0646 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0645\u0646\u0627\u0633\u0628\u064b\u0627 \u0644\u0644\u0631\u062c\u0627\u0644 \u0627\u0644\u0630\u064a\u0646 \u064a\u0644\u0627\u062d\u0638\u0648\u0646:\",\n                footer: \"\u0644\u064a\u0633\u062a \u0643\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u062a\u0636\u062e\u0645 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0633\u0644\u064a\u0645 \u0623\u0645\u0631\u064b\u0627 \u0636\u0631\u0648\u0631\u064a\u064b\u0627.\",\n                list: [\n                    \"\u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0628\u062f\u0621 \u0627\u0644\u062a\u0628\u0648\u0644\",\n                    \"\u0636\u0639\u0641 \u062a\u062f\u0641\u0642 \u0627\u0644\u0628\u0648\u0644\",\n                    \"\u0643\u062b\u0631\u0629 \u0627\u0644\u062a\u0628\u0648\u0644 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0644\u064a\u0644\",\n                    \"\u0625\u0644\u062d\u0627\u062d \u0634\u062f\u064a\u062f \u0644\u0644\u062a\u0628\u0648\u0644\",\n                    \"\u0639\u062f\u0645 \u0625\u0641\u0631\u0627\u063a \u0627\u0644\u0645\u062b\u0627\u0646\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\",\n                    \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\",\n                    \"\u0648\u062c\u0648\u062f \u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644\"\n                ]\n            }\n        };\n\n        const checkIconSVG = `<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\"\/><\/svg>`;\n\n        function initMensSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const data = isRtl ? mensData.ar : mensData.en;\n            \n            const section = document.getElementById('sh-mens-health-333');\n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Safe Text and Font Injection\n            const setElement = (id, text, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setElement('sh-mens-lang-kicker', data.kicker, data.body);\n            setElement('sh-mens-lang-title', data.title, data.font);\n            setElement('sh-mens-lang-desc', data.desc, data.body);\n            setElement('sh-mens-lang-intro', data.intro, data.font);\n            setElement('sh-mens-lang-footer', data.footer, data.body);\n            \n            \/\/ Dynamic List Rendering via safe DOM creation (XSS Prevention)\n            const listGrid = document.getElementById('sh-mens-list-grid');\n            if (listGrid) {\n                listGrid.innerHTML = ''; \/\/ Clear existing\n                \n                data.list.forEach(item => {\n                    const li = document.createElement('li');\n                    li.className = \"sh-mens-list-item\";\n                    \n                    const iconSpan = document.createElement('span');\n                    iconSpan.className = \"sh-mens-list-icon\";\n                    iconSpan.innerHTML = checkIconSVG; \/\/ Safe static SVG\n                    \n                    const textSpan = document.createElement('span');\n                    textSpan.className = \"sh-mens-list-text\";\n                    textSpan.style.fontFamily = data.body;\n                    textSpan.textContent = item;\n                    \n                    li.appendChild(iconSpan);\n                    li.appendChild(textSpan);\n                    listGrid.appendChild(li);\n                });\n            }\n        }\n        \n        initMensSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initMensSection();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Section Container *\/\n    #sh-urology-diagnosis-555 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-diagnosis-555 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Inner Wrapper (Max-Width 1475px) *\/\n    #sh-urology-diagnosis-555 .sh-diag-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. Header & Typography *\/\n    #sh-urology-diagnosis-555 .sh-diag-header {\n        max-width: 48rem;\n        margin-bottom: 3rem;\n    }\n    #sh-urology-diagnosis-555[dir=\"rtl\"] .sh-diag-header { text-align: right; }\n    #sh-urology-diagnosis-555[dir=\"ltr\"] .sh-diag-header { text-align: left; }\n\n    #sh-urology-diagnosis-555 .sh-diag-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-urology-diagnosis-555 .sh-diag-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-urology-diagnosis-555 .sh-diag-title {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #243b5a;\n        margin: 0 0 1.25rem 0;\n    }\n\n    #sh-urology-diagnosis-555 .sh-diag-desc {\n        color: #667085;\n        font-size: 18px;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 4. Grid Layout for Cards *\/\n    #sh-urology-diagnosis-555 .sh-diag-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.5rem;\n        max-width: 72rem;\n        margin-bottom: 2rem;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-diagnosis-555 .sh-diag-grid {\n            grid-template-columns: repeat(3, 1fr);\n        }\n    }\n\n    \/* 5. Card Styling *\/\n    #sh-urology-diagnosis-555 .sh-diag-card {\n        background-color: #ffffff;\n        border-radius: 1rem;\n        padding: 2rem;\n        border: 1px solid #e4edf3;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        align-items: flex-start;\n        transition: box-shadow 0.3s ease, transform 0.3s ease;\n    }\n    #sh-urology-diagnosis-555 .sh-diag-card:hover {\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n        transform: translateY(-4px);\n    }\n\n    #sh-urology-diagnosis-555 .sh-diag-icon {\n        width: 3rem;\n        height: 3rem;\n        border-radius: 0.75rem;\n        background-color: #e6f4f3;\n        color: #138b86;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    #sh-urology-diagnosis-555 .sh-diag-card-title {\n        font-size: 20px;\n        color: #243b5a;\n        font-weight: 700;\n        margin: 0 0 0.5rem 0;\n        line-height: 1.3;\n    }\n\n    #sh-urology-diagnosis-555 .sh-diag-card-desc {\n        font-size: 16px;\n        color: #667085;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 6. Footer Alert Box *\/\n    #sh-urology-diagnosis-555 .sh-diag-footer-wrap {\n        max-width: 72rem;\n        margin-top: 2rem;\n    }\n\n    #sh-urology-diagnosis-555 .sh-diag-footer-box {\n        color: #243b5a;\n        font-size: 18px;\n        font-weight: 600;\n        background-color: #f9fafb;\n        padding: 1.5rem;\n        border-radius: 0.75rem;\n        border: 1px solid #e5e7eb;\n        margin: 0;\n        line-height: 1.5;\n    }\n\n    \/* 7. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-diagnosis-555 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-urology-diagnosis-555 .sh-delay-1 { animation-delay: 0.1s; }\n    #sh-urology-diagnosis-555 .sh-delay-2 { animation-delay: 0.2s; }\n\n    #sh-urology-diagnosis-555 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-diagnosis-555\" dir=\"ltr\">\n    <div class=\"sh-diag-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"sh-diag-header sh-animate-up\">\n            <div class=\"sh-diag-kicker-wrap\">\n                <span class=\"sh-diag-kicker-line\"><\/span>\n                <span id=\"sh-diag-lang-kicker\">Clinical Insight<\/span>\n            <\/div>\n            <h2 id=\"sh-diag-lang-title\" class=\"sh-diag-title\" style=\"font-family: var(--font-display);\">\n                Looking Beyond Symptoms: Why Early Diagnosis Matters\n            <\/h2>\n            <p id=\"sh-diag-lang-desc\" class=\"sh-diag-desc\">\n                Many urinary disorders share similar symptoms, but their underlying causes can differ considerably. For example:\n            <\/p>\n        <\/div>\n\n        <!-- Dynamic Grid -->\n        <div id=\"sh-diag-grid\" class=\"sh-diag-grid sh-animate-up sh-delay-1\">\n            <!-- Cards are dynamically injected via JS -->\n        <\/div>\n\n        <!-- Footer -->\n        <div class=\"sh-diag-footer-wrap sh-animate-up sh-delay-2\">\n            <p id=\"sh-diag-lang-footer\" class=\"sh-diag-footer-box\">\n                A comprehensive evaluation helps determine the actual cause rather than treating symptoms alone.\n            <\/p>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const diagData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                kicker: \"Clinical Insight\", \n                title: \"Looking Beyond Symptoms: Why Early Diagnosis Matters\",\n                desc: \"Many urinary disorders share similar symptoms, but their underlying causes can differ considerably. For example:\",\n                footer: \"A comprehensive evaluation helps determine the actual cause rather than treating symptoms alone.\",\n                cards: [\n                    {\n                        icon: `<path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>`,\n                        title: \"Frequent Urination\",\n                        desc: \"May be linked to infection, diabetes, bladder disorders, or prostate enlargement.\"\n                    },\n                    {\n                        icon: `<path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>`,\n                        title: \"Blood in Urine\",\n                        desc: \"May result from kidney stones, infection, inflammation, or other medical conditions.\"\n                    },\n                    {\n                        icon: `<path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/>`,\n                        title: \"Lower Back Pain\",\n                        desc: \"May originate from the kidneys, muscles, or the spine.\"\n                    }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0624\u064a\u0629 \u0633\u0631\u064a\u0631\u064a\u0629\", \n                title: \"\u0627\u0644\u0646\u0638\u0631 \u0625\u0644\u0649 \u0645\u0627 \u0647\u0648 \u0623\u0628\u0639\u062f \u0645\u0646 \u0627\u0644\u0623\u0639\u0631\u0627\u0636: \u0644\u0645\u0627\u0630\u0627 \u064a\u0647\u0645 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631\",\n                desc: \"\u062a\u0634\u062a\u0631\u0643 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0641\u064a \u0623\u0639\u0631\u0627\u0636 \u0645\u062a\u0634\u0627\u0628\u0647\u0629\u060c \u0644\u0643\u0646 \u0623\u0633\u0628\u0627\u0628\u0647\u0627 \u0627\u0644\u0643\u0627\u0645\u0646\u0629 \u0642\u062f \u062a\u062e\u062a\u0644\u0641 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:\",\n                footer: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0634\u0627\u0645\u0644 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0641\u0639\u0644\u064a \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u062d\u062f\u0647\u0627.\",\n                cards: [\n                    {\n                        icon: `<path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>`,\n                        title: \"\u0643\u062b\u0631\u0629 \u0627\u0644\u062a\u0628\u0648\u0644\",\n                        desc: \"\u0642\u062f \u064a\u0631\u062a\u0628\u0637 \u0628\u0627\u0644\u0639\u062f\u0648\u0649\u060c \u0623\u0648 \u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a\u060c \u0623\u0648 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0646\u0629\u060c \u0623\u0648 \u062a\u0636\u062e\u0645 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627.\"\n                    },\n                    {\n                        icon: `<path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>`,\n                        title: \"\u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644\",\n                        desc: \"\u0642\u062f \u064a\u0646\u062a\u062c \u0639\u0646 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\u060c \u0623\u0648 \u0627\u0644\u0639\u062f\u0648\u0649\u060c \u0623\u0648 \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u060c \u0623\u0648 \u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0623\u062e\u0631\u0649.\"\n                    },\n                    {\n                        icon: `<path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/>`,\n                        title: \"\u0623\u0644\u0645 \u0623\u0633\u0641\u0644 \u0627\u0644\u0638\u0647\u0631\",\n                        desc: \"\u0642\u062f \u064a\u0646\u0634\u0623 \u0645\u0646 \u0627\u0644\u0643\u0644\u0649\u060c \u0623\u0648 \u0627\u0644\u0639\u0636\u0644\u0627\u062a\u060c \u0623\u0648 \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a.\"\n                    }\n                ]\n            }\n        };\n\n        function initDiagSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const data = isRtl ? diagData.ar : diagData.en;\n            \n            const section = document.getElementById('sh-urology-diagnosis-555');\n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Set static texts securely\n            const setElement = (id, text, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setElement('sh-diag-lang-kicker', data.kicker, data.body);\n            setElement('sh-diag-lang-title', data.title, data.font);\n            setElement('sh-diag-lang-desc', data.desc, data.body);\n            setElement('sh-diag-lang-footer', data.footer, data.body);\n            \n            \/\/ Dynamically build grid cards safely\n            const grid = document.getElementById('sh-diag-grid');\n            if (grid) {\n                grid.innerHTML = ''; \/\/ Clear previous content\n                \n                data.cards.forEach((card) => {\n                    const cardDiv = document.createElement('div');\n                    cardDiv.className = \"sh-diag-card\";\n                    \n                    const iconWrap = document.createElement('div');\n                    iconWrap.className = \"sh-diag-icon\";\n                    iconWrap.innerHTML = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${card.icon}<\/svg>`;\n                    \n                    const textWrap = document.createElement('div');\n                    \n                    const titleH3 = document.createElement('h3');\n                    titleH3.className = \"sh-diag-card-title\";\n                    titleH3.style.fontFamily = data.font;\n                    titleH3.textContent = card.title;\n                    \n                    const descP = document.createElement('p');\n                    descP.className = \"sh-diag-card-desc\";\n                    descP.style.fontFamily = data.body;\n                    descP.textContent = card.desc;\n                    \n                    textWrap.appendChild(titleH3);\n                    textWrap.appendChild(descP);\n                    \n                    cardDiv.appendChild(iconWrap);\n                    cardDiv.appendChild(textWrap);\n                    \n                    grid.appendChild(cardDiv);\n                });\n            }\n        }\n        \n        initDiagSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initDiagSection();\n                }\n            });\n        });\n        \n        if (document.documentElement) {\n            observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-urology-questions-101 {\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: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n        display: block !important;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-questions-101 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background *\/\n    #sh-urology-questions-101::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-urology-questions-101 .sh-q-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. Card Styling & RTL Borders *\/\n    #sh-urology-questions-101 .sh-q-card {\n        background-color: #ffffff !important;\n        border-radius: 1.5rem;\n        padding: 1.5rem;\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n        max-width: 64rem;\n        margin: 0 auto;\n        border-top: 4px solid #138b86 !important;\n        text-align: left; \/* Default LTR *\/\n    }\n    @media (min-width: 768px) {\n        #sh-urology-questions-101 .sh-q-card {\n            padding: 3rem;\n            border-top: none !important;\n            border-left: 4px solid #138b86 !important;\n        }\n    }\n    \n    #sh-urology-questions-101[dir=\"rtl\"] .sh-q-card {\n        text-align: right;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-questions-101[dir=\"rtl\"] .sh-q-card {\n            border-left: none !important;\n            border-right: 4px solid #138b86 !important;\n        }\n    }\n\n    \/* 5. Header & Typography *\/\n    #sh-urology-questions-101 .sh-q-header {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin-bottom: 1.5rem;\n    }\n\n    #sh-urology-questions-101 .sh-q-icon-wrap {\n        width: 3rem;\n        height: 3rem;\n        background-color: rgba(19, 139, 134, 0.1);\n        color: #138b86;\n        border-radius: 0.75rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-questions-101 .sh-q-icon-wrap {\n            width: 3.5rem;\n            height: 3.5rem;\n        }\n    }\n\n    #sh-urology-questions-101 .sh-q-icon-wrap svg {\n        width: 1.5rem;\n        height: 1.5rem;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-questions-101 .sh-q-icon-wrap svg {\n            width: 1.75rem;\n            height: 1.75rem;\n        }\n    }\n\n    #sh-urology-questions-101 .sh-q-title {\n        font-size: clamp(24px, 3vw, 34px);\n        color: #243b5a;\n        margin: 0;\n        font-weight: 700;\n        line-height: 1.2;\n    }\n\n    #sh-urology-questions-101 .sh-q-desc {\n        color: #596b82;\n        font-size: clamp(16px, 2vw, 18px);\n        line-height: 1.625;\n        margin: 0 0 0.75rem 0;\n    }\n\n    #sh-urology-questions-101 .sh-q-subtitle {\n        color: #243b5a;\n        font-weight: 700;\n        font-size: clamp(16px, 2vw, 18px);\n        line-height: 1.625;\n        margin: 0 0 2rem 0;\n    }\n\n    \/* 6. List Grid Styling *\/\n    #sh-urology-questions-101 .sh-q-list {\n        display: grid;\n        grid-template-columns: 1fr;\n        column-gap: 1.5rem;\n        row-gap: 1rem;\n        list-style: none;\n        padding: 0;\n        margin: 0 0 2rem 0;\n    }\n    @media (min-width: 640px) {\n        #sh-urology-questions-101 .sh-q-list {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    #sh-urology-questions-101 .sh-q-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n        padding: 0.75rem;\n        border-radius: 0.75rem;\n        border: 1px solid transparent;\n        transition: background-color 0.3s ease, border-color 0.3s ease;\n    }\n    #sh-urology-questions-101 .sh-q-item:hover {\n        background-color: #f8fbfd;\n        border-color: #e4edf3;\n    }\n\n    #sh-urology-questions-101 .sh-q-item-icon {\n        color: #138b86;\n        margin-top: 0.125rem;\n        flex-shrink: 0;\n        display: flex;\n    }\n    #sh-urology-questions-101 .sh-q-item-icon svg {\n        width: 20px;\n        height: 20px;\n    }\n\n    #sh-urology-questions-101 .sh-q-item-text {\n        color: #243b5a;\n        font-size: 15.5px;\n        font-weight: 500;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 7. Footer Box Styling *\/\n    #sh-urology-questions-101 .sh-q-footer-box {\n        background-color: #f8fbfd;\n        border: 1px solid #e4edf3;\n        border-radius: 1rem;\n        padding: 1.25rem;\n    }\n\n    #sh-urology-questions-101 .sh-q-footer-text {\n        margin: 0;\n        font-weight: 500;\n        color: #243b5a;\n        font-size: clamp(15px, 1.5vw, 16px);\n        line-height: 1.625;\n    }\n\n    \/* 8. Entrance Animation *\/\n    @keyframes shFadeInUpQ {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-questions-101 .sh-q-animate { \n        opacity: 0; \n        animation: shFadeInUpQ 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    #sh-urology-questions-101 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-questions-101\" dir=\"ltr\">\n    <div class=\"sh-q-wrapper\">\n        \n        <div class=\"sh-q-card sh-q-animate\">\n            \n            <div class=\"sh-q-header\">\n                <div class=\"sh-q-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n                <\/div>\n                <h2 id=\"sh-q-lang-title\" class=\"sh-q-title\" style=\"font-family: var(--font-display);\"><\/h2>\n            <\/div>\n            \n            <p id=\"sh-q-lang-desc\" class=\"sh-q-desc\"><\/p>\n            <p id=\"sh-q-lang-subtitle\" class=\"sh-q-subtitle\"><\/p>\n            \n            <ul id=\"sh-q-lang-list\" class=\"sh-q-list\">\n                <!-- List items injected via JS securely -->\n            <\/ul>\n            \n            <div class=\"sh-q-footer-box\">\n                <p id=\"sh-q-lang-footer\" class=\"sh-q-footer-text\"><\/p>\n            <\/div>\n\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const shQData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                title: \"Questions to Ask During Your Urology Consultation\",\n                desc: \"Being prepared for your appointment can help you better understand your diagnosis and treatment options.\",\n                subtitle: \"Consider asking:\",\n                questions: [\n                    \"What is the likely cause of my symptoms?\",\n                    \"Do I need additional laboratory tests or imaging?\",\n                    \"Are lifestyle changes likely to improve my condition?\",\n                    \"What treatment options are available?\",\n                    \"Will I need ongoing follow-up?\",\n                    \"Could this condition return in the future?\",\n                    \"What warning signs should prompt immediate medical attention?\"\n                ],\n                footer: \"These discussions help patients make informed decisions about their care.\"\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                title: \"\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 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                desc: \"\u064a\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \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 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644.\",\n                subtitle: \"\u0641\u0643\u0631 \u0641\u064a \u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:\",\n                questions: [\n                    \"\u0645\u0627 \u0647\u0648 \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0644\u0623\u0639\u0631\u0627\u0636\u064a\u061f\",\n                    \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0641\u062d\u0648\u0635\u0627\u062a \u0645\u062e\u0628\u0631\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0623\u0648 \u062a\u0635\u0648\u064a\u0631\u061f\",\n                    \"\u0647\u0644 \u0645\u0646 \u0627\u0644\u0645\u0631\u062c\u062d \u0623\u0646 \u062a\u0624\u062f\u064a \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u062d\u0627\u0644\u062a\u064a\u061f\",\n                    \"\u0645\u0627 \u0647\u064a \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u061f\",\n                    \"\u0647\u0644 \u0633\u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629\u061f\",\n                    \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0639\u0648\u062f \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0644\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u061f\",\n                    \"\u0645\u0627 \u0647\u064a \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0630\u064a\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u0639\u0646\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0641\u0648\u0631\u064a\u0629\u061f\"\n                ],\n                footer: \"\u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u0645\u0646\u0627\u0642\u0634\u0627\u062a \u0627\u0644\u0645\u0631\u0636\u0649 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0633\u062a\u0646\u064a\u0631\u0629 \u0628\u0634\u0623\u0646 \u0631\u0639\u0627\u064a\u062a\u0647\u0645.\"\n            }\n        };\n\n        const checkIconSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>`;\n\n        function shInitQuestionData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shQData.ar : shQData.en;\n            \n            const section = document.getElementById('sh-urology-questions-101');\n            if (!section) return;\n            \n            section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Texts Safely\n            const setElement = (id, text, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setElement('sh-q-lang-title', data.title, data.headerFont);\n            setElement('sh-q-lang-desc', data.desc, data.bodyFont);\n            setElement('sh-q-lang-subtitle', data.subtitle, data.bodyFont);\n            setElement('sh-q-lang-footer', data.footer, data.bodyFont);\n            \n            \/\/ Build List Items Safely via DOM nodes (XSS Prevention)\n            const listContainer = document.getElementById('sh-q-lang-list');\n            if (listContainer) {\n                listContainer.innerHTML = ''; \n                data.questions.forEach(q => {\n                    const li = document.createElement('li');\n                    li.className = 'sh-q-item';\n                    \n                    const iconSpan = document.createElement('span');\n                    iconSpan.className = 'sh-q-item-icon';\n                    iconSpan.innerHTML = checkIconSVG; \/\/ Safe static SVG injection\n                    \n                    const textSpan = document.createElement('span');\n                    textSpan.className = 'sh-q-item-text';\n                    textSpan.style.fontFamily = data.bodyFont;\n                    textSpan.textContent = q;\n                    \n                    li.appendChild(iconSpan);\n                    li.appendChild(textSpan);\n                    listContainer.appendChild(li);\n                });\n            }\n        }\n\n        \/\/ Initialize Data\n        shInitQuestionData();\n        \n        \/\/ Listen for Theme\/Language switches globally\n        const shQObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitQuestionData();\n                }\n            }\n        });\n        \n        if (document.documentElement) {\n            shQObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-urology-myths-grid-202 {\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: 4rem !important;\n        box-sizing: border-box !important;\n        display: block !important;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-myths-grid-202 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-urology-myths-grid-202 .sh-aw-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    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-urology-myths-grid-202 .sh-aw-text-start { \n        text-align: left !important; \n    }\n    #sh-urology-myths-grid-202[dir=\"rtl\"] .sh-aw-text-start { \n        text-align: right !important; \n    }\n\n    \/* 4. Header Styling *\/\n    #sh-urology-myths-grid-202 .sh-aw-header {\n        max-width: 48rem;\n        margin-bottom: 3rem;\n    }\n\n    #sh-urology-myths-grid-202 .sh-aw-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-urology-myths-grid-202 .sh-aw-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-urology-myths-grid-202 .sh-aw-title {\n        font-size: clamp(34px, 4vw, 46px);\n        color: #243b5a;\n        margin: 0 0 1.25rem 0;\n        font-weight: 700;\n        line-height: 1.1;\n    }\n\n    #sh-urology-myths-grid-202 .sh-aw-desc {\n        color: #596b82;\n        font-size: 18px;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 5. Responsive Grid *\/\n    #sh-urology-myths-grid-202 .sh-aw-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.5rem;\n    }\n    @media (min-width: 640px) {\n        #sh-urology-myths-grid-202 .sh-aw-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    \/* 6. Responsive Cards & Hover Effects *\/\n    #sh-urology-myths-grid-202 .sh-aw-card {\n        background-color: rgba(212, 175, 55, 0.05) !important;\n        border-radius: 1rem !important;\n        padding: 1.5rem !important;\n        display: flex !important;\n        gap: 1rem !important;\n        align-items: flex-start !important;\n        transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n    }\n    \n    \/* Handle Borders for LTR and RTL separately *\/\n    #sh-urology-myths-grid-202[dir=\"ltr\"] .sh-aw-card { \n        border-left: 4px solid #d4af37 !important; \n        border-right: none !important; \n    }\n    #sh-urology-myths-grid-202[dir=\"rtl\"] .sh-aw-card { \n        border-right: 4px solid #d4af37 !important; \n        border-left: none !important; \n    }\n\n    @media (min-width: 768px) {\n        #sh-urology-myths-grid-202 .sh-aw-card:hover {\n            transform: translateY(-4px) !important;\n            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.15) !important;\n        }\n    }\n\n    \/* Card Contents *\/\n    #sh-urology-myths-grid-202 .sh-aw-card-icon {\n        flex-shrink: 0;\n        margin-top: 0.25rem;\n        color: #d4af37;\n    }\n    \n    #sh-urology-myths-grid-202 .sh-aw-card-icon svg {\n        width: 1.5rem;\n        height: 1.5rem;\n    }\n\n    #sh-urology-myths-grid-202 .sh-aw-card-content {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n\n    #sh-urology-myths-grid-202 .sh-aw-card-q {\n        color: #243b5a;\n        font-size: 17px;\n        font-weight: 700;\n        line-height: 1.4;\n        margin: 0;\n    }\n\n    #sh-urology-myths-grid-202 .sh-aw-card-a {\n        color: #596b82;\n        font-size: 15.5px;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* 7. Footer *\/\n    #sh-urology-myths-grid-202 .sh-aw-footer {\n        margin-top: 2rem;\n        color: #596b82;\n        max-width: 48rem;\n        font-size: 16px;\n        line-height: 1.625;\n    }\n    \n    #sh-urology-myths-grid-202 .sh-aw-hidden {\n        display: none !important;\n    }\n\n    \/* 8. Entrance Animation *\/\n    @keyframes shFadeInUpAw {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-myths-grid-202 .sh-aw-animate { \n        opacity: 0; \n        animation: shFadeInUpAw 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-urology-myths-grid-202 .sh-delay-1 { animation-delay: 0.1s; }\n    #sh-urology-myths-grid-202 .sh-delay-2 { animation-delay: 0.2s; }\n\n    #sh-urology-myths-grid-202 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-myths-grid-202\" dir=\"ltr\">\n    <div class=\"sh-aw-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"sh-aw-header sh-aw-text-start sh-aw-animate\">\n            <div class=\"sh-aw-kicker-wrap\">\n                <span class=\"sh-aw-kicker-line\"><\/span>\n                <span id=\"sh-aw-lang-kicker\">Patient Education<\/span>\n            <\/div>\n            <h2 id=\"sh-aw-lang-title\" class=\"sh-aw-title\" style=\"font-family: var(--font-display);\">\n                Common Myths About Urological Conditions\n            <\/h2>\n            <p id=\"sh-aw-lang-desc\" class=\"sh-aw-desc\">\n                Misunderstandings about urinary health often delay appropriate treatment. Here are facts about some common misconceptions:\n            <\/p>\n        <\/div>\n\n        <!-- Dynamic Grid -->\n        <div id=\"sh-aw-lang-grid\" class=\"sh-aw-grid sh-aw-animate sh-delay-1\">\n            <!-- Cards injected via JS -->\n        <\/div>\n\n        <!-- Footer -->\n        <p id=\"sh-aw-lang-footer\" class=\"sh-aw-footer sh-aw-text-start sh-aw-animate sh-delay-2 sh-aw-hidden\">\n            <!-- Optional footer injected via JS -->\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shAwData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Patient Education\",\n                title: \"Common Myths About Urological Conditions\",\n                desc: \"Misunderstandings about urinary health often delay appropriate treatment. Here are facts about some common misconceptions:\",\n                items: [\n                    {\n                        q: `\"Blood in the urine is normal if it happens only once.\"`,\n                        a: \"False. Visible blood in the urine should always be assessed by a healthcare professional, even if it disappears quickly.\"\n                    },\n                    {\n                        q: `\"Kidney stones always require surgery.\"`,\n                        a: \"Not always. Management depends on factors such as stone size, location, symptoms, and whether urine flow is affected.\"\n                    },\n                    {\n                        q: `\"Urinary leakage is a normal part of aging.\"`,\n                        a: \"While urinary incontinence becomes more common with age, it is not something patients should simply accept. Many causes can be evaluated and managed.\"\n                    },\n                    {\n                        q: `\"Only men need to see a urologist.\"`,\n                        a: \"Urologists treat urinary tract conditions in both men and women. Women frequently seek care for urinary tract infections, bladder disorders, kidney stones, and urinary incontinence.\"\n                    }\n                ],\n                footer: \"\"\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0645\u0631\u0636\u0649\",\n                title: \"\u062e\u0631\u0627\u0641\u0627\u062a \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                desc: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0624\u062f\u064a \u0633\u0648\u0621 \u0627\u0644\u0641\u0647\u0645 \u062d\u0648\u0644 \u0635\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0625\u0644\u0649 \u062a\u0623\u062e\u064a\u0631 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628. \u0625\u0644\u064a\u0643 \u0627\u0644\u062d\u0642\u0627\u0626\u0642 \u062d\u0648\u0644 \u0628\u0639\u0636 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u062e\u0627\u0637\u0626\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629:\",\n                items: [\n                    {\n                        q: `\"\u0648\u062c\u0648\u062f \u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644 \u0623\u0645\u0631 \u0637\u0628\u064a\u0639\u064a \u0625\u0630\u0627 \u062d\u062f\u062b \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0641\u0642\u0637.\"`,\n                        a: \"\u062e\u0637\u0623. \u064a\u062c\u0628 \u062f\u0627\u0626\u0645\u064b\u0627 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062f\u0645 \u0627\u0644\u0645\u0631\u0626\u064a \u0641\u064a \u0627\u0644\u0628\u0648\u0644 \u0645\u0646 \u0642\u0628\u0644 \u0623\u062e\u0635\u0627\u0626\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\u060c \u062d\u062a\u0649 \u0644\u0648 \u0627\u062e\u062a\u0641\u0649 \u0628\u0633\u0631\u0639\u0629.\"\n                    },\n                    {\n                        q: `\"\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u062a\u062a\u0637\u0644\u0628 \u062f\u0627\u0626\u0645\u0627\u064b \u062a\u062f\u062e\u0644\u0627\u064b \u062c\u0631\u0627\u062d\u064a\u0627\u064b.\"`,\n                        a: \"\u0644\u064a\u0633 \u062f\u0627\u0626\u0645\u0627\u064b. \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0639\u0644\u0649 \u0639\u0648\u0627\u0645\u0644 \u0645\u062b\u0644 \u062d\u062c\u0645 \u0627\u0644\u062d\u0635\u0648\u0629 \u0648\u0645\u0648\u0642\u0639\u0647\u0627 \u0648\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u062a\u062f\u0641\u0642 \u0627\u0644\u0628\u0648\u0644 \u0645\u062a\u0623\u062b\u0631\u0627\u064b.\"\n                    },\n                    {\n                        q: `\"\u0627\u0644\u062a\u0633\u0631\u0628 \u0627\u0644\u0628\u0648\u0644\u064a \u0647\u0648 \u062c\u0632\u0621 \u0637\u0628\u064a\u0639\u064a \u0645\u0646 \u0627\u0644\u0634\u064a\u062e\u0648\u062e\u0629.\"`,\n                        a: \"\u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0633\u0644\u0633 \u0627\u0644\u0628\u0648\u0644 \u064a\u0635\u0628\u062d \u0623\u0643\u062b\u0631 \u0634\u064a\u0648\u0639\u064b\u0627 \u0645\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0631\u060c \u0625\u0644\u0627 \u0623\u0646\u0647 \u0644\u064a\u0633 \u0634\u064a\u0626\u064b\u0627 \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u0636\u0649 \u0642\u0628\u0648\u0644\u0647 \u0628\u0628\u0633\u0627\u0637\u0629. \u064a\u0645\u0643\u0646 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0648\u0625\u062f\u0627\u0631\u062a\u0647\u0627.\"\n                    },\n                    {\n                        q: `\"\u0627\u0644\u0631\u062c\u0627\u0644 \u0641\u0642\u0637 \u0645\u0646 \u064a\u062d\u062a\u0627\u062c\u0648\u0646 \u0644\u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629.\"`,\n                        a: \"\u064a\u0639\u0627\u0644\u062c \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0644\u062f\u0649 \u0643\u0644 \u0645\u0646 \u0627\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621. \u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u062a\u0633\u0639\u0649 \u0627\u0644\u0646\u0633\u0627\u0621 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0631\u0639\u0627\u064a\u0629 \u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0646\u0629 \u0648\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0648\u0633\u0644\u0633 \u0627\u0644\u0628\u0648\u0644.\"\n                    }\n                ],\n                footer: \"\"\n            }\n        };\n\n        \/\/ Alert SVG Icon (Gold Color)\n        const alertIcon = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>`;\n\n        function shInitAwarenessData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shAwData.ar : shAwData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-urology-myths-grid-202');\n            if (!section) return;\n            section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Texts Safely\n            const setElement = (id, text, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setElement('sh-aw-lang-kicker', data.kicker, data.bodyFont);\n            setElement('sh-aw-lang-title', data.title, data.headerFont);\n            setElement('sh-aw-lang-desc', data.desc, data.bodyFont);\n            \n            const footerEl = document.getElementById('sh-aw-lang-footer');\n            if(data.footer && data.footer.trim() !== '') {\n                footerEl.textContent = data.footer;\n                footerEl.style.fontFamily = data.bodyFont;\n                footerEl.classList.remove('sh-aw-hidden');\n            } else {\n                footerEl.classList.add('sh-aw-hidden');\n            }\n            \n            \/\/ Build the grid items using Safe DOM Manipulation\n            const gridContainer = document.getElementById('sh-aw-lang-grid');\n            if (gridContainer) {\n                gridContainer.innerHTML = ''; \/\/ Clear previous content\n                \n                data.items.forEach(item => {\n                    const card = document.createElement('div');\n                    card.className = \"sh-aw-card\";\n                    \n                    const iconSpan = document.createElement('span');\n                    iconSpan.className = \"sh-aw-card-icon\";\n                    iconSpan.innerHTML = alertIcon; \/\/ Static safe SVG\n                    \n                    const contentDiv = document.createElement('div');\n                    contentDiv.className = \"sh-aw-card-content\";\n                    \n                    const qSpan = document.createElement('span');\n                    qSpan.className = \"sh-aw-card-q\";\n                    qSpan.style.fontFamily = data.headerFont;\n                    qSpan.textContent = item.q;\n                    \n                    const aSpan = document.createElement('span');\n                    aSpan.className = \"sh-aw-card-a\";\n                    aSpan.style.fontFamily = data.bodyFont;\n                    aSpan.textContent = item.a;\n                    \n                    contentDiv.appendChild(qSpan);\n                    contentDiv.appendChild(aSpan);\n                    \n                    card.appendChild(iconSpan);\n                    card.appendChild(contentDiv);\n                    \n                    gridContainer.appendChild(card);\n                });\n            }\n        }\n\n        \/\/ Run Initialization\n        shInitAwarenessData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shAwObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitAwarenessData();\n                }\n            }\n        });\n        \n        if (document.documentElement) {\n            shAwObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-urology-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;\n        overflow: hidden !important;\n        padding-top: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-faq-303 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background *\/\n    #sh-urology-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-urology-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 & Alignment Handling *\/\n    #sh-urology-faq-303 .sh-faq-text-start { text-align: left !important; }\n    #sh-urology-faq-303[dir=\"rtl\"] .sh-faq-text-start { text-align: right !important; }\n    \n    #sh-urology-faq-303[dir=\"ltr\"] .sh-faq-btn { text-align: left !important; }\n    #sh-urology-faq-303[dir=\"rtl\"] .sh-faq-btn { text-align: right !important; }\n\n    #sh-urology-faq-303[dir=\"rtl\"] .sh-faq-btn .sh-chevron { margin-right: auto; margin-left: 0; }\n    #sh-urology-faq-303[dir=\"ltr\"] .sh-faq-btn .sh-chevron { margin-left: auto; margin-right: 0; }\n\n    \/* 5. Header Section *\/\n    #sh-urology-faq-303 .sh-faq-header {\n        max-width: 48rem;\n        margin: 0 auto 3rem auto;\n        text-align: center;\n    }\n\n    #sh-urology-faq-303 .sh-faq-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-urology-faq-303 .sh-faq-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-urology-faq-303 .sh-faq-title {\n        font-size: clamp(34px, 4vw, 46px);\n        font-weight: 700;\n        line-height: 1.1;\n        color: #243b5a;\n        margin: 0;\n    }\n\n    \/* 6. Accordion List & Item Styles *\/\n    #sh-urology-faq-303 .sh-faq-list {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        max-width: 56rem;\n        margin: 0 auto;\n    }\n\n    #sh-urology-faq-303 .sh-faq-item {\n        background-color: #ffffff;\n        border: 1px solid #e4edf3;\n        border-radius: 1rem;\n        overflow: hidden;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n        transition: box-shadow 0.3s ease;\n    }\n    #sh-urology-faq-303 .sh-faq-item:hover {\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);\n    }\n\n    #sh-urology-faq-303 .sh-faq-btn {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        background: transparent;\n        border: none;\n        padding: 1.25rem 1.5rem;\n        cursor: pointer;\n        gap: 1rem;\n        transition: background-color 0.3s ease;\n    }\n    #sh-urology-faq-303 .sh-faq-btn:hover {\n        background-color: #f8fbfd;\n    }\n\n    #sh-urology-faq-303 .sh-faq-question {\n        font-weight: 700;\n        color: #243b5a;\n        font-size: clamp(17px, 1.8vw, 18px);\n        line-height: 1.4;\n        margin: 0;\n    }\n\n    #sh-urology-faq-303 .sh-chevron {\n        width: 1.25rem;\n        height: 1.25rem;\n        color: #138b86;\n        flex-shrink: 0;\n        transition: transform 0.3s ease;\n    }\n\n    #sh-urology-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: 0 1.5rem;\n        background-color: #ffffff;\n    }\n\n    #sh-urology-faq-303 .sh-faq-item.active .sh-faq-content {\n        padding-bottom: 1.5rem;\n    }\n\n    #sh-urology-faq-303 .sh-faq-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n\n    #sh-urology-faq-303 .sh-faq-answer {\n        color: #596b82;\n        font-size: 16px;\n        line-height: 1.625;\n        border-top: 1px solid #e4edf3;\n        padding-top: 1rem;\n        margin: 0;\n    }\n\n    \/* 7. Entrance Animation *\/\n    @keyframes shFadeInUpFaq {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-faq-303 .sh-faq-animate { \n        opacity: 0; \n        animation: shFadeInUpFaq 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-urology-faq-303 .sh-delay-1 { animation-delay: 0.1s; }\n\n    #sh-urology-faq-303 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-faq-303\" dir=\"ltr\">\n    <div class=\"sh-faq-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"sh-faq-header sh-faq-animate\">\n            <div class=\"sh-faq-kicker-wrap\">\n                <span class=\"sh-faq-kicker-line\"><\/span>\n                <span id=\"sh-faq-lang-kicker\">FAQ<\/span>\n            <\/div>\n            <h2 id=\"sh-faq-lang-title\" class=\"sh-faq-title\" style=\"font-family: var(--font-display);\">\n                Frequently Asked Questions\n            <\/h2>\n        <\/div>\n\n        <!-- Accordion List -->\n        <div id=\"sh-faq-accordion-list\" class=\"sh-faq-list sh-faq-animate sh-delay-1\">\n            <!-- Accordions injected safely via JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const shFaqData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"FAQ\",\n                title: \"Frequently Asked Questions\",\n                faqs: [\n                    { \n                        q: \"When should I consult a urologist?\", \n                        a: \"You should arrange a urology consultation if you experience persistent urinary symptoms such as pain during urination, blood in the urine, difficulty passing urine, recurrent urinary tract infections, kidney stone symptoms, or concerns related to prostate health.\" \n                    },\n                    { \n                        q: \"What conditions does a urologist treat?\", \n                        a: \"Urologists diagnose and manage conditions affecting the urinary tract and male reproductive system, including kidney stones, urinary tract infections, bladder disorders, enlarged prostate, urinary incontinence, and other urological diseases.\" \n                    },\n                    { \n                        q: \"Are kidney stones always painful?\", \n                        a: \"Many kidney stones cause severe pain, particularly when they move through the urinary tract. However, some stones may remain unnoticed until they are detected during imaging studies performed for other reasons.\" \n                    },\n                    { \n                        q: \"Can women visit a urologist?\", \n                        a: \"Yes. Urologists care for urinary tract conditions affecting both women and men, including urinary infections, bladder disorders, kidney stones, and urinary incontinence.\" \n                    },\n                    { \n                        q: \"Can urinary tract infections return after treatment?\", \n                        a: \"Yes. Some patients experience recurrent infections. Additional evaluation may be recommended to identify contributing factors and reduce the likelihood of future episodes.\" \n                    },\n                    { \n                        q: \"Is frequent urination always caused by prostate problems?\", \n                        a: \"No. Frequent urination can result from several medical conditions, including urinary tract infections, diabetes, bladder disorders, excessive fluid intake, certain medications, or prostate enlargement. A medical assessment is necessary to determine the underlying cause.\" \n                    }\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\",\n                title: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\",\n                faqs: [\n                    { \n                        q: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0623\u0646 \u0623\u0633\u062a\u0634\u064a\u0631 \u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\u061f\", \n                        a: \"\u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u062a\u0631\u062a\u064a\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u0623\u0639\u0631\u0627\u0636 \u0628\u0648\u0644\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u062b\u0644 \u0627\u0644\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0628\u0648\u0644\u060c \u0623\u0648 \u0648\u062c\u0648\u062f \u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644\u060c \u0623\u0648 \u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0628\u0648\u0644\u060c \u0623\u0648 \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0623\u0648 \u0623\u0639\u0631\u0627\u0636 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\u060c \u0623\u0648 \u0645\u062e\u0627\u0648\u0641 \u062a\u062a\u0639\u0644\u0642 \u0628\u0635\u062d\u0629 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627.\" \n                    },\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\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\u061f\", \n                        a: \"\u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0628\u062a\u0634\u062e\u064a\u0635 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u0646\u0627\u0633\u0644\u064a \u0627\u0644\u0630\u0643\u0631\u064a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\u060c \u0648\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\u060c \u0648\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0646\u0629\u060c \u0648\u062a\u0636\u062e\u0645 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627\u060c \u0648\u0633\u0644\u0633 \u0627\u0644\u0628\u0648\u0644\u060c \u0648\u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0645\u0624\u0644\u0645\u0629 \u062f\u0627\u0626\u0645\u0627\u064b\u061f\", \n                        a: \"\u062a\u0633\u0628\u0628 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0623\u0644\u0645\u0627\u064b \u0634\u062f\u064a\u062f\u0627\u064b\u060c \u062e\u0627\u0635\u0629 \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u062d\u0631\u0643 \u0639\u0628\u0631 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0642\u062f \u062a\u0638\u0644 \u0628\u0639\u0636 \u0627\u0644\u062d\u0635\u0648\u0627\u062a \u062f\u0648\u0646 \u0623\u0646 \u064a\u0644\u0627\u062d\u0638\u0647\u0627 \u0623\u062d\u062f \u062d\u062a\u0649 \u064a\u062a\u0645 \u0627\u0643\u062a\u0634\u0627\u0641\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u0625\u062c\u0631\u0627\u0624\u0647\u0627 \u0644\u0623\u0633\u0628\u0627\u0628 \u0623\u062e\u0631\u0649.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0644\u0644\u0646\u0633\u0627\u0621 \u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\u061f\", \n                        a: \"\u0646\u0639\u0645. \u064a\u0639\u062a\u0646\u064a \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0628\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0646 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0631\u062c\u0627\u0644\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\u060c \u0648\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0646\u0629\u060c \u0648\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\u060c \u0648\u0633\u0644\u0633 \u0627\u0644\u0628\u0648\u0644.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0639\u0648\u062f \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0628\u0639\u062f \u0627\u0644\u0639\u0644\u0627\u062c\u061f\", \n                        a: \"\u0646\u0639\u0645. \u064a\u0639\u0627\u0646\u064a \u0628\u0639\u0636 \u0627\u0644\u0645\u0631\u0636\u0649 \u0645\u0646 \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0645\u062a\u0643\u0631\u0631\u0629. \u0642\u062f \u064a\u0648\u0635\u0649 \u0628\u0625\u062c\u0631\u0627\u0621 \u062a\u0642\u064a\u064a\u0645 \u0625\u0636\u0627\u0641\u064a \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u062d\u062f\u0648\u062b \u0646\u0648\u0628\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u0643\u062b\u0631\u0629 \u0627\u0644\u062a\u0628\u0648\u0644 \u0646\u0627\u062a\u062c\u0629 \u062f\u0627\u0626\u0645\u0627\u064b \u0639\u0646 \u0645\u0634\u0627\u0643\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627\u061f\", \n                        a: \"\u0644\u0627. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0646\u062a\u062c \u0643\u062b\u0631\u0629 \u0627\u0644\u062a\u0628\u0648\u0644 \u0639\u0646 \u0639\u062f\u0629 \u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\u060c \u0623\u0648 \u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a\u060c \u0623\u0648 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0646\u0629\u060c \u0623\u0648 \u0627\u0644\u0625\u0641\u0631\u0627\u0637 \u0641\u064a \u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0633\u0648\u0627\u0626\u0644\u060c \u0623\u0648 \u0628\u0639\u0636 \u0627\u0644\u0623\u062f\u0648\u064a\u0629\u060c \u0623\u0648 \u062a\u0636\u062e\u0645 \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627. \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0636\u0631\u0648\u0631\u064a \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0623\u0633\u0627\u0633\u064a.\" \n                    }\n                ]\n            }\n        };\n\n        const chevronSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>`;\n\n        function shInitFaqData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shFaqData.ar : shFaqData.en;\n            \n            const section = document.getElementById('sh-urology-faq-303');\n            if (!section) return;\n            \n            section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts safely\n            const setElement = (id, text, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setElement('sh-faq-lang-kicker', data.kicker, data.bodyFont);\n            setElement('sh-faq-lang-title', data.title, data.headerFont);\n            \n            \/\/ Build Accordions safely via DOM Nodes (XSS Prevention)\n            const listContainer = document.getElementById('sh-faq-accordion-list');\n            if (listContainer) {\n                listContainer.innerHTML = ''; \/\/ Clear previous items\n                \n                data.faqs.forEach(faq => {\n                    const itemDiv = document.createElement('div');\n                    itemDiv.className = \"sh-faq-item\";\n                    \n                    const button = document.createElement('button');\n                    button.className = \"sh-faq-btn\";\n                    \n                    const qSpan = document.createElement('span');\n                    qSpan.className = \"sh-faq-question sh-faq-text-start\";\n                    qSpan.style.fontFamily = data.headerFont;\n                    qSpan.textContent = faq.q;\n                    \n                    const chevronDiv = document.createElement('div');\n                    chevronDiv.className = \"sh-chevron\";\n                    chevronDiv.innerHTML = chevronSVG;\n                    \n                    button.appendChild(qSpan);\n                    button.appendChild(chevronDiv);\n                    \n                    const contentDiv = document.createElement('div');\n                    contentDiv.className = \"sh-faq-content\";\n                    \n                    const answerP = document.createElement('p');\n                    answerP.className = \"sh-faq-answer sh-faq-text-start\";\n                    answerP.style.fontFamily = data.bodyFont;\n                    answerP.textContent = faq.a;\n                    \n                    contentDiv.appendChild(answerP);\n                    \n                    itemDiv.appendChild(button);\n                    itemDiv.appendChild(contentDiv);\n                    \n                    \/\/ Click Event Handler\n                    button.addEventListener('click', () => {\n                        const isActive = itemDiv.classList.contains('active');\n                        \n                        \/\/ Close all other accordions\n                        document.querySelectorAll('#sh-urology-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 if it wasn't active\n                        if (!isActive) {\n                            itemDiv.classList.add('active');\n                            contentDiv.style.maxHeight = contentDiv.scrollHeight + 50 + \"px\";\n                        }\n                    });\n\n                    listContainer.appendChild(itemDiv);\n                });\n            }\n        }\n\n        \/\/ Initialize Data\n        shInitFaqData();\n        \n        \/\/ Listen for Theme\/Language switches globally\n        const shFaqObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitFaqData();\n                }\n            }\n        });\n        \n        if (document.documentElement) {\n            shFaqObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-urology-trust-404 {\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: 4rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-trust-404 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-urology-trust-404 .sh-trust-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    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-urology-trust-404 .sh-trust-text-start { \n        text-align: left !important; \n    }\n    #sh-urology-trust-404[dir=\"rtl\"] .sh-trust-text-start { \n        text-align: right !important; \n    }\n\n    #sh-urology-trust-404 .sh-trust-header {\n        margin-bottom: 2.5rem;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-trust-404 .sh-trust-header {\n            text-align: left;\n        }\n        #sh-urology-trust-404[dir=\"rtl\"] .sh-trust-header {\n            text-align: right;\n        }\n    }\n    @media (max-width: 767px) {\n        #sh-urology-trust-404 .sh-trust-header {\n            text-align: center;\n        }\n    }\n\n    \/* 4. Kicker & Line *\/\n    #sh-urology-trust-404 .sh-trust-kicker-wrap {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        color: #138b86;\n        font-weight: 600;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    #sh-urology-trust-404 .sh-trust-kicker-line {\n        height: 1px;\n        width: 2rem;\n        background-color: #138b86;\n    }\n\n    #sh-urology-trust-404 .sh-trust-title {\n        font-size: clamp(34px, 4vw, 46px);\n        color: #243b5a;\n        margin: 0;\n        font-weight: 700;\n        line-height: 1.1;\n    }\n\n    \/* 5. Paragraph Content Styling *\/\n    #sh-urology-trust-404 .sh-trust-content {\n        max-width: 56rem;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        gap: 1.5rem;\n    }\n\n    #sh-urology-trust-404 .sh-trust-paragraph {\n        font-size: 17.5px;\n        line-height: 1.85;\n        color: #596b82;\n        margin: 0;\n    }\n\n    \/* 6. Emphasized Text Styling (SEO Bold terms) *\/\n    #sh-urology-trust-404 strong {\n        color: #243b5a;\n        font-weight: 700;\n    }\n\n    \/* 7. Entrance Animation *\/\n    @keyframes shFadeInUpTrust {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-trust-404 .sh-trust-animate { \n        opacity: 0; \n        animation: shFadeInUpTrust 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    #sh-urology-trust-404 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-trust-404\" dir=\"ltr\">\n    <div class=\"sh-trust-wrapper\">\n        \n        <div class=\"sh-trust-content sh-trust-text-start sh-trust-animate\">\n            \n            <div class=\"sh-trust-header\">\n                <div class=\"sh-trust-kicker-wrap\">\n                    <span class=\"sh-trust-kicker-line\"><\/span>\n                    <span id=\"sh-trust-lang-kicker\">Trust<\/span>\n                <\/div>\n                <h2 id=\"sh-trust-lang-title\" class=\"sh-trust-title\" style=\"font-family: var(--font-display);\">\n                    Why Choose Shefa Hospital for Urology Care in Makkah?\n                <\/h2>\n            <\/div>\n\n            <div class=\"sh-trust-content\">\n                <p id=\"sh-trust-lang-p1\" class=\"sh-trust-paragraph\"><\/p>\n                <p id=\"sh-trust-lang-p2\" class=\"sh-trust-paragraph\"><\/p>\n                <p id=\"sh-trust-lang-p3\" class=\"sh-trust-paragraph\"><\/p>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shTrustData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Trust\",\n                title: \"Why Choose Shefa Hospital for Urology Care in Makkah?\",\n                p1: \"People searching for the <a href='https:\/\/shefahospital.sa\/dental-clinic-makkah\/' style='color:#243b5a; text-decoration:underline;'><strong>Best Urology Hospital in Makkah<\/strong><\/a> often need more than a consultation. They look for a healthcare facility that combines specialist evaluation, diagnostic services, and coordinated hospital care in one location \u2014 starting with the right <strong>urologist Makkah<\/strong> to guide diagnosis and treatment.\",\n                p2: \"Located in <strong>Al Mansur, Makkah<\/strong>, <strong>Shefa Hospital<\/strong> provides hospital-based urology services for patients with kidney, bladder, urinary tract, and prostate conditions. The hospital's multidisciplinary environment allows the <strong>Best urologist Doctor Makkah<\/strong> team to work alongside diagnostic imaging, laboratory services, and other medical specialties to support accurate diagnosis and individualized treatment planning.\",\n                p3: \"Whether the concern involves kidney stones, recurrent urinary tract infections, prostate-related symptoms, or other urinary disorders, patients benefit from an integrated approach that focuses on both symptom relief and long-term urinary health. For those seeking <strong>kidney stone treatment Makkah<\/strong>, our specialists provide thorough evaluation and evidence-based management, making Shefa a trusted choice for the <strong>Best kidney stone Doctor in Makkah<\/strong>.\"\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062b\u0642\u0629\",\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\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0641\u064a \u0645\u0643\u0629\u061f\",\n                p1: \"\u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 <a href='https:\/\/shefahospital.sa\/dental-clinic-makkah\/' style='color:#243b5a; text-decoration:underline;'><strong>\u0623\u0641\u0636\u0644 \u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0641\u064a \u0645\u0643\u0629<\/strong><\/a> \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\u0648\u0646 \u0625\u0644\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0627\u0633\u062a\u0634\u0627\u0631\u0629. \u0625\u0646\u0647\u0645 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 \u0645\u0646\u0634\u0623\u0629 \u0644\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0645\u0646\u0633\u0642\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\",\n                p2: \"\u064a\u0642\u0639 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/strong> \u0641\u064a <strong>\u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/strong>\u060c \u0648\u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\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\u0643\u0644\u0649 \u0648\u0627\u0644\u0645\u062b\u0627\u0646\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627. \u062a\u062a\u064a\u062d \u0628\u064a\u0626\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0639\u0645\u0644 \u062c\u0646\u0628\u0627\u064b \u0625\u0644\u0649 \u062c\u0646\u0628 \u0645\u0639 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649 \u0644\u062f\u0639\u0645 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0641\u0631\u062f\u064a.\",\n                p3: \"\u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0627\u0644\u0642\u0644\u0642 \u064a\u062a\u0639\u0644\u0642 \u0628\u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649\u060c \u0623\u0648 \u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0623\u0648 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627\u060c \u0623\u0648 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u064a\u0633\u062a\u0641\u064a\u062f \u0627\u0644\u0645\u0631\u0636\u0649 \u0645\u0646 \u0646\u0647\u062c \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0646 \u062a\u062e\u0641\u064a\u0641 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0635\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\"\n            }\n        };\n\n        function shInitTrustData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shTrustData.ar : shTrustData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-urology-trust-404');\n            if (!section) return;\n            section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Header Texts safely\n            const setElement = (id, text, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setElement('sh-trust-lang-kicker', data.kicker, data.bodyFont);\n            setElement('sh-trust-lang-title', data.title, data.headerFont);\n            \n            \/\/ Inject HTML Content to preserve SEO links and strong tags\n            const setHtmlElement = (id, html, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.innerHTML = html;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setHtmlElement('sh-trust-lang-p1', data.p1, data.bodyFont);\n            setHtmlElement('sh-trust-lang-p2', data.p2, data.bodyFont);\n            setHtmlElement('sh-trust-lang-p3', data.p3, data.bodyFont);\n        }\n\n        \/\/ Run Initialization\n        shInitTrustData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shTrustObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitTrustData();\n                }\n            }\n        });\n        \n        if (document.documentElement) {\n            shTrustObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-urology-book-505 {\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: transparent !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        display: block !important;\n        z-index: 1 !important;\n    }\n    @media (min-width: 768px) {\n        #sh-urology-book-505 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 1A. Dedicated Background Layer *\/\n    #sh-urology-book-505 .sh-bg-layer {\n        position: absolute !important;\n        top: 0 !important;\n        bottom: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        overflow: hidden !important;\n        z-index: -1 !important;\n    }\n\n    #sh-urology-book-505 .sh-bg-layer img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        object-position: center !important;\n    }\n\n    #sh-urology-book-505 .sh-bg-gradient {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(135deg, rgba(36, 59, 90, 0.95) 0%, rgba(36, 59, 90, 0.88) 50%, rgba(19, 139, 134, 0.90) 100%);\n    }\n\n    \/* 2. Constrained Centered Wrapper *\/\n    #sh-urology-book-505 .sh-book-wrapper {\n        width: 100% !important;\n        max-width: 1200px !important; \n        margin: 0 auto !important;\n        padding: 0 1.5rem !important;\n        position: relative !important;\n        z-index: 10 !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-urology-book-505 .sh-text-center { text-align: center !important; }\n    #sh-urology-book-505 .sh-text-start { text-align: left !important; }\n    #sh-urology-book-505[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* 4. Remove Links Underline *\/\n    #sh-urology-book-505 a {\n        text-decoration: none !important;\n        outline: none !important;\n    }\n\n    \/* 5. Header Badge & Typography *\/\n    #sh-urology-book-505 .sh-book-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        background-color: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(8px);\n        padding: 0.375rem 1rem;\n        border-radius: 9999px;\n        font-size: 13.5px;\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n        color: #ffffff;\n    }\n    #sh-urology-book-505 .sh-book-badge svg { color: #d4af37; }\n\n    #sh-urology-book-505 .sh-book-title {\n        font-size: clamp(36px, 4.5vw, 52px);\n        line-height: 1.2;\n        font-weight: 700;\n        color: #ffffff;\n        margin: 0 auto;\n        max-width: 48rem;\n    }\n\n    \/* 6. Main Grid Layout *\/\n    #sh-urology-book-505 .sh-book-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2.5rem;\n        margin-top: 3rem;\n    }\n    @media (min-width: 1024px) {\n        #sh-urology-book-505 .sh-book-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 2.5rem;\n        }\n    }\n\n    \/* Takeaways Card *\/\n    #sh-urology-book-505 .sh-book-card {\n        background-color: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(12px);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        border-radius: 1.5rem;\n        padding: 2rem;\n        box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);\n    }\n    @media (min-width: 768px) {\n        #sh-urology-book-505 .sh-book-card { padding: 2.5rem; }\n    }\n\n    #sh-urology-book-505 .sh-book-card-title {\n        font-size: 26px;\n        font-weight: 700;\n        color: #ffffff;\n        margin: 0 0 1.5rem 0;\n    }\n\n    #sh-urology-book-505 .sh-book-list {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    #sh-urology-book-505 .sh-book-list-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n    }\n\n    #sh-urology-book-505 .sh-book-check-icon {\n        margin-top: 0.125rem;\n        flex-shrink: 0;\n        width: 1.5rem;\n        height: 1.5rem;\n        border-radius: 50%;\n        background-color: #d4af37;\n        color: #ffffff;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n    }\n\n    #sh-urology-book-505 .sh-book-list-text {\n        color: rgba(255, 255, 255, 0.95);\n        font-size: 16px;\n        line-height: 1.625;\n        margin: 0;\n    }\n\n    \/* Conclusion Column *\/\n    #sh-urology-book-505 .sh-book-concl-col {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    #sh-urology-book-505 .sh-book-concl-title {\n        font-size: 26px;\n        font-weight: 700;\n        color: #d4af37;\n        margin: 0 0 1.25rem 0;\n    }\n\n    #sh-urology-book-505 .sh-book-concl-body {\n        display: flex;\n        flex-direction: column;\n        gap: 1.25rem;\n        color: rgba(255, 255, 255, 0.9);\n        font-size: clamp(17px, 1.8vw, 18px);\n        line-height: 1.7;\n        font-weight: 400;\n        margin: 0;\n    }\n    \n    #sh-urology-book-505 .sh-book-concl-body p {\n        margin: 0;\n    }\n\n    #sh-urology-book-505 .sh-book-concl-body strong {\n        color: #ffffff;\n        font-weight: 700;\n    }\n\n    \/* 7. Action Buttons *\/\n    #sh-urology-book-505 .sh-book-actions {\n        margin-top: 3rem;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        gap: 1rem;\n    }\n    @media (min-width: 640px) {\n        #sh-urology-book-505 .sh-book-actions {\n            flex-direction: row;\n            flex-wrap: wrap;\n        }\n    }\n\n    #sh-urology-book-505 .sh-book-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.625rem;\n        border-radius: 9999px;\n        padding: 1rem 2rem;\n        font-weight: 700;\n        font-size: 16px;\n        transition: all 0.3s ease;\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\n        width: 100%;\n    }\n    @media (min-width: 640px) {\n        #sh-urology-book-505 .sh-book-btn { width: auto; }\n    }\n\n    #sh-urology-book-505 .sh-book-btn-primary {\n        background-color: #d4af37;\n        color: #ffffff;\n    }\n    #sh-urology-book-505 .sh-book-btn-primary:hover {\n        background-color: #b5952f;\n        transform: scale(1.02);\n    }\n\n    #sh-urology-book-505 .sh-book-btn-secondary {\n        background-color: #ffffff;\n        color: #243b5a;\n    }\n    #sh-urology-book-505 .sh-book-btn-secondary:hover {\n        background-color: #f3f4f6;\n        transform: scale(1.02);\n    }\n\n    \/* 8. Entrance Animation *\/\n    @keyframes shFadeInUpBook {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-urology-book-505 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpBook 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    #sh-urology-book-505 .sh-delay-1 { animation-delay: 0.15s; }\n    #sh-urology-book-505 .sh-delay-2 { animation-delay: 0.3s; }\n\n    #sh-urology-book-505 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-urology-book-505\" dir=\"ltr\">\n    \n    <div class=\"sh-bg-layer\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Urology_3.webp\" alt=\"Urology specialized care at Shefa Hospital.\" loading=\"lazy\">\n        <div class=\"sh-bg-gradient\"><\/div>\n    <\/div>\n\n    <div class=\"sh-book-wrapper\">\n        \n        <!-- Header Title -->\n        <div class=\"sh-animate sh-text-center\">\n            <div class=\"sh-book-badge\">\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=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \n                <span id=\"sh-book-lang-kicker\">Summary<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-book-lang-title\" class=\"sh-book-title\" style=\"font-family: var(--font-display);\"><\/h2>\n        <\/div>\n        \n        <!-- Main Grid -->\n        <div class=\"sh-book-grid sh-animate sh-delay-1\">\n            \n            <!-- Takeaways Card -->\n            <div class=\"sh-book-card sh-text-start\">\n                <h3 id=\"sh-book-lang-ta-title\" class=\"sh-book-card-title\" style=\"font-family: var(--font-display);\"><\/h3>\n                <ul id=\"sh-book-lang-list\" class=\"sh-book-list\">\n                    <!-- Dynamic List Injected via JS -->\n                <\/ul>\n            <\/div>\n\n            <!-- Conclusion Column -->\n            <div class=\"sh-book-concl-col sh-text-start\">\n                <h3 id=\"sh-book-lang-concl-title\" class=\"sh-book-concl-title\" style=\"font-family: var(--font-display);\"><\/h3>\n                <div class=\"sh-book-concl-body\">\n                    <p id=\"sh-book-lang-p1\"><\/p>\n                    <p id=\"sh-book-lang-p2\"><\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n        \n        <!-- Action Buttons -->\n        <div class=\"sh-book-actions sh-animate sh-delay-2\">\n            \n            <a href=\"javascript:void(0);\" id=\"shefa-popup-trigger\" class=\"sh-book-btn sh-book-btn-primary shefa-popup-trigger\">\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\"><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-book-lang-btn1\">Book Appointment<\/span>\n            <\/a>\n            \n            <a href=\"tel:+966125333555\" class=\"sh-book-btn sh-book-btn-secondary\" dir=\"ltr\">\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\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg> \n                <span id=\"sh-book-lang-btn2\">+966 12 533 3555<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const shBookData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                kicker: \"Summary\",\n                title: \"Key Takeaways & Conclusion\",\n                takeawaysTitle: \"Key Takeaways\",\n                takeaways: [\n                    \"Urological conditions affect both men and women and can involve the kidneys, bladder, urinary tract, and prostate.\",\n                    \"Symptoms such as blood in the urine, severe flank pain, or difficulty passing urine should not be ignored.\",\n                    \"Early diagnosis helps identify the cause of urinary symptoms and supports timely treatment.\",\n                    \"Healthy lifestyle habits and routine follow-up can reduce the risk of some urinary disorders.\",\n                    \"Hospital-based urology services provide access to specialist consultations, diagnostic investigations, and coordinated medical care.\"\n                ],\n                conclusionTitle: \"Conclusion\",\n                p1: \"Maintaining urinary health is an important part of overall well-being. From kidney stone management and urinary tract infections to prostate disorders and bladder conditions, timely assessment allows many problems to be diagnosed before they become more complex.\",\n                p2: \"For individuals seeking the <strong>best urology hospital in Makkah<\/strong>, <strong>Shefa Hospital<\/strong> in <strong>Al Mansur<\/strong> offers hospital-based urology services supported by specialist expertise, diagnostic facilities, and coordinated patient care.\",\n                btnAppt: \"Book Appointment\",\n                btnCall: \"+966 12 533 3555\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"var(--font-arabic)\",\n                kicker: \"\u062e\u0644\u0627\u0635\u0629\",\n                title: \"\u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637 \u0648\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                takeawaysTitle: \"\u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637\",\n                takeaways: [\n                    \"\u062a\u0624\u062b\u0631 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0646 \u0627\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0634\u0645\u0644 \u0627\u0644\u0643\u0644\u0649 \u0648\u0627\u0644\u0645\u062b\u0627\u0646\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627.\",\n                    \"\u064a\u062c\u0628 \u0639\u062f\u0645 \u062a\u062c\u0627\u0647\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0645\u062b\u0644 \u0648\u062c\u0648\u062f \u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0648\u0644\u060c \u0623\u0648 \u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u0641\u064a \u0627\u0644\u062e\u0627\u0635\u0631\u0629\u060c \u0623\u0648 \u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u062a\u0628\u0648\u0644.\",\n                    \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0633\u0628\u0628 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u064a\u062f\u0639\u0645 \u0627\u0644\u0639\u0644\u0627\u062c \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\",\n                    \"\u064a\u0645\u0643\u0646 \u0644\u0639\u0627\u062f\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0623\u0646 \u062a\u0642\u0644\u0644 \u0645\u0646 \u062e\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0628\u0639\u0636 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629.\",\n                    \"\u062a\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \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\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0648\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0646\u0633\u0642\u0629.\"\n                ],\n                conclusionTitle: \"\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                p1: \"\u064a\u0639\u062f \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u062c\u0632\u0621\u064b\u0627 \u0645\u0647\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629. \u0645\u0646 \u0625\u062f\u0627\u0631\u0629 \u062d\u0635\u0648\u0627\u062a \u0627\u0644\u0643\u0644\u0649 \u0648\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0625\u0644\u0649 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0648\u0633\u062a\u0627\u062a\u0627 \u0648\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0646\u0629\u060c \u064a\u062a\u064a\u062d \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0642\u0628\u0644 \u0623\u0646 \u062a\u0635\u0628\u062d \u0623\u0643\u062b\u0631 \u062a\u0639\u0642\u064a\u062f\u064b\u0627.\",\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 <strong>\u0623\u0641\u0636\u0644 \u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0641\u064a \u0645\u0643\u0629<\/strong>\u060c \u064a\u0642\u062f\u0645 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/strong> \u0641\u064a \u062d\u064a <strong>\u0627\u0644\u0645\u0646\u0635\u0648\u0631<\/strong> \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u062e\u0628\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0645\u0631\u0627\u0641\u0642 \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0645\u0646\u0633\u0642\u0629 \u0644\u0644\u0645\u0631\u0636\u0649.\",\n                btnAppt: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"+966 12 533 3555\"\n            }\n        };\n\n        const checkIconSVG = `<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\n        function shInitBookData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shBookData.ar : shBookData.en;\n            \n            const section = document.getElementById('sh-urology-book-505');\n            if (!section) return;\n            \n            section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Static Texts Safely\n            const setElement = (id, text, fontFamily) => {\n                const el = document.getElementById(id);\n                if (el) {\n                    el.textContent = text;\n                    if (fontFamily) el.style.fontFamily = fontFamily;\n                }\n            };\n\n            setElement('sh-book-lang-kicker', data.kicker, data.body);\n            setElement('sh-book-lang-title', data.title, data.font);\n            setElement('sh-book-lang-ta-title', data.takeawaysTitle, data.font);\n            setElement('sh-book-lang-concl-title', data.conclusionTitle, data.font);\n            setElement('sh-book-lang-p1', data.p1, data.body);\n            \n            \/\/ Set Conclusion HTML (for strong tags)\n            const p2El = document.getElementById('sh-book-lang-p2');\n            if (p2El) {\n                p2El.innerHTML = data.p2;\n                p2El.style.fontFamily = data.body;\n            }\n\n            setElement('sh-book-lang-btn1', data.btnAppt, data.body);\n            setElement('sh-book-lang-btn2', data.btnCall, data.body);\n\n            \/\/ Dynamically Render Takeaways List Safely via DOM Nodes (XSS Prevention)\n            const listContainer = document.getElementById('sh-book-lang-list');\n            if (listContainer) {\n                listContainer.innerHTML = ''; \/\/ Clear previous items\n                \n                data.takeaways.forEach(item => {\n                    const li = document.createElement('li');\n                    li.className = \"sh-book-list-item\";\n                    \n                    const iconSpan = document.createElement('span');\n                    iconSpan.className = \"sh-book-check-icon\";\n                    iconSpan.innerHTML = checkIconSVG; \/\/ Safe static SVG\n                    \n                    const textSpan = document.createElement('p');\n                    textSpan.className = \"sh-book-list-text\";\n                    textSpan.style.fontFamily = data.body;\n                    textSpan.textContent = item;\n                    \n                    li.appendChild(iconSpan);\n                    li.appendChild(textSpan);\n                    listContainer.appendChild(li);\n                });\n            }\n        }\n\n        shInitBookData();\n        \n        const shBookObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitBookData();\n                }\n            }\n        });\n        \n        if (document.documentElement) {\n            shBookObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-medical-disclaimer-777 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important;\n        padding-bottom: 3.5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n    @media (min-width: 768px) {\n        #sh-medical-disclaimer-777 {\n            padding-top: 4rem !important;\n            padding-bottom: 4rem !important;\n        }\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-medical-disclaimer-777 .sh-disc-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        box-sizing: border-box !important;\n    }\n    @media (min-width: 768px) {\n        #sh-medical-disclaimer-777 .sh-disc-wrapper {\n            padding: 0 1.5rem !important;\n        }\n    }\n    @media (min-width: 1024px) {\n        #sh-medical-disclaimer-777 .sh-disc-wrapper {\n            padding: 0 2rem !important;\n        }\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-medical-disclaimer-777 .sh-disc-text-start { text-align: left !important; }\n    #sh-medical-disclaimer-777[dir=\"rtl\"] .sh-disc-text-start { text-align: right !important; }\n\n    \/* 4. Disclaimer Card Layout *\/\n    #sh-medical-disclaimer-777 .sh-disc-card {\n        background-color: #f8fbfd;\n        border-radius: 1rem;\n        padding: 1.5rem;\n        border: 1px solid #e4edf3;\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        transition: all 0.3s ease;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n    }\n    @media (min-width: 640px) {\n        #sh-medical-disclaimer-777 .sh-disc-card {\n            flex-direction: row;\n            gap: 1.5rem;\n            padding: 2rem;\n        }\n    }\n    #sh-medical-disclaimer-777 .sh-disc-card:hover {\n        box-shadow: 0 10px 20px -5px rgba(19, 139, 134, 0.1);\n        border-color: #cbd5e1;\n    }\n\n    \/* 5. Icon Styling *\/\n    #sh-medical-disclaimer-777 .sh-disc-icon-wrap {\n        width: 3rem;\n        height: 3rem;\n        border-radius: 0.75rem;\n        background-color: #ffffff;\n        border: 1px solid #e4edf3;\n        color: #1e293b;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n    }\n    @media (min-width: 768px) {\n        #sh-medical-disclaimer-777 .sh-disc-icon-wrap {\n            width: 3.5rem;\n            height: 3.5rem;\n        }\n    }\n    #sh-medical-disclaimer-777 .sh-disc-icon-wrap svg {\n        width: 1.5rem;\n        height: 1.5rem;\n    }\n    @media (min-width: 768px) {\n        #sh-medical-disclaimer-777 .sh-disc-icon-wrap svg {\n            width: 1.75rem;\n            height: 1.75rem;\n        }\n    }\n\n    \/* 6. Content Column *\/\n    #sh-medical-disclaimer-777 .sh-disc-content-col {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    #sh-medical-disclaimer-777 .sh-disc-heading {\n        font-size: clamp(18px, 2vw, 20px);\n        font-weight: 700;\n        color: #0f172a;\n        margin: 0 0 0.75rem 0;\n        letter-spacing: -0.025em;\n    }\n\n    \/* Meta List *\/\n    #sh-medical-disclaimer-777 .sh-disc-meta-list {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 1rem 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.25rem;\n    }\n    #sh-medical-disclaimer-777 .sh-disc-meta-item {\n        font-size: clamp(13px, 1.2vw, 14px);\n        color: #334155;\n        line-height: 1.5;\n    }\n    #sh-medical-disclaimer-777 .sh-disc-meta-item strong {\n        color: #0f172a;\n        font-weight: 700;\n    }\n\n    \/* Disclaimer Paragraph *\/\n    #sh-medical-disclaimer-777 .sh-disc-text {\n        font-size: clamp(13.5px, 1.3vw, 14px);\n        color: #475569;\n        line-height: 1.625;\n        margin: 0;\n    }\n    #sh-medical-disclaimer-777 .sh-disc-text strong {\n        color: #1e293b;\n        font-weight: 700;\n    }\n\n    \/* 7. Entrance Animation *\/\n    @keyframes shFadeInUpDisc {\n        from { opacity: 0; transform: translateY(15px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-medical-disclaimer-777 .sh-disc-animate { \n        opacity: 0; \n        animation: shFadeInUpDisc 0.5s ease-out forwards; \n    }\n\n    #sh-medical-disclaimer-777 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-medical-disclaimer-777\" dir=\"ltr\">\n    <div class=\"sh-disc-wrapper\">\n        \n        <div class=\"sh-disc-card sh-disc-animate\">\n            \n            <!-- Icon -->\n            <div class=\"sh-disc-icon-wrap\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\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            <!-- Content -->\n            <div class=\"sh-disc-content-col sh-disc-text-start\">\n                <h3 id=\"sh-disc-lang-title\" class=\"sh-disc-heading\" style=\"font-family: var(--font-display);\">\n                    Medical Review &amp; Disclaimer\n                <\/h3>\n                \n                <ul id=\"sh-disc-lang-meta\" class=\"sh-disc-meta-list\">\n                    <!-- Meta items injected safely via JS -->\n                <\/ul>\n\n                <p id=\"sh-disc-lang-desc\" class=\"sh-disc-text\">\n                    <!-- Disclaimer text injected safely via JS -->\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const shDiscData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                title: \"Medical Review & Disclaimer\",\n                reviewedBy: \"Dr. Atef Hamouda, Registrar Urology (Languages: Arabic, English)\",\n                lastUpdated: \"July 2026\",\n                accreditation: \"CBAHI Accredited Facility\",\n                disclaimerPrefix: \"Disclaimer:\",\n                disclaimerText: \" This information is provided for educational purposes only and should not be considered a substitute for professional medical advice, diagnosis, or treatment. Urological symptoms can have many different causes and require individual assessment by a qualified healthcare professional. If you experience severe pain, inability to urinate, significant bleeding, or any other urgent medical concern, seek immediate medical attention or visit our 24\/7 Emergency Department at Al Mansur, Makkah without delay.\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"var(--font-arabic)\",\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                reviewedBy: \"\u062f. \u0639\u0627\u0637\u0641 \u062d\u0645\u0648\u062f\u0629\u060c \u0623\u062e\u0635\u0627\u0626\u064a \u0645\u0633\u0627\u0644\u0643 \u0628\u0648\u0644\u064a\u0629 (\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                lastUpdated: \"\u064a\u0648\u0644\u064a\u0648 2026\",\n                accreditation: \"\u0645\u0646\u0634\u0623\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 \u0633\u0628\u0627\u0647\u064a (CBAHI)\",\n                disclaimerPrefix: \"\u0625\u062e\u0644\u0627\u0621 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629:\",\n                disclaimerText: \" \u064a\u062a\u0645 \u062a\u0648\u0641\u064a\u0631 \u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0644\u0623\u063a\u0631\u0627\u0636 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0641\u0642\u0637 \u0648\u0644\u0627 \u064a\u062c\u0628 \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. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0623\u0633\u0628\u0627\u0628 \u0639\u062f\u064a\u062f\u0629 \u0645\u062e\u062a\u0644\u0641\u0629 \u0648\u062a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0641\u0631\u062f\u064a\u0627\u064b \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 \u0623\u0644\u0645 \u0634\u062f\u064a\u062f\u060c \u0623\u0648 \u0639\u062f\u0645 \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0628\u0648\u0644\u060c \u0623\u0648 \u0646\u0632\u064a\u0641 \u0643\u0628\u064a\u0631\u060c \u0623\u0648 \u0623\u064a \u0642\u0644\u0642 \u0637\u0628\u064a \u0639\u0627\u062c\u0644 \u0622\u062e\u0631\u060c \u0641\u0627\u0637\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0623\u0648 \u0642\u0645 \u0632\u064a\u0627\u0631\u0629 \u0637\u0648\u0627\u0631\u0626\u0646\u0627 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u0637\u0648\u0627\u0644 \u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0641\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629 \u062f\u0648\u0646 \u062a\u0623\u062e\u064a\u0631.\"\n            }\n        };\n\n        function shInitDisclaimerData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shDiscData.ar : shDiscData.en;\n            \n            const section = document.getElementById('sh-medical-disclaimer-777');\n            if (!section) return;\n            \n            section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Title Safely\n            const titleEl = document.getElementById('sh-disc-lang-title');\n            if (titleEl) {\n                titleEl.textContent = data.title;\n                titleEl.style.fontFamily = data.font;\n            }\n\n            \/\/ Set Meta List Safely via DOM Nodes (XSS Prevention)\n            const metaContainer = document.getElementById('sh-disc-lang-meta');\n            if (metaContainer) {\n                metaContainer.innerHTML = '';\n                \n                const metaItems = [\n                    { label: isAr ? \"\u0627\u0644\u0645\u0631\u0627\u062c\u0639:\" : \"Reviewed By:\", val: data.reviewedBy },\n                    { label: isAr ? \"\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:\" : \"Last Updated:\", val: data.lastUpdated },\n                    { label: isAr ? \"\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649:\" : \"Hospital Accreditation:\", val: data.accreditation }\n                ];\n\n                metaItems.forEach(item => {\n                    const li = document.createElement('li');\n                    li.className = \"sh-disc-meta-item\";\n                    li.style.fontFamily = data.body;\n                    \n                    const strong = document.createElement('strong');\n                    strong.textContent = item.label + \" \";\n                    \n                    const textNode = document.createTextNode(item.val);\n                    \n                    li.appendChild(strong);\n                    li.appendChild(textNode);\n                    metaContainer.appendChild(li);\n                });\n            }\n\n            \/\/ Set Disclaimer Paragraph Safely via DOM Nodes\n            const descEl = document.getElementById('sh-disc-lang-desc');\n            if (descEl) {\n                descEl.innerHTML = ''; \/\/ Clear previous\n                descEl.style.fontFamily = data.body;\n                \n                const strong = document.createElement('strong');\n                strong.textContent = data.disclaimerPrefix;\n                \n                const textNode = document.createTextNode(data.disclaimerText);\n                \n                descEl.appendChild(strong);\n                descEl.appendChild(textNode);\n            }\n        }\n\n        shInitDisclaimerData();\n        \n        const shDiscObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitDisclaimerData();\n                }\n            }\n        });\n        \n        if (document.documentElement) {\n            shDiscObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n        }\n    });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Home Departments Urology CBAHI Accredited \u00b7 Al Mansur, Makkah Best Urology Hospital in Makkah Specialized Care for Urinary and Male [&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-569","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/569","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=569"}],"version-history":[{"count":28,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/569\/revisions"}],"predecessor-version":[{"id":1943,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/569\/revisions\/1943"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}