{"id":9,"date":"2025-08-05T08:48:19","date_gmt":"2025-08-05T08:48:19","guid":{"rendered":"https:\/\/etisweb.in\/demo22\/?page_id=9"},"modified":"2025-08-05T08:48:19","modified_gmt":"2025-08-05T08:48:19","slug":"home","status":"publish","type":"page","link":"https:\/\/staging.simplmeds.com\/?page_id=9","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-992d9ca elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"992d9ca\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0c0d9bf\" data-id=\"0c0d9bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ebf4cc elementor-widget elementor-widget-heading\" data-id=\"5ebf4cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your Medications. Simplified.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f41bc4 elementor-widget elementor-widget-heading\" data-id=\"3f41bc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">When treatment feels overwhelming, SimplMeds transforms complex medical information into clear answers you can trust\u2014and actually understand. <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8180038 elementor-widget elementor-widget-html\" data-id=\"8180038\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"medication-search-widget\" style=\"max-width: 600px; margin: 0 auto; padding: 20px;\">\n    \n    <!-- Search Input -->\n    <div style=\"position: relative;\">\n        <input type=\"search\" \n               id=\"med-autocomplete-api\" \n               placeholder=\"Search for your medication...\" \n               style=\"width: 100%; \n                      height: 56px; \n                      border: 2px solid #2A7DE1; \n                      border-radius: 8px; \n                      padding: 16px 50px 16px 20px; \n                      font-family: Inter, sans-serif;\n                      font-size: 16px;\n                      box-sizing: border-box;\n                      background: white;\">\n        \n        <!-- Search Icon -->\n        <svg style=\"position: absolute; \n                    right: 16px; \n                    top: 50%; \n                    transform: translateY(-50%); \n                    width: 24px; \n                    height: 24px; \n                    pointer-events: none;\" \n             fill=\"none\" \n             stroke=\"#2A7DE1\" \n             stroke-width=\"2\" \n             viewBox=\"0 0 24 24\">\n            <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n            <path d=\"m21 21-4.35-4.35\"\/>\n        <\/svg>\n        \n        <!-- Loading indicator -->\n        <div id=\"loading-indicator\" \n             style=\"position: absolute; \n                    right: 50px; \n                    top: 50%; \n                    transform: translateY(-50%); \n                    display: none;\">\n            <div style=\"width: 20px; \n                        height: 20px; \n                        border: 2px solid #E6F1FA; \n                        border-top-color: #2A7DE1; \n                        border-radius: 50%; \n                        animation: spin 0.6s linear infinite;\">\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Autocomplete Dropdown -->\n    <div id=\"autocomplete-results-api\" \n         style=\"position: relative; \n                margin-top: 8px; \n                background: white; \n                border: 1px solid #E6F1FA; \n                border-radius: 8px; \n                max-height: 400px; \n                overflow-y: auto; \n                box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n                display: none;\">\n    <\/div>\n    \n    <!-- \"Or browse all\" link -->\n    <div style=\"text-align: center; margin-top: 16px;\">\n        <a href=\"https:\/\/www.simplmeds.com\/medication-directory\/\" \n           style=\"font-family: Inter, sans-serif; \n                  font-size: 16px; \n                  color: #FFFFFF; \n                  text-decoration: none;\">\n            Or Browse All Medications A-Z \u2192\n        <\/a>\n    <\/div>\n    \n<\/div>\n\n<style>\n@keyframes spin {\n    to { transform: rotate(360deg); }\n}\n\n#autocomplete-results-api::-webkit-scrollbar {\n    width: 8px;\n}\n\n#autocomplete-results-api::-webkit-scrollbar-track {\n    background: #f1f1f1;\n    border-radius: 8px;\n}\n\n#autocomplete-results-api::-webkit-scrollbar-thumb {\n    background: #2A7DE1;\n    border-radius: 8px;\n}\n\n#autocomplete-results-api a:last-child {\n    border-bottom: none !important;\n}\n\n#med-autocomplete-api:focus {\n    outline: none;\n    border-color: #1E5FA3;\n    box-shadow: 0 0 0 3px rgba(42, 125, 225, 0.1);\n}\n<\/style>\n\n<script>\nlet searchTimeout;\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const searchInput = document.getElementById('med-autocomplete-api');\n    const resultsDiv = document.getElementById('autocomplete-results-api');\n    const loadingIndicator = document.getElementById('loading-indicator');\n    \n    searchInput.addEventListener('input', function() {\n        const searchTerm = this.value.trim();\n        \n        \/\/ Clear previous timeout\n        clearTimeout(searchTimeout);\n        \n        \/\/ Hide results if search is too short\n        if (searchTerm.length < 2) {\n            resultsDiv.style.display = 'none';\n            loadingIndicator.style.display = 'none';\n            return;\n        }\n        \n        \/\/ Show loading\n        loadingIndicator.style.display = 'block';\n        \n        \/\/ Debounce - wait 300ms after user stops typing\n        searchTimeout = setTimeout(async () => {\n            try {\n                \/\/ Search using WordPress REST API\n                const response = await fetch(`\/wp-json\/wp\/v2\/medication?search=${encodeURIComponent(searchTerm)}&per_page=10`);\n                const medications = await response.json();\n                \n                loadingIndicator.style.display = 'none';\n                \n                if (medications.length === 0) {\n                    resultsDiv.innerHTML = '<div style=\"padding: 16px; color: #666; font-family: Inter, sans-serif;\">No medications found<\/div>';\n                    resultsDiv.style.display = 'block';\n                    return;\n                }\n                \n                \/\/ Display results\n                let html = '';\n                medications.forEach(med => {\n                    html += `\n                        <a href=\"${med.link}\" \n                           style=\"display: block; \n                                  padding: 12px 16px; \n                                  color: #2A7DE1; \n                                  text-decoration: none; \n                                  font-family: Inter, sans-serif;\n                                  font-size: 16px;\n                                  border-bottom: 1px solid #E6F1FA;\n                                  transition: background 150ms ease;\"\n                           onmouseover=\"this.style.background='#E6F1FA'\"\n                           onmouseout=\"this.style.background='white'\">\n                            ${highlightMatch(med.title.rendered, searchTerm)}\n                        <\/a>\n                    `;\n                });\n                \n                resultsDiv.innerHTML = html;\n                resultsDiv.style.display = 'block';\n                \n            } catch (error) {\n                console.error('Search error:', error);\n                loadingIndicator.style.display = 'none';\n                resultsDiv.innerHTML = '<div style=\"padding: 16px; color: #666; font-family: Inter, sans-serif;\">Error loading results<\/div>';\n                resultsDiv.style.display = 'block';\n            }\n        }, 300);\n    });\n    \n    \/\/ Close dropdown when clicking outside\n    document.addEventListener('click', function(e) {\n        if (!searchInput.contains(e.target) && !resultsDiv.contains(e.target)) {\n            resultsDiv.style.display = 'none';\n        }\n    });\n    \n    \/\/ Reopen dropdown when clicking back in search\n    searchInput.addEventListener('focus', function() {\n        if (this.value.length >= 2 && resultsDiv.innerHTML) {\n            resultsDiv.style.display = 'block';\n        }\n    });\n});\n\nfunction highlightMatch(text, searchTerm) {\n    const regex = new RegExp(`(${searchTerm})`, 'gi');\n    return text.replace(regex, '<strong style=\"color: #1E5FA3;\">$1<\/strong>');\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0a9304a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0a9304a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6485caa\" data-id=\"6485caa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3be4f82 elementor-widget elementor-widget-html\" data-id=\"3be4f82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"max-width: 1400px; margin: 0 auto; padding: 60px 20px;\">\n    \n    <!-- Heading (spans full width) -->\n    <h2 style=\"font-family: Inter, sans-serif; font-weight: 700; font-size: 36px; color: #1A1A1A; margin: 0 0 16px 0; line-height: 1.2; text-align: center;\">\n        Your Path to Understanding\n    <\/h2>\n    \n    <!-- Subheading (spans full width) -->\n    <p style=\"font-family: Inter, sans-serif; font-size: 18px; color: #666; margin: 0 0 48px 0; line-height: 1.6; text-align: center;\">\n        Getting clear answers about your medications shouldn't be complicated\n    <\/p>\n    \n    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\">\n        \n        <!-- LEFT COLUMN: Image -->\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/www.simplmeds.com\/wp-content\/uploads\/2025\/10\/Homepage-section-3-photo.webp\" \n                 alt=\"SimplMeds patient empowerment\" \n                 style=\"width: 100%; height: auto; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);\">\n        <\/div>\n        \n        <!-- RIGHT COLUMN: Content -->\n        <div>\n            \n            <!-- Three Steps -->\n            <div style=\"display: flex; flex-direction: column; gap: 32px; margin-bottom: 40px;\">\n                \n                <!-- Step 1: Search -->\n                <div style=\"display: flex; align-items: flex-start; gap: 20px;\">\n                    <!-- Search Icon -->\n                    <div style=\"flex-shrink: 0; width: 56px; height: 56px; background: linear-gradient(135deg, #2A7DE1 0%, #1E5FA3 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(42,125,225,0.3);\">\n                        <svg width=\"28\" height=\"28\" fill=\"white\" viewBox=\"0 0 24 24\">\n                            <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <!-- Content -->\n                    <div style=\"flex: 1; padding-top: 6px;\">\n                        <h3 style=\"font-family: Inter, sans-serif; font-weight: 600; font-size: 20px; color: #1A1A1A; margin: 0 0 8px 0;\">\n                            Search Your Medication\n                        <\/h3>\n                        <p style=\"font-family: Inter, sans-serif; font-size: 16px; line-height: 1.6; color: #666; margin: 0;\">\n                            Type any medication name\u2014brand or generic. Our smart search finds it instantly.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Step 2: Toggle -->\n                <div style=\"display: flex; align-items: flex-start; gap: 20px;\">\n                    <!-- Toggle Icon -->\n                    <div style=\"flex-shrink: 0; width: 56px; height: 56px; background: linear-gradient(135deg, #3EB489 0%, #2E8A6B 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(62,180,137,0.3);\">\n                        <svg width=\"28\" height=\"28\" fill=\"white\" viewBox=\"0 0 24 24\">\n                            <path d=\"M17 7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h10c2.76 0 5-2.24 5-5s-2.24-5-5-5zm0 8c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <!-- Content -->\n                    <div style=\"flex: 1; padding-top: 6px;\">\n                        <h3 style=\"font-family: Inter, sans-serif; font-weight: 600; font-size: 20px; color: #1A1A1A; margin: 0 0 8px 0;\">\n                            Choose Your Level\n                        <\/h3>\n                        <p style=\"font-family: Inter, sans-serif; font-size: 16px; line-height: 1.6; color: #666; margin: 0;\">\n                            Toggle between Simple and Detailed. Switch anytime as your needs change.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Step 3: Understand -->\n                <div style=\"display: flex; align-items: flex-start; gap: 20px;\">\n                    <!-- Lightbulb\/Understanding Icon -->\n                    <div style=\"flex-shrink: 0; width: 56px; height: 56px; background: linear-gradient(135deg, #8B7FB8 0%, #6B5F98 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(139,127,184,0.3);\">\n                        <svg width=\"28\" height=\"28\" fill=\"white\" viewBox=\"0 0 24 24\">\n                            <path d=\"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <!-- Content -->\n                    <div style=\"flex: 1; padding-top: 6px;\">\n                        <h3 style=\"font-family: Inter, sans-serif; font-weight: 600; font-size: 20px; color: #1A1A1A; margin: 0 0 8px 0;\">\n                            Understand & Act\n                        <\/h3>\n                        <p style=\"font-family: Inter, sans-serif; font-size: 16px; line-height: 1.6; color: #666; margin: 0;\">\n                            Get pharmacist-reviewed answers in plain language. Ask better questions, make informed decisions.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n            \n            <!-- Bottom Paragraph -->\n            <p style=\"font-family: Inter, sans-serif; font-size: 16px; line-height: 1.65; color: #666; margin: 0; text-align: center;\">\n                Diagnosis brings complexity. Treatment shouldn't add to it. SimplMeds turns medical confusion into confidence, helping you take control of your health journey\u2014one clear answer at a time.\n            <\/p>\n            \n        <\/div>\n        \n    <\/div>\n    \n<\/div>\n\n<style>\n\/* Mobile Responsive *\/\n@media (max-width: 1024px) {\n    div[style*=\"grid-template-columns: 1fr 1fr\"] {\n        grid-template-columns: 1fr !important;\n        gap: 40px !important;\n    }\n    \n    h2 {\n        font-size: 32px !important;\n    }\n}\n\n@media (max-width: 768px) {\n    h2 {\n        font-size: 28px !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0dc6588 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0dc6588\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce1a0be\" data-id=\"ce1a0be\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c83a59a elementor-widget elementor-widget-heading\" data-id=\"c83a59a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Discover All Your Treatment Options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a67de2 elementor-widget elementor-widget-text-editor\" data-id=\"9a67de2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Diagnosis brings complexity. Treatment shouldn&#8217;t add to it. SimplMeds turns medical confusion into confidence, helping you take control of your health Journey\u2014one clear answer at a time.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe67547 elementor-widget elementor-widget-html\" data-id=\"fe67547\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"condition-search-widget\" style=\"max-width: 600px; margin: 0 auto; padding: 20px;\">\n    \n    <!-- Search Input -->\n    <div style=\"position: relative;\">\n        <input type=\"search\" \n               id=\"condition-autocomplete-api\" \n               placeholder=\"Search for your condition...\" \n               style=\"width: 100%; \n                      height: 56px; \n                      border: 2px solid #2A7DE1; \n                      border-radius: 8px; \n                      padding: 16px 50px 16px 20px; \n                      font-family: Inter, sans-serif;\n                      font-size: 16px;\n                      box-sizing: border-box;\n                      background: white;\">\n        \n        <!-- Search Icon -->\n        <svg style=\"position: absolute; \n                    right: 16px; \n                    top: 50%; \n                    transform: translateY(-50%); \n                    width: 24px; \n                    height: 24px; \n                    pointer-events: none;\" \n             fill=\"none\" \n             stroke=\"#2A7DE1\" \n             stroke-width=\"2\" \n             viewBox=\"0 0 24 24\">\n            <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n            <path d=\"m21 21-4.35-4.35\"\/>\n        <\/svg>\n        \n        <!-- Loading indicator -->\n        <div id=\"condition-loading-indicator\" \n             style=\"position: absolute; \n                    right: 50px; \n                    top: 50%; \n                    transform: translateY(-50%); \n                    display: none;\">\n            <div style=\"width: 20px; \n                        height: 20px; \n                        border: 2px solid #E6F1FA; \n                        border-top-color: #2A7DE1; \n                        border-radius: 50%; \n                        animation: spin-condition 0.6s linear infinite;\">\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Autocomplete Dropdown -->\n    <div id=\"condition-autocomplete-results-api\" \n         style=\"position: relative; \n                margin-top: 8px; \n                background: white; \n                border: 1px solid #E6F1FA; \n                border-radius: 8px; \n                max-height: 400px; \n                overflow-y: auto; \n                box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n                display: none;\">\n    <\/div>\n    \n    <!-- \"Or browse all\" link -->\n    <div style=\"text-align: center; margin-top: 16px;\">\n        <a href=\"https:\/\/www.simplmeds.com\/condition-directory\/\" \n           style=\"font-family: Inter, sans-serif; \n                  font-size: 16px; \n                  color: #FFFFFF; \n                  text-decoration: none;\">\n            Or Browse All Conditions A-Z \u2192\n        <\/a>\n    <\/div>\n    \n<\/div>\n\n<style>\n@keyframes spin-condition {\n    to { transform: rotate(360deg); }\n}\n\n#condition-autocomplete-results-api::-webkit-scrollbar {\n    width: 8px;\n}\n\n#condition-autocomplete-results-api::-webkit-scrollbar-track {\n    background: #f1f1f1;\n    border-radius: 8px;\n}\n\n#condition-autocomplete-results-api::-webkit-scrollbar-thumb {\n    background: #2A7DE1;\n    border-radius: 8px;\n}\n\n#condition-autocomplete-results-api a:last-child {\n    border-bottom: none !important;\n}\n\n#condition-autocomplete-api:focus {\n    outline: none;\n    border-color: #1E5FA3;\n    box-shadow: 0 0 0 3px rgba(42, 125, 225, 0.1);\n}\n<\/style>\n\n<script>\nlet conditionSearchTimeout;\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const searchInput = document.getElementById('condition-autocomplete-api');\n    const resultsDiv = document.getElementById('condition-autocomplete-results-api');\n    const loadingIndicator = document.getElementById('condition-loading-indicator');\n    \n    searchInput.addEventListener('input', function() {\n        const searchTerm = this.value.trim();\n        \n        \/\/ Clear previous timeout\n        clearTimeout(conditionSearchTimeout);\n        \n        \/\/ Hide results if search is too short\n        if (searchTerm.length < 2) {\n            resultsDiv.style.display = 'none';\n            loadingIndicator.style.display = 'none';\n            return;\n        }\n        \n        \/\/ Show loading\n        loadingIndicator.style.display = 'block';\n        \n        \/\/ Debounce - wait 300ms after user stops typing\n        conditionSearchTimeout = setTimeout(async () => {\n            try {\n                \/\/ Search using WordPress REST API for conditions\n                const response = await fetch(`\/wp-json\/wp\/v2\/condition?search=${encodeURIComponent(searchTerm)}&per_page=10`);\n                const conditions = await response.json();\n                \n                loadingIndicator.style.display = 'none';\n                \n                if (conditions.length === 0) {\n                    resultsDiv.innerHTML = '<div style=\"padding: 16px; color: #666; font-family: Inter, sans-serif;\">No conditions found<\/div>';\n                    resultsDiv.style.display = 'block';\n                    return;\n                }\n                \n                \/\/ Display results\n                let html = '';\n                conditions.forEach(condition => {\n                    html += `\n                        <a href=\"${condition.link}\" \n                           style=\"display: block; \n                                  padding: 12px 16px; \n                                  color: #2A7DE1; \n                                  text-decoration: none; \n                                  font-family: Inter, sans-serif;\n                                  font-size: 16px;\n                                  border-bottom: 1px solid #E6F1FA;\n                                  transition: background 150ms ease;\"\n                           onmouseover=\"this.style.background='#E6F1FA'\"\n                           onmouseout=\"this.style.background='white'\">\n                            ${highlightConditionMatch(condition.title.rendered, searchTerm)}\n                        <\/a>\n                    `;\n                });\n                \n                resultsDiv.innerHTML = html;\n                resultsDiv.style.display = 'block';\n                \n            } catch (error) {\n                console.error('Condition search error:', error);\n                loadingIndicator.style.display = 'none';\n                resultsDiv.innerHTML = '<div style=\"padding: 16px; color: #666; font-family: Inter, sans-serif;\">Error loading results<\/div>';\n                resultsDiv.style.display = 'block';\n            }\n        }, 300);\n    });\n    \n    \/\/ Close dropdown when clicking outside\n    document.addEventListener('click', function(e) {\n        if (!searchInput.contains(e.target) && !resultsDiv.contains(e.target)) {\n            resultsDiv.style.display = 'none';\n        }\n    });\n    \n    \/\/ Reopen dropdown when clicking back in search\n    searchInput.addEventListener('focus', function() {\n        if (this.value.length >= 2 && resultsDiv.innerHTML) {\n            resultsDiv.style.display = 'block';\n        }\n    });\n});\n\nfunction highlightConditionMatch(text, searchTerm) {\n    const regex = new RegExp(`(${searchTerm})`, 'gi');\n    return text.replace(regex, '<strong style=\"color: #1E5FA3;\">$1<\/strong>');\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b28f44a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b28f44a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9f01d5e\" data-id=\"9f01d5e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7284152 elementor-widget elementor-widget-heading\" data-id=\"7284152\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Understanding Your Medications Changes Everything<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7208df0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7208df0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e7d4b10\" data-id=\"e7d4b10\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5aaa54a elementor-widget elementor-widget-text-editor\" data-id=\"5aaa54a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tExplore research-backed insights on health literacy, patient empowerment, and medication safety. Discover why understanding matters\u2014and how it leads to better health outcomes.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-686d22c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"686d22c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e8df86a\" data-id=\"e8df86a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4877549 elementor-widget elementor-widget-html\" data-id=\"4877549\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"simplmeds-donation-section\" style=\"background: #E6F1FA; padding: 40px 20px; margin: 40px 0; border-radius: 8px;\">\n    \n    <!-- Heading -->\n    <h2 style=\"font-family: Inter, sans-serif; font-weight: 700; font-size: 28px; color: #2A7DE1; text-align: center; margin: 0 0 24px 0; padding-bottom: 12px; border-bottom: 2px solid #E6F1FA;\">\n        Help Keep SimplMeds Free\n    <\/h2>\n    \n    <!-- Content Container -->\n    <div style=\"max-width: 800px; margin: 0 auto; text-align: center;\">\n        \n        <!-- Description Text -->\n        <div style=\"margin-bottom: 24px;\">\n            <p style=\"font-family: Inter, sans-serif; font-size: 16px; line-height: 1.65; color: #666666; margin: 0 0 16px 0;\">\n                SimplMeds is an independent resource providing free, pharmacist-reviewed medical information to help patients make informed health decisions.\n            <\/p>\n            <p style=\"font-family: Inter, sans-serif; font-size: 16px; line-height: 1.65; color: #666666; margin: 0;\">\n                If you find this information helpful, please consider supporting our work. 100% of your contribution will help fund pharmacist review of additional medication information for SimplMeds.\n            <\/p>\n        <\/div>\n        \n        <!-- Donate Button -->\n        <div style=\"margin: 32px 0 16px 0;\">\n            <a href=\"https:\/\/buy.stripe.com\/cNi00kabv7Pw3kg4o7fEk00\" \n               style=\"display: inline-block; \n                      background: #2A7DE1; \n                      color: white; \n                      font-family: Inter, sans-serif; \n                      font-weight: 600; \n                      font-size: 16px; \n                      padding: 14px 32px; \n                      border-radius: 8px; \n                      text-decoration: none; \n                      transition: all 200ms ease;\n                      box-shadow: 0 2px 4px rgba(42, 125, 225, 0.2);\"\n               onmouseover=\"this.style.background='#1E5FA3'; this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 8px rgba(42, 125, 225, 0.3)';\"\n               onmouseout=\"this.style.background='#2A7DE1'; this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(42, 125, 225, 0.2)';\">\n                Support SimplMeds\n            <\/a>\n        <\/div>\n        \n        <!-- Tax Notice -->\n        <p style=\"font-family: Inter, sans-serif; font-size: 14px; line-height: 1.5; color: #999999; margin: 0; font-style: italic;\">\n            Contributions are not tax-deductible.\n        <\/p>\n        \n    <\/div>\n    \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your Medications. Simplified. When treatment feels overwhelming, SimplMeds transforms complex medical information into clear answers you can trust\u2014and actually understand. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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-9","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.simplmeds.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.simplmeds.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.simplmeds.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.simplmeds.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.simplmeds.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":0,"href":"https:\/\/staging.simplmeds.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.simplmeds.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}