{"title":"Cardiovascular \u0026 Metabolic Health","description":"","products":[{"product_id":"ferrous-sulfate-anaemia","title":"Ferrous Sulfate","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eFerrous Sulfate Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eFerrous sulfate is a supplement used to treat iron deficiency anaemia.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt increases iron levels to help make haemoglobin, the protein in red blood cells that transports oxygen.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eAvailable in 200mg tablets. The dosage will depend on your specific needs.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Ferrous sulfate?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous sulfate is a supplement used to treat iron deficiency anaemia. This condition occurs when you don't have enough red blood cells, which means your body doesn't receive enough oxygen-rich blood. While anaemia can be caused by a lack of folate or B12, iron deficiency is the most common reason.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are several reasons why you might have low iron levels in your blood, such as pregnancy, losing blood, or not eating enough iron-rich foods. A blood test can often show if iron deficiency anaemia is behind your symptoms. These symptoms typically include feeling tired, looking pale, experiencing shortness of breath, and having irregular heartbeats, known as palpitations.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Ferrous sulfate work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIron is a mineral that assists your body in producing red blood cells. Many factors can lead to low iron levels. Non-steroidal anti-inflammatory drugs (NSAIDs) can cause bleeding in your stomach and intestines, similar to bowel cancer and stomach ulcers. This type of bleeding is a common reason for iron deficiency anaemia in men and postmenopausal women.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor women of childbearing age, heavy periods can lead to low iron levels. Pregnancy can also cause low iron because your body requires more to support your baby.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous sulfate helps by raising the iron levels in your blood. With more iron, your body can produce more haemoglobin, which is an essential protein for red blood cells. Healthy red blood cells ensure that oxygen can move from your lungs to various parts of your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Ferrous sulfate are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous sulfate comes in 200mg film-coated tablets. To help prevent anaemia, the typical dose is one tablet daily.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTo treat low iron levels, it's recommended to take 2 tablets three times a day. However, the exact amount you'll need depends on your initial iron levels. A healthcare professional will typically want to see a recent blood test or a diagnosis of iron deficiency from your GP to determine how much Ferrous sulfate you should take.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does Ferrous sulfate take to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eRestoring your iron levels usually requires time and patience. You might notice an improvement after taking Ferrous sulfate daily for 3-4 weeks, but many people need to continue with the supplements for a longer period to fully normalise their iron levels. This process can take between 2-4 months, depending on how low your iron was initially and how effectively your body absorbs Ferrous sulfate.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eWhile you're taking the supplements, a healthcare professional may suggest you boost your iron intake through your diet. This involves eating foods high in iron, such as red meat, nuts, fortified breakfast cereals, and dark leafy greens. If you're vegetarian or have dietary restrictions for other reasons, it might be helpful to talk to them about your diet to find ways to increase your iron intake.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when using Ferrous sulfate?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIt's crucial to follow the dosage schedule your doctor has given you. Taking too much ferrous sulfate at once can lead to stomach pain, diarrhoea, and vomiting. In some instances, it might even cause seizures. If you forget to take a dose, have it as soon as you remember, unless it's nearly time for your next dose. If that's the case, just skip the missed one and continue with your regular routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you realise you've taken more tablets than necessary, go to your nearest A\u0026amp;E department. If possible, take the medication box and the patient information leaflet with you. This will assist the hospital staff in providing you with quicker help.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Ferrous sulfate different from other treatments for anaemia?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are various ways to treat an iron deficiency. A healthcare professional may inquire about your diet and look into other potential causes of your anaemia before determining the most suitable treatment for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOral iron treatment is typically the first choice for helping people increase low iron levels.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous sulfate is a generic medicine, named after its active ingredient. You can also find this ingredient in Ferrograd tablets, which function similarly to Ferrous sulfate but are available in a slow-release form. This means they work gradually over 24 hours. Ferrograd tablets contain a higher dose of ferrous sulfate than the generic version and might be a better choice if you prefer branded medicines.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAnother similar supplement is Ferrous fumarate. It functions much like Ferrous sulfate and comes in two different strengths. This can be helpful if you need to increase your iron intake without changing your medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Will taking Ferrous sulfate affect my contraception?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eRegularly taking ferrous sulfate won't affect your contraceptive methods. This applies to the combined pill, the mini pill, and emergency contraception.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSometimes, ferrous sulfate can upset your stomach. If the supplements make you feel unwell or you have severe diarrhoea lasting more than a day, it could affect how well your contraceptive works, as it might not be absorbed properly.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf this occurs, you may need to take an additional contraceptive pill or use condoms for added protection. You can speak to one of our clinicians for further guidance, or visit a sexual health clinic or pharmacy if you require urgent assistance.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Will Ferrous sulfate cause any side effects?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eEvery medicine can lead to side effects, but that doesn't mean you'll experience them. Everyone reacts differently to Ferrous sulfate. It's a good idea to read the patient information leaflet that comes with the tablets for a complete list of possible side effects.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePeople have reported experiencing stomach pain, an upset stomach, diarrhoea, and nausea. Taking the tablets on an empty stomach might not agree with you. If this happens, have a chat with a clinician about trying a different iron supplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you think you're having an allergic reaction to the tablets, get medical help straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Ferrous sulfate?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous sulfate supplements are a type of medication you can get at the pharmacy. You'll need to speak with a pharmacist before you can purchase them over the counter.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOur clinicians provide prescriptions for all our medications. They'll ensure that Ferrous sulfate is the right choice for managing or preventing your low iron levels. While some iron supplements can be bought without a prescription, they might not have the right dosage needed to improve your condition.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous sulfate isn't right for everyone, and there are a few things you should keep in mind when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about it. If you find anything confusing, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/files\/pil.2623.pdf\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"200mg \/ 28 Tablets","offer_id":54299891663192,"sku":"FERROUS SULFATE-200-28","price":47.95,"currency_code":"GBP","in_stock":true},{"title":"200mg \/ 56 Tablets","offer_id":54299891695960,"sku":"FERROUS SULFATE-200-56","price":59.95,"currency_code":"GBP","in_stock":true},{"title":"200mg \/ 84 Tablets","offer_id":54299891728728,"sku":"FERROUS SULFATE-200-84","price":96.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/7pill-silver_blister-pack-1.png?v=1738931305"},{"product_id":"ferrous-fumarate-anaemia","title":"Ferrous Fumarate","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eFerrous Fumarate Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eFerrous fumarate is an iron supplement that helps increase iron levels.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThis helps lessen tiredness, shortness of breath, and other symptoms of anaemia.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt comes in 210mg and 322mg tablets. The dosage will vary depending on your needs.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Ferrous fumarate?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous fumarate is an iron supplement used to prevent and treat iron deficiency anaemia. It's typically taken as a tablet. By increasing your iron levels, it helps to alleviate the symptoms of anaemia. Iron is essential for making red blood cells, which are responsible for transporting oxygen throughout your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen there's not enough iron in your blood, you might feel tired, short of breath, have pale skin, and experience heart palpitations. This is known as iron deficiency anaemia. It can happen due to blood loss, pregnancy, or not eating enough iron-rich foods. If your diet doesn't provide enough iron, taking iron supplements like ferrous fumarate can help you recover from iron deficiency anaemia faster.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Ferrous fumarate work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous fumarate is an iron supplement that boosts the iron levels in your body. Iron is crucial for producing haemoglobin, a vital component of red blood cells. These cells transport oxygen throughout your body, ensuring your organs and tissues stay healthy.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen you take ferrous fumarate, the tablets are dissolved by the acid in your stomach. The iron is then absorbed into your bloodstream through the small intestine and enters your cells. There, it helps produce red blood cells, which carry oxygen throughout your body. This process helps prevent symptoms of anaemia, such as feeling tired and experiencing heart palpitations.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Ferrous fumarate are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous fumarate tablets come in two strengths: 210mg and 322mg. The right dose and frequency for you will depend on your symptoms. Our healthcare professionals can advise you on the best starting dose and will keep an eye on your progress.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen you're taking ferrous fumarate 210mg, you'll generally take one tablet three times a day. For ferrous fumarate 322mg, it's typically one tablet once or twice daily. If the starting dose doesn't seem effective enough, your clinician might recommend trying a higher dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take for Ferrous fumarate to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you're using ferrous fumarate to treat anaemia, you'll typically notice an improvement in your symptoms after about a week. Clinical studies indicate that taking ferrous fumarate over four weeks significantly boosts iron levels in the blood. It may take a bit longer for the full effects to become apparent and for all your symptoms to completely go away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eFerrous fumarate can also help prevent anaemia from occurring. When you're taking it for prevention, it might be hard to tell if it's working because you won't have anaemia symptoms to begin with. This doesn't mean it's not effective, so don't stop taking it. Always follow your clinician's guidance.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eWhat should I do if I accidentally take Ferrous fumarate incorrectly?\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a dose of ferrous fumarate, just take it as soon as you remember. However, if it's nearly time for your next dose, skip the one you missed and carry on with your usual schedule. Don't take two doses at once to make up for the missed one.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you take an overdose of ferrous fumarate, it's important to get medical advice straight away. If you're unable to speak to a healthcare professional, head to the hospital. Bring the ferrous fumarate with you so they can see the amount you've taken. If you have any questions about your medication, you can log into your Treated account and get in touch with a clinician.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for ferrous fumarate?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou don't need a prescription for ferrous fumarate, but you'll still need to have a chat with a clinician to ensure it's suitable for you. You'll also need to obtain it from a registered pharmacy. This ensures you're taking the right treatment and the correct dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're experiencing an iron deficiency, simply let us know about your health. One of our clinicians will discuss the treatment options with you and recommend the best plan for you to begin.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is ferrous fumarate similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous fumarate is available as a syrup, which is handy if you have difficulty swallowing tablets. There are also branded versions of ferrous fumarate combined with folic acid, such as Galfer and Pregaday. These can be beneficial as prenatal vitamins if you're pregnant or planning to become pregnant.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous sulphate and ferrous gluconate function similarly to ferrous fumarate. The difference lies in the compounds that bind the active ingredient and aid its absorption in the body.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe supplement you choose will depend on your health history and the symptoms you're experiencing. When you have a chat with one of our clinicians, you can discuss your experiences and find the best treatment for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is ferrous fumarate?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous fumarate is very effective in treating and preventing anaemia. It's often the preferred treatment for iron deficiency because it works well, has minimal side effects, and is affordable.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous fumarate works just as well as other iron supplements such as ferrous sulfate, ferrous ascorbate, and carbonyl iron.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's easily absorbed by both anaemic and non-anaemic individuals.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt is suitable for people of different ages to help boost iron levels and ease symptoms linked to anaemia.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous fumarate isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous Fumarate 210mg Tablets | Ferrous Fumarate 322mg Tablets\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/2821\/pil#gref\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Ferrous Fumarate 210Mg Tablets\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/498\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Ferrous Fumarate 322Mg Tablets\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"210mg \/ 84 Tablets","offer_id":54299892154712,"sku":"FERROUS FUMARATE-210-84","price":30.95,"currency_code":"GBP","in_stock":true},{"title":"210mg \/ 168 Tablets","offer_id":54299892187480,"sku":"FERROUS FUMARATE-210-168","price":47.95,"currency_code":"GBP","in_stock":true},{"title":"210mg \/ 252 Tablets","offer_id":54299892220248,"sku":"FERROUS FUMARATE-210-252","price":59.95,"currency_code":"GBP","in_stock":true},{"title":"322mg \/ 84 Tablets","offer_id":54299892253016,"sku":"FERROUS FUMARATE-322-84","price":30.95,"currency_code":"GBP","in_stock":true},{"title":"322mg \/ 168 Tablets","offer_id":54299892285784,"sku":"FERROUS FUMARATE-322-168","price":47.95,"currency_code":"GBP","in_stock":true},{"title":"322mg \/ 252 Tablets","offer_id":54299892318552,"sku":"FERROUS FUMARATE-322-252","price":59.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_12b56076-8ee1-4f3d-a76c-db51d1b7d8f7.png?v=1738932576"},{"product_id":"ferrous-gluconate-anaemia","title":"Ferrous Gluconate","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eFerrous Gluconate Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eFerrous gluconate is an iron supplement that helps boost iron levels in your body.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's absorbed most effectively on an empty stomach, but you can take it with food if necessary.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt is available in 300mg doses. The amount you need will depend on your individual requirements.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Ferrous gluconate?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous gluconate is an iron supplement used to treat or prevent iron deficiency anaemia. This condition occurs when your body doesn't have enough iron, resulting in a shortage of red blood cells. Red blood cells are crucial for carrying oxygen around your body, so maintaining healthy iron levels is essential for proper cell function and energy production.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous gluconate is easily absorbed by your body and is available in supplements and medications as tablets, capsules, and liquids. Iron deficiency anaemia can occur for several reasons, such as not having enough iron in your diet, difficulty absorbing iron from food, or ongoing blood loss due to periods or certain medical conditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Ferrous gluconate work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous gluconate provides your body with extra iron, which is crucial for various functions. Iron is essential for producing haemoglobin, a protein in red blood cells that transports oxygen throughout your body. When you take ferrous gluconate, the iron is released during digestion and absorbed into your bloodstream. It then travels to your bone marrow, where it combines with other elements to form haemoglobin. Haemoglobin is responsible for carrying oxygen from your lungs to the rest of your body. Ferrous gluconate is a great option for iron supplements because it’s easily absorbed, and consuming iron-rich foods can also help maintain your iron levels.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Ferrous gluconate are available?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous gluconate comes in 300mg doses, which contain 35mg of elemental iron. You can also find it in 225mg doses sold under the brand name Fergon.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does Ferrous gluconate take to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThe time it takes for ferrous gluconate to start working can differ based on your iron levels. If you take ferrous gluconate once a day, your haemoglobin could increase by at least 10g\/litre after two weeks and 20g\/litre after four weeks. Ferrous gluconate is a popular option because it is absorbed quickly into the bloodstream, with people potentially absorbing up to 95% of the iron in the tablets.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eWhat should I do if I accidentally use Ferrous gluconate incorrectly?\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a dose, take it as soon as you remember. However, if it's nearly time for your next dose, just skip the one you missed. Do not take an extra dose to make up for it. If you accidentally take too much ferrous gluconate, seek emergency medical help immediately. Symptoms of an overdose might include feeling very sleepy, severe nausea or stomach pain, vomiting, bloody diarrhoea, coughing up blood, or vomit that looks like coffee grounds. You might also experience shallow breathing, a weak and rapid pulse, cold or clammy skin, blue lips, and seizures.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Why should I buy Ferrous gluconate online with Treated?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWe tailor healthcare to suit your needs. Simply complete our health questionnaire, and our clinicians will handle the rest, finding the best treatments for you. Select the option you prefer on a subscription that matches your routine, and it will arrive the next working day.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOur skilled clinical team will regularly touch base with you to ensure everything is on track. If you have any questions or worries, you can easily message your clinician through your account using our straightforward messaging system.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are some alternative treatments to ferrous gluconate?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n When’s the best time to take Ferrous gluconate?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYour clinician will explain the best way to take your treatment. However, here are some general tips to help you get the most benefit from your iron tablets:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Ferrous gluconate?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou don't need a prescription to get Ferrous gluconate, but a clinician or pharmacist will still need to ensure it's safe for you to use. They'll also want to check your iron levels to make sure you're taking the correct dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFerrous gluconate isn't right for everyone, and there are a few things you should be aware of before using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's the information you need. If you're still worried, feel free to chat with our expert clinical team at any time.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/bnf.nice.org.uk\/drugs\/ferrous-gluconate\/\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"300mg \/ 56 Tablets","offer_id":54299892416856,"sku":"FERROUS GLUCONATE-300-56","price":30.95,"currency_code":"GBP","in_stock":true},{"title":"300mg \/ 112 Tablets","offer_id":54299892449624,"sku":"FERROUS GLUCONATE-300-112","price":47.95,"currency_code":"GBP","in_stock":true},{"title":"300mg \/ 140 Tablets","offer_id":54299892482392,"sku":"FERROUS GLUCONATE-300-140","price":59.95,"currency_code":"GBP","in_stock":true},{"title":"300mg \/ 168 Tablets","offer_id":54299892515160,"sku":"FERROUS GLUCONATE-300-168","price":74.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/7pill-silver_blister-pack-1_ce114649-f040-4708-88bd-392c14fe0581.png?v=1738931309"},{"product_id":"folic-acid-anaemia","title":"Folic Acid","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eFolic Acid Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eFolic acid helps with tiredness, weakness, and headaches that result from low vitamin B9 levels.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt boosts vitamin B9 levels to help produce healthy red blood cells.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's available as a 5mg tablet, usually taken once a day.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are Folic acid tablets?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFolic acid is a type of vitamin, specifically a man-made form of vitamin B9. If you don't get enough vitamin B9 or have trouble absorbing it, you might develop anaemia. Those with anaemia often experience symptoms such as feeling tired, weak, and having headaches.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTaking folic acid increases the amount of B9 in your body. This boost helps your body produce enough red blood cells to manage anaemia. Folic acid is also sometimes used with other medicines that might reduce your folate levels or to help prevent issues during pregnancy.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How do Folic acid tablets work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you have a folate deficiency, it means there isn't enough folic acid in your blood. This leads to a shortage of red blood cells, resulting in anaemia. It's crucial to treat anaemia promptly to prevent any complications.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFolic acid is a simple, affordable, and highly effective treatment for folate deficiency anaemia. It increases the folic acid levels in your blood to address your anaemia. This helps alleviate your symptoms, giving you the health and energy to enjoy life to the fullest.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Folic acid tablets are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFolic acid is available in 5mg tablets. How frequently you need to take it generally depends on your blood levels. If you're treating folate deficiency anaemia, you'll typically take one 5mg tablet daily.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf your anaemia gets better, or you're trying to prevent it, you can often reduce your dose to one tablet a week. Folic acid is sometimes given with other medicines to treat anaemia, often alongside iron supplements like ferrous fumarate and ferrous sulfate.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Folic acid tablets to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eFolic acid tablets are absorbed rapidly, typically within a few hours. However, it takes a bit of time for folate levels to increase in your bloodstream and reach normal levels. If you're dealing with folate deficiency anaemia, it might take a few weeks to experience the full benefits of the medication. Nonetheless, you might start to feel a bit better in just a few days.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eWhat should I do if I accidentally take Folic acid tablets incorrectly?\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take your folic acid at the usual time, simply take it as soon as you remember. However, if it's almost time for your next dose, just skip the missed one and continue with your regular schedule.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eTaking too much folic acid is unlikely to cause harm. However, if you have any concerns, it's a good idea to speak with your clinician. We're here to assist you with any questions or worries. Simply log into your Treated account and send us a message.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Folic acid different from other treatments for anaemia?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFolic acid is used to treat folate deficiency anaemia. For iron deficiency anaemia, you would use iron supplements, and for B12 deficiency anaemia, B12 supplements are needed. However, folate deficiency anaemia is specifically treated with folic acid supplements.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou can buy folic acid supplements without a prescription, but they don't have high enough levels to treat folate deficiency anaemia. Additionally, these over-the-counter supplements might not be as strictly regulated as prescription medicines.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Folic Acid?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou'll require a prescription\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFolic acid at a 5mg strength is the recommended dose for treating folate deficiency anaemia or preventing birth defects during pregnancy. You can buy folic acid without a prescription, but only in lower doses.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOur healthcare professionals can provide you with a folic acid prescription if it's appropriate for you. Simply share some details about your health with us, and our experts will review them. If folic acid is suitable, we'll deliver it directly to your home, helping you manage your anaemia quickly.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I treat a folate deficiency with my diet?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTry adding more foods rich in folate to your diet. Dark green vegetables, beans, liver, and fortified cereals are all excellent sources of folic acid.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're deficient, it's advisable to take tablets until the deficiency is resolved. You can also include foods rich in folate in your diet. Although both are forms of vitamin B9, folic acid is more easily absorbed by the body than the folate found in foods.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFolic acid isn't right for everyone, and there are a few things you should know before taking it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/10397\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"5mg \/ 28 Tablets","offer_id":54299893104984,"sku":"FOLIC ACID-5-28","price":33.95,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 56 Tablets","offer_id":54299893137752,"sku":"FOLIC ACID-5-56","price":51.95,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 84 Tablets","offer_id":54299893170520,"sku":"FOLIC ACID-5-84","price":72.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_12b56076-8ee1-4f3d-a76c-db51d1b7d8f7.png?v=1738932576"},{"product_id":"cyanocobalamin-anaemia","title":"Cyanocobalamin","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eCyanocobalamin Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eCyanocobalamin is an artificial version of vitamin B12.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's absorbed in the small intestine and helps increase the B12 levels in your blood.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eYou take it every day, and it might take a few weeks before you notice an improvement in your symptoms.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Cyanocobalamin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCyanocobalamin is a man-made version of vitamin B12, which is essential for your health. If you have a condition that prevents you from absorbing B12 properly or you don't get enough from your diet, you may develop a deficiency.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA deficiency in B12 can lead to various symptoms. Many of these are similar to other forms of anaemia, such as feeling tired, short of breath, and lightheaded. Additionally, a lack of B12 may result in low mood, mouth ulcers, and a tingling sensation known as pins and needles.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOnce your B12 levels return to normal, these problems should get better. However, it may take some time for your symptoms to completely go away after beginning treatment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Cyanocobalamin work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCyanocobalamin is a form of vitamin B12, which is an important nutrient. When taken as a tablet, it is absorbed through the small intestine once swallowed. From there, it enters your bloodstream and reaches your tissues, helping to relieve your symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCyanocobalamin tablets have been proven to be just as effective as B12 injections. Although they might take a bit longer to absorb, they are more affordable and convenient. Plus, you won't experience the brief sting that comes with injections. High doses of Cyanocobalamin tablets are the most dependable method for oral B12 treatment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Cyanocobalamin are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCyanocobalamin is available in 50mcg tablets. Depending on the severity of your B12 deficiency and your personal health requirements, you'll take between one and three tablets daily. You may begin with a higher dose and lower it as your deficiency gets better.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen you speak with our clinicians, we can assist you in finding the right dose for you. If you think your dose might need adjusting, simply send us a message. We'll respond with tailored advice.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Cyanocobalamin to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eCyanocobalamin will begin increasing your B12 levels immediately. However, it might take a few weeks for all your symptoms to fully go away. If you don't feel completely better straight away, give it some time.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf it's been a few weeks and your symptoms are still bothering you, please let us know. You might require a stronger treatment, such as B12 injections. It's also possible that your deficiency is caused by an underlying condition.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake while taking Cyanocobalamin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eTaking one additional Cyanocobalamin tablet is unlikely to cause any serious problems. However, if you’ve taken too much and are worried, seek medical advice. Make sure to bring the medication packaging with you so they can see what you've taken.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take your Cyanocobalamin at the usual time, simply take it as soon as you remember. However, if several hours have passed since your scheduled dose, just skip it and take your next dose at the regular time. Avoid taking an extra tablet to compensate for the missed one.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Cyanocobalamin different from other treatments for B12 deficiency anaemia?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eB12 deficiency is commonly treated with injections, where a healthcare professional administers a synthetic form of B12. These injections are usually given every month or every three months, depending on the specific type of B12. While this method is straightforward, it is more invasive. If you prefer not to have injections or they aren't suitable for you, taking supplements like Cyanocobalamin might be a better option.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf your deficiency is due to your diet, increasing your intake of foods high in B12 can be beneficial. Foods that contain B12 include meat, fish, eggs, dairy products, and fortified options like certain cereals, soy products, yeast extract, and nutritional yeast.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I drink alcohol while taking Cyanocobalamin tablets?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eConsuming alcohol won't interfere with the effectiveness of Cyanocobalamin tablets, so it's fine to drink while on this treatment. However, excessive alcohol intake can lead to or exacerbate a B12 deficiency, so it's wise to be cautious with how much you drink.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Cyanocobalamin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCyanocobalamin doesn't require a prescription, but it is a pharmacy medicine. This means you'll need to obtain it from a pharmacist at a registered pharmacy.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's wise to consult a clinician initially to ensure there's no underlying condition causing your B12 deficiency. You may also require regular blood tests to monitor your B12 levels. When you discuss your health with us, we can provide the guidance you need.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Cyanocobalamin similar to any other treatment?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou can buy B12 supplements, such as Ferrgoglobin, over the counter, but they typically come in doses lower than 50mcg. Cyanocobalamin 50mcg tablets are classified as a pharmacy medicine, which means you'll need to answer a few questions from a pharmacist or clinician before purchasing them.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere's a branded version of Cyanocobalamin tablets known as Orobalin. It contains the same active ingredient but tends to be more expensive. Orobalin is available in a 1mg dose, making it twice as strong as the generic Cyanocobalamin.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCyanocobalamin tablets aren't suitable for everyone, and there are a few things you should keep in mind when using them.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/5716\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"50mcg \/ 28 Tablets","offer_id":54299893498200,"sku":"CYANOCOBALAMIN-50mcg-28","price":30.95,"currency_code":"GBP","in_stock":true},{"title":"50mcg \/ 56 Tablets","offer_id":54299893530968,"sku":"CYANOCOBALAMIN-50mcg-56","price":47.95,"currency_code":"GBP","in_stock":true},{"title":"50mcg \/ 84 Tablets","offer_id":54299893563736,"sku":"CYANOCOBALAMIN-50mcg-84","price":59.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_be17628b-646e-46b9-bb27-6421e1d5c8ff.png?v=1738932607"},{"product_id":"gtn-spray-angina","title":"GTN Spray","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGtn Spray Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eHelps relax your blood vessels, making it easier for blood to flow in and out of the heart.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eWhen an attack begins, use 1-2 sprays under your tongue to stop it.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eQuick relief for angina attacks that can be used with your ongoing treatment.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is glyceryl trinitrate spray?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl trinitrate (GTN) spray is used to treat and prevent angina.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAngina is a type of chest pain that happens when there's less blood flowing to your heart muscles. Your heart muscles need oxygen to pump blood throughout your body. This oxygen is carried to the heart muscles by the blood, and when there's not enough oxygen, the muscles begin to tighten.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAngina comes in two main types:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eStable angina can be brought on by stress or physical activity. These episodes are usually brief, lasting just a few minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eUnstable angina attacks are less predictable and often occur without a clear cause.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does glyceryl trinitrate spray work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl trinitrate is part of a group of medicines known as nitrates. It helps treat and prevent angina in two ways. Firstly, it widens the blood vessels throughout the body, allowing blood to flow more easily. Secondly, it expands the vessels in the heart, ensuring blood can reach the heart muscles and provide the oxygen they require.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou can use it before a trigger, such as exercise, to stop an attack from happening. It can also be used as an emergency treatment if an attack has already started.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of GTN spray are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl trinitrate spray comes in a single dosage of 400mcg, as this is considered the most effective. Your doctor will typically recommend using one or two sprays under your tongue when you feel pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take glyceryl trinitrate spray to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eYour GTN spray should start working immediately, providing relief from an angina attack within minutes. If your angina symptoms don't improve after using the spray, you might be advised to take another dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eWhen used to prevent symptoms before exercising, it should act quickly so you can exercise without any issues.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking GTN spray?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you use too much glyceryl trinitrate spray, you might feel sweaty, nauseous, and weak. Keep an eye on how you're feeling until these symptoms go away. If you begin to feel faint, sit down and elevate your legs.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to use your GTN spray before starting exercise, stop and sit down to take it as soon as you remember. After using the spray, wait a few minutes before getting back to your activity. Avoid taking a double dose to compensate for the one you missed before exercising.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIn rare instances, your fingers and lips might turn a bluish colour. If you notice this, seek medical help straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is GTN spray different from other treatments for angina?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are other medications available to manage the condition that focus on preventing angina attacks over the long term. However, these cannot be used during an attack to relieve it, nor can they be taken just before a trigger to stop one from happening.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAn example of a long-term treatment is beta blockers. They help by slowing down the heart rate and decreasing the amount of oxygen the heart muscles need.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCalcium channel blockers are another widely used long-term treatment. They help lower your blood pressure, making it easier for blood to reach your heart. Unlike GTN spray, they work gradually and cannot be used during an attack to ease symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is glyceryl trinitrate spray?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl trinitrate works very well and is simple to use.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt can be a good choice for treating an attack when it happens, and also for preventing one before you exercise.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eResearch indicates that using glyceryl trinitrate spray before exercising can help prevent angina from starting. A 400mcg dose is considered the most effective.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is GTN spray similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere's a branded version of GTN spray known as Glytrin. It contains the same active ingredient as GTN spray, works in a similar manner, and is available in the same dosage.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are other treatments for angina that use the same active ingredient as GTN spray, which is glyceryl trinitrate. These are available in different forms, such as tablets and patches like Deponit patches. If you prefer not to use a spray, you might consider trying one of these alternatives.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for GTN spray?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGTN spray is available from a pharmacy without a prescription. However, you'll need to consult with a clinician and obtain it from a registered pharmacy. They will ensure it's suitable for you and provide guidance on how to use it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eChest pain can be concerning, so it's important to rule out any serious underlying issues first. Share your health details with us, and our clinicians will review them. You can then order GTN spray directly from us to be delivered to your home.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGTN spray isn't right for everyone, and there are a few things you should keep in mind when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about it. If there's anything you're unsure about, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/674\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"400mcg \/ 180 Sprays","offer_id":54299893924184,"sku":"GTN SPRAY-400mcg-180","price":49.95,"currency_code":"GBP","in_stock":true},{"title":"400mcg \/ 360 Sprays","offer_id":54299893956952,"sku":"GTN SPRAY-400mcg-360","price":81.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_47bceae1-a4ff-4e08-bf2a-03faed9d9137.png?v=1738932619"},{"product_id":"glyceryl-trinitrate-tablets-angina","title":"Glyceryl Trinitrate Tablets","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eGlyceryl Trinitrate Tablets Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eGeneric angina tablets can help ease attacks or stop them from happening if you take them before something triggers an attack.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt widens blood vessels and increases blood flow to the heart, easing symptoms in just about a minute.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThese tablets dissolve under your tongue and can be used alongside long-term treatment for angina.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are Glyceryl Trinitrate tablets?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl Trinitrate (GTN) tablets are used to relieve angina symptoms, which can cause chest pain. You place the tablets under your tongue, where they dissolve quickly to provide fast relief.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl Trinitrate tablets assist with angina in a couple of ways. Firstly, they ease the symptoms of ongoing attacks. They act quickly to relieve any pain or discomfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThey also help stop angina attacks. If you're about to do something that usually brings on an attack, taking a Glyceryl Trinitrate tablet in advance can be beneficial. Common triggers include exercise, cold weather, and large meals.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How do Glyceryl Trinitrate tablets work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe tablets contain glyceryl trinitrate as the active ingredient, which is a type of medicine known as a nitrate. Nitrates help by widening your blood vessels, which relaxes the muscles and vessels around your heart. This makes it easier for oxygen to reach the heart and improves blood flow.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAngina typically occurs when the arteries around the heart become narrowed because of plaque buildup, making it difficult for blood to flow to and from the heart. This leads to angina attacks. GTN tablets help by widening the blood vessels, which can treat and prevent these attacks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Glyceryl Trinitrate tablets are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGTN tablets are available in 500mcg and 600mcg doses. Your clinician can assist you in determining the right dose for you. If your attacks become more frequent or more painful, it's important to speak with your clinician.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you've taken three glyceryl trinitrate tablets in fifteen minutes and still have chest pain or other symptoms, seek emergency medical help. You might be having a heart attack.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Glyceryl Trinitrate tablets to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eGlyceryl Trinitrate tablets usually begin to work within a minute. If your symptoms persist, wait five minutes and take another tablet. If you're still experiencing pain or discomfort, wait another five minutes and take a third tablet.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eDo not take more than three tablets within fifteen minutes. If you're still experiencing chest pain after this time, call an ambulance immediately, as it could be a heart attack.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eGTN tablets are used for short-term relief during attacks, but they won't help with symptoms in the long run. Typically, you'll also be on a long-term treatment to help prevent attacks and manage your daily symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake while taking Glyceryl Trinitrate tablets?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIt's advisable to avoid alcohol when taking GTN tablets. Both alcohol and glyceryl trinitrate can cause dizziness and lightheadedness, and combining them can make these feelings stronger. Excessive alcohol consumption can also aggravate your angina. Additionally, it's wise to steer clear of driving or operating heavy machinery after taking the tablets, as you might feel drowsy.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eGTN tablets don't last very long, so you'll need to replace them regularly. If your tablets are out of date, don't use them. Take them back to your pharmacy and get new ones. If you accidentally take too many glyceryl trinitrate tablets, seek medical help immediately.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n When should I take Glyceryl Trinitrate tablets?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou might want to take glyceryl trinitrate tablets in two situations. Firstly, during an attack to help stop it. Secondly, before doing something that often triggers an attack for you, like being in cold weather or exercising.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you need to use GTN tablets, take them immediately. If you're experiencing an attack, use them now. If you're about to face a trigger, place one under your tongue right away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective are Glyceryl Trinitrate tablets?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl trinitrate tablets are both effective and safe. They've been used to treat angina for more than a century and remain the top choice for managing attacks and providing short-term prevention.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA study looked at how glyceryl trinitrate tablets, a glyceryl trinitrate spray, and a placebo worked before exercise. It found that the tablets and spray led to significant improvement and were more effective than the spray alone.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAnother study showed that GTN tablets increased blood flow to the heart much more effectively than GTN spray.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Glyceryl Trinitrate tablets?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl Trinitrate tablets are a type of pharmacy medicine. This means you don't need a prescription to get them, but you can't simply pick them up off the shelf. You'll need to speak with a qualified clinician at a registered pharmacy, who will check if they're appropriate for you. They're not suitable for everyone and are specifically used to treat symptoms related to angina.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Are Glyceryl Trinitrate tablets similar to any other treatment?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are several treatments for angina that include glyceryl trinitrate, but this is the only one available in tablet form. You can also find it in sprays and patches, which are sometimes sold under brand names such as Deponit or Nitrolingual.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe primary difference between these and Glyceryl Trinitrate tablets is the form of the medication. They are used differently, come in different packaging, and have different names. Since Deponit patches are absorbed slowly and steadily, they are only suitable for preventing attacks, not for treating them.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How are Glyceryl Trinitrate tablets different from other treatments for angina?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl trinitrate tablets are used to manage angina attacks and help prevent them in the short term. This treatment is essential for anyone with angina, but you'll likely need to take another medication alongside it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are treatments designed to help prevent angina attacks over the long term by stabilising your condition. These typically include calcium channel blockers or beta blockers. You need to take these daily, unlike GTN tablets, which are used to treat attacks when they occur.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSome individuals with angina also take additional medications, such as statins or aspirin, to reduce their risk of heart attacks or strokes. GTN medicine is typically given alongside other treatments to help keep your angina stable.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlyceryl Trinitrate isn't suitable for everyone, and there are a few things you should keep in mind when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about it. If anything isn't clear, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003e500mcg\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/mhraproducts4853.blob.core.windows.net\/docs\/81cd8d0929b24dea78862bab87e168f2f428248a\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n 500Mcg\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"500mcg \/ 100 Tablets","offer_id":54299894186328,"sku":"GLYCERYL TRINITRATE TABLETS-500mcg-100","price":57.95,"currency_code":"GBP","in_stock":true},{"title":"300mcg \/ 100 Tablets","offer_id":54299894219096,"sku":"GLYCERYL TRINITRATE TABLETS-300mcg-100","price":57.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_3571d759-6c13-4e9c-a297-259064a61541.png?v=1738932631"},{"product_id":"istin-hypertension","title":"Istin","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eIstin Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eA daily tablet for angina and high blood pressure.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIncludes a calcium channel blocker that helps relax blood vessels, improving blood flow.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eLong-term treatment for angina can reduce the frequency of attacks within a few weeks.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Istin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIstin is a brand name for the medication amlodipine. It's available only with a prescription and is used to treat two common conditions: angina and high blood pressure.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAngina refers to a type of chest pain that can also spread to other areas. It's caused by reduced blood flow to the heart muscles. Although it's not typically life-threatening, it does indicate a potential risk for a heart attack or stroke. The pain can range from a tightness that makes breathing difficult to a dull, heavy discomfort that may extend to your arms, shoulders, back, or jaw. Angina attacks often occur during stress or physical exertion and usually subside a few minutes after resting.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHigh blood pressure, or hypertension, occurs when the force of blood moving through your arteries is too strong. If your heart pumps harder and your arteries are narrower, your blood pressure will rise. An unhealthy lifestyle can increase the likelihood of developing high blood pressure. This includes being overweight, consuming too much salt, fat, and sugar, smoking, or drinking excessive alcohol. Stress also plays a significant role in high blood pressure. If you have high blood pressure, it can worsen angina symptoms. Additionally, it raises the risk of serious health issues like heart disease, stroke, and heart attacks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Istin work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIstin contains the active ingredient amlodipine, which is a type of medicine called a 'calcium channel blocker'. These medicines help by relaxing the muscle cells in your artery walls, allowing the arteries to widen. This makes it easier for blood to flow through, so your heart doesn't have to work as hard to circulate blood around your body. As a result, your blood pressure is lowered to a healthier level. Lower blood pressure can reduce the risk of various health issues, such as angina.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Istin are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIstin comes in two different doses:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cdiv class=\"space-y-4\"\u003e\n \n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003e5mg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003e10mg\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe dose you'll be given will depend on your individual situation, like your age, how high your blood pressure is, and whether you have any other health issues, such as liver or kidney problems. Usually, you'll begin with a lower dose of 5mg and be monitored. If the initial dose isn't effective, it might be increased. However, if you have certain conditions or experience side effects, you may need to stick with the lower dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Istin to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIstin begins to work straight away, but it might take a few weeks for your blood pressure to drop to its lowest point. Since high blood pressure usually doesn't cause noticeable symptoms, you likely won't notice any changes unless you have it measured. If you have angina, you should notice a reduction in symptoms and how often you experience angina attacks within a few weeks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Istin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eAlways take Istin exactly as your clinician has instructed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take more Istin than you should, seek medical help immediately and avoid driving. Too much amlodipine can make you drowsy, which makes driving unsafe. Remember to bring your Istin packaging and any leftover medication with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a dose of Istin, take it as soon as you remember. But if it's almost time for your next dose, just skip the one you missed and carry on as usual. Don't take an extra dose of Istin to make up for the one you missed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Istin similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are several medicines similar to Istin, such as Lercanidipine, Nifedipine, and Felodipine. Amlodipine is another option; it's both the name of the medicine itself and the generic version of Istin.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Istin should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYour clinician will probably choose the best dose for you based on your symptoms and health needs. Usually, you'll begin with the lower dose (5mg), which might be increased depending on how you respond to the treatment. If your dose is raised but you start having trouble with side effects, the dose might be reduced again.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Istin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCalcium channel blockers have been used to manage coronary heart disease for over 30 years, and more recently, they've also been used for treating high blood pressure. Research\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003edemonstrate that amlodipine, the active ingredient in Istin, is highly effective as a calcium channel blocker and in lowering blood pressure for those who use it. The study suggests that amlodipine should be used as a first-choice antihypertensive medication, meaning it's regarded as a main treatment for high blood pressure.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAnother study looking at its effectiveness for treating angina found that it allowed people with angina to exercise more comfortably and for longer periods compared to those who only took a placebo. It also had very few side effects, indicating that it is a well-tolerated and effective treatment for angina.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Istin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, Istin can only be obtained with a prescription. As with other medicines, Istin may have side effects and risks, so your doctor will want to ensure that the benefits of taking it are greater than any potential risks. You'll also need regular check-ups to see how well it's managing your blood pressure, to ensure it's working effectively and that you're on the right dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Istin different from other treatments for angina and hypertension?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are several types of calcium channel blockers. Istin is a bit different because it can treat both angina and high blood pressure. Plus, you only need to take Istin once a day, unlike some other calcium channel blockers that need to be taken several times a day.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIstin isn't right for everyone, and there are a few things you should be mindful of when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If you find anything confusing, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/2925\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"5mg \/ 28 Tablets","offer_id":54299894251864,"sku":"ISTIN-5-28","price":57.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_dfd6a225-22db-414c-becc-f3954ad235a7.png?v=1738932639"},{"product_id":"amlodipine-hypertension","title":"Amlodipine","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eAmlodipine Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eAmlodipine is a prescribed tablet used to treat high blood pressure and angina.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's the generic form of Istin and helps to reduce blood pressure.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe tablets are available in two doses: 5mg and 10mg.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Amlodipine?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAmlodipine is a tablet that your doctor might prescribe if you have high blood pressure or chest pain due to heart disease. The medical terms for these conditions are hypertension and angina. If hypertension isn't treated, it can harm major organs and raise your risk of serious health issues, such as heart disease. This could result in heart attacks and strokes, which are very serious.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAmlodipine is available in several chemical forms, such as amlodipine besilate, amlodipine maleate, and amlodipine mesylate. However, they all work in the same way. Amlodipine is a type of medication known as a calcium channel blocker or calcium antagonist.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThis medication is the generic form of Istin, so it's usually a bit more affordable. Amlodipine is also used in combination treatments, such as Exforge and Sevikar.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Amlodipine work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCalcium channel blockers, such as amlodipine, help manage high blood pressure by stopping calcium from entering the cells in your arteries and heart. By blocking calcium, your blood vessels can relax and expand, making it easier for your heart to pump, which in turn reduces your blood pressure.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAngina occurs when blood flow to the heart is limited. Calcium antagonists help manage angina by boosting the blood supply to the heart. Amlodipine can be used to prevent chest pain, but it won't stop it once it begins. Some calcium channel blockers can slow your heart rate, which also helps to lower blood pressure and ease chest pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSome research suggests that calcium channel blockers, such as Amlodipine, may be more effective than other hypertension treatments in lowering the risk of stroke.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Amlodipine are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAmlodipine is available in 5mg and 10mg tablets. The dose you take will depend on your age (older people are often given a lower dose), the severity of your high blood pressure or angina, and your overall health, including any liver or kidney issues. Typically, patients begin with a 5mg tablet once a day.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take for Amlodipine to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eOnce you've taken a dose, it takes about 6 to 12 hours for the medication to be completely absorbed into your bloodstream. This means it starts working on the same day you begin taking it. However, it may take a few weeks for the medication to reach what's known as a 'steady state' in your body, which is when it has the most impact.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThe same applies if you're already taking the medication and are increasing your dose. A study found that people who raised their dose from 5mg to 10mg experienced a 'significant' drop in blood pressure over 4 to 8 weeks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you're taking amlodipine for high blood pressure, you might not notice any changes when you begin your treatment, as most people don't experience symptoms. However, your blood pressure will be checked regularly to ensure the medication is effective.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Amlodipine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take your Amlodipine and remember later the same day, take it as soon as you remember, then continue with your usual schedule. If you only remember the next day, skip the missed dose and just carry on as normal. It's important not to take a double dose to make up for the one you missed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take too much Amlodipine, it's important to get in touch with your doctor or visit your nearest hospital straight away. Taking an overdose can make you feel sleepy and dizzy.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Amlodipine?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Amlodipine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eStudies indicate that taking daily doses of 5-10mg of amlodipine significantly lowers both systolic and diastolic blood pressure. This happens without noticeably affecting heart rate or reducing effectiveness compared to a higher dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAmlodipine is generally well-tolerated, with only a small number of patients experiencing side effects, which are usually mild or moderate. These side effects might lessen as you continue with the treatment. However, if you experience any side effects that are troublesome, it's a good idea to inform your prescriber. They can discuss alternative options with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Amlodipine similar to any other treatments?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Amlodipine should I use?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Amlodipine different from other treatments for angina and hypertension?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAmlodipine isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If there's anything you're unsure about, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/2125\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"5mg \/ 28","offer_id":54316514574680,"sku":"AMLODIPINE-1","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 56","offer_id":54316514607448,"sku":"AMLODIPINE-2","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 84","offer_id":54316514640216,"sku":"AMLODIPINE-3","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 28","offer_id":54316514672984,"sku":"AMLODIPINE-4","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 56","offer_id":54316514705752,"sku":"AMLODIPINE-5","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 84","offer_id":54316514738520,"sku":"AMLODIPINE-6","price":29.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_4aa3e8ef-4492-4bff-a767-b0f80cfe170c.png?v=1738930677"},{"product_id":"ozempic-diabetes","title":"Ozempic","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eOzempic Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eOzempic is an injection taken once a week to manage type 2 diabetes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt boosts insulin and stops glucose production to help manage blood sugar levels.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt’s available in three doses: 0.25mg, 0.5mg, and 1mg.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Ozempic?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOzempic is a pre-filled injection used to treat type 2 diabetes. It boosts insulin production, helping to manage your blood sugar levels. Additionally, it curbs your appetite, making portion control easier, which is beneficial for managing type 2 diabetes. It's also effective for weight loss if your BMI (body mass index) is over 28.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou only need to take Ozempic once a week, along with maintaining a healthy diet and exercise routine. Typically, you'll begin with a low dose and increase it after four weeks. It's a subcutaneous injection, meaning it's given under the skin on your thigh or stomach, so there's no need to inject it into a vein.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Ozempic work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSemaglutide, the active ingredient in Ozempic, is very similar to the GLP-1 hormone that your gut naturally produces after a meal. It helps control your appetite and insulin release, and it also slows down how quickly your stomach empties. This makes you feel full for longer, so you don't feel as hungry.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSemaglutide helps reduce blood sugar levels by encouraging your body to produce more insulin and stopping your liver from making glucose. It also slows down how quickly food leaves your stomach, which in turn slows the rate at which your body absorbs sugar from your meals.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Ozempic are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOzempic comes in three doses: 0.25mg, 0.5mg, and 1mg. The dose your doctor prescribes will likely depend on how far along you are in your treatment. Typically, you'll begin with the lowest dose of 0.25mg once a week and then move up to 0.5mg after a month. If the 0.5mg dose isn't effectively managing your blood sugar, you might be advised to try the 1mg dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're not sure about the correct dose to take, we can assist you in finding the right one.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Ozempic to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eOzempic can have varying effects on different individuals, and this may be influenced by the dosage. In clinical trials, it generally took four to five weeks for Ozempic to reach a 'steady state exposure' in the body, meaning there's a consistent level of the medication in your system.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIn clinical trials, 46% of people taking the 0.5mg dose for a year lost up to 5% of their body weight, while 13% lost up to 10%. For those on the 1mg dose for a year, 62% lost up to 5% of their body weight, and 24% lost up to 10%.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when using Ozempic?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose and it's been five days or less, take it as soon as you remember. Then, carry on with your next dose on the usual day. If more than five days have passed, just skip the missed dose and take your next one as planned. Avoid taking a double dose to compensate for the one you missed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take more than your usual dose or more than what was prescribed, inform your prescriber straight away. Taking too much Ozempic might cause nausea.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Ozempic different to other diabetes treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOzempic is often prescribed when medications like metformin haven't been effective enough in managing blood sugar levels. It can also be used alongside these treatments at times.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOzempic is different from other antidiabetic medications because it lasts longer, meaning you only need to take it once a week. Many other diabetes treatments require daily use. Similarly, some weight loss medications with Orlistat must be taken with each meal, three times a day. Therefore, Ozempic is a much less frequent option.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNumerous clinical trials\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ehave demonstrated that Ozempic significantly lowers blood sugar levels in haemoglobin compared to other treatments.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Ozempic similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eRybelsus is a diabetes medication containing Semaglutide. Unlike injections, it's available in tablet form, yet it functions similarly to help manage diabetes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSaxenda and Victoza are injections that function similarly, but they contain a slightly different active ingredient called liraglutide. These need to be taken daily, whereas Ozempic is only required once a week. Mounjaro, which has tirzepatide, is another weekly injection used for diabetes. It's also approved for weight loss if your BMI is over 30, or over 27 if you have a weight-related health issue.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Ozempic?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOzempic is a medicine that requires a prescription, so you can't buy it over-the-counter. To begin using Ozempic, you'll need to have a chat with our clinician. They'll determine if it's the right treatment for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Ozempic should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou'll usually begin with a 0.25mg dose once a week, then increase to 0.5mg after a month. If the 0.5mg dose isn't effective enough, some people might have their dose raised to 1mg. After discussing your health with us, our clinician will prescribe the dose that should suit you best.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOzempic isn't right for everyone, and there are a few things you should know when taking it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you notice any side effects while taking this medication, it's important to report them to the MHRA using their Yellow Card Scheme.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/9748\/pil#gref\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/yellowcard.mhra.gov.uk\/\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Yellow Card Scheme\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"0.25mg \/ 1 Pen(s)","offer_id":54299905360216,"sku":"OZEMPIC-0.25-1","price":199.95,"currency_code":"GBP","in_stock":true},{"title":"0.5mg \/ 1 Pen(s)","offer_id":54299905392984,"sku":"OZEMPIC-0.5-1","price":199.95,"currency_code":"GBP","in_stock":true},{"title":"1mg \/ 1 Pen(s)","offer_id":54299905425752,"sku":"OZEMPIC-1-1","price":199.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Ozempic-1.png?v=1738931381"},{"product_id":"naproxen-gout","title":"Naproxen","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eNaproxen Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eNaproxen is a non-steroidal anti-inflammatory drug that helps reduce pain and swelling.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt helps by lowering the amount of chemicals that cause pain and inflammation.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt comes in various forms, including tablets and an oral solution.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Naproxen used for?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNaproxen is part of a group of medicines called NSAIDs, which stands for Non-Steroidal Anti-Inflammatory Drugs. Simply put, it's an anti-inflammatory painkiller commonly used to treat:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cdiv class=\"space-y-4\"\u003e\n \n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eissues with joints, like gout, osteoarthritis, and rheumatoid arthritis;\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003epain, like period pain, toothache, or muscle pain;\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eankylosing spondylitis, a long-term condition that leads to pain in the neck and back; and\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003emigraines (this is a use not officially approved).\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhile Naproxen is used for various conditions, we'll mainly discuss how it helps with gout symptoms here. Gout occurs when uric acid accumulates in your joints. Normally, uric acid is produced when food is broken down and is then passed out of the body in urine. However, an excess of uric acid can lead to the formation of crystals. These crystals settle in tissues, especially around the joints, leading to swelling. This can be painful and cause what are known as gout attacks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGout attacks can appear out of the blue, leading to intense joint pain and swelling. While gout often affects the big toe joints, it can also impact your hands, wrists, elbows, or knees. Taking Naproxen can help lessen the swelling and ease the pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Naproxen work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNaproxen helps by preventing your body from producing chemicals known as prostaglandins, which play a role in pain and inflammation. This action helps to lessen pain and make you less sensitive to it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGout attacks happen when uric acid crystals accumulate in the joints, leading to inflammation. This inflammation involves chemicals like prostaglandins, which play a key role in the process and are typically released when tissue is injured. Naproxen works by blocking the production of prostaglandins, which helps to ease pain and reduce inflammation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIn simple terms, NSAIDs such as Naproxen help reduce the inflammation that leads to swelling and pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Naproxen are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNaproxen tablets are available in two strengths: 250mg and 500mg. The oral suspension is offered in doses of either 25mg\/ml or 50mg\/ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor gout attacks, start with a 750mg dose, then take 250mg every eight hours. This helps maintain consistent pain relief until the attack subsides.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're using Naproxen in liquid form, you'll typically start with a 30ml dose, followed by 10ml every eight hours until you start to feel better.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Naproxen to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eNaproxen usually starts to work within an hour, and it reaches its highest levels in your bloodstream about two to four hours after taking it. This is when you'll experience the greatest relief. If you find that Naproxen isn't effective for you, get in touch with your clinician. They can explore other options that might be more suitable for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eNaproxen is typically meant for short-term use because taking it for an extended period can lead to stomach problems. If your doctor prescribes Naproxen for a longer duration, they will probably also prescribe a proton pump inhibitor. This additional medicine helps reduce the amount of acid your stomach produces, protecting it from issues like ulcers. Taking Naproxen with food can also be beneficial.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Naproxen?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a dose of Naproxen, just take it as soon as you remember. However, if it's nearly time for your next dose, simply skip the missed one and continue with your usual schedule.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose, don't take two doses to catch up. Taking too much Naproxen can significantly raise the chance of side effects. If you think you've taken too much, contact your doctor straight away for advice.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Naproxen interactions with other medicines\n \u003c\/h3\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Naproxen and fertility\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Naproxen and breastfeeding\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAvoid taking Naproxen while breastfeeding because it can get into your breast milk and might harm your baby.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Naproxen and pregnancy\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBefore taking naproxen, it's important to inform your clinician if you are pregnant. During the first six months of pregnancy, avoid using naproxen unless it's absolutely essential. In the final three months of pregnancy, you should not take naproxen as it could be harmful to your baby.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Naproxen similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCertainly, there are several treatments that function similarly to Naproxen. Paracetamol and co-codamol are available over the counter and are effective initial options for various pain-related issues. It's always wise to discuss your symptoms with a healthcare professional to ensure the treatment you select is suitable for you. Additionally, there are many other prescription NSAIDs that a clinician might suggest.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you prefer not to take tablets or the oral solution, there's an effervescent form of Naproxen available called Stirlescent. It has the same active ingredient, naproxen, but you dissolve it in water, and it's sold under a brand name.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Naproxen different from other treatments for gout?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNaproxen belongs to the same group of pain relief medicines as ibuprofen, known as non-steroidal anti-inflammatory drugs, or NSAIDs. While ibuprofen is available over the counter, naproxen is stronger and its effects last longer. This might make it a better option if you've used ibuprofen before and found it wasn't quite effective enough.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eUnlike ibuprofen, you'll need to consult a clinician if you wish to use Naproxen for treating gout. A prescription is necessary to ensure it's safe and suitable for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which version and dose of Naproxen should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA clinician will determine the appropriate dose of Naproxen for you, depending on your symptoms. Typically, gout attacks are initially treated with a higher dose, which is gradually reduced.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe choice of which form of Naproxen to take is mostly yours. If you find tablets hard to swallow or they upset your stomach, the oral solution could be a better fit. On the other hand, if you're worried about managing symptoms while you're out and about, the effervescent option might be more convenient. Have a chat with a clinician about your symptoms, preferences, and needs, and they'll help guide you to the best option.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Naproxen?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor many years, Naproxen has been an effective and generally well-tolerated treatment for gout, meaning it usually doesn't cause many side effects. Because of this, it's often one of the first treatments a clinician will recommend for gout.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIn a 2007 randomised controlled trial, researchers compared naproxen with a corticosteroid called prednisolone to evaluate their effectiveness in treating gout. The study found that both medications were similarly effective in reducing pain, general disability, and walking disability over four days, with naproxen showing slightly better results. Additionally, naproxen caused slightly fewer side effects than prednisolone.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Naproxen?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou'll need to speak with a clinician about your condition, symptoms, and any other medications or health concerns you may have to ensure they're suitable for you. Naproxen isn't meant for long-term use, so you'll need to be monitored while you're on it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What side effects can I get from Naproxen?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe most common side effects, experienced by up to 1 in 100 people, include:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSometimes, Naproxen may lead to serious side effects in certain individuals. If you experience any of the following problems, stop taking Naproxen immediately and get medical help:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you notice any signs of a heart attack, like chest pain, symptoms of aseptic meningitis such as a high temperature, nausea and vomiting, confusion, headache, neck stiffness, or sensitivity to light, or if you experience a severe allergic reaction like anaphylaxis, call 999 immediately.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Who shouldn’t take Naproxen?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNaproxen isn't suitable for everyone. Make sure to inform your clinician if you currently have or have ever had any of the following conditions before taking Naproxen:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThis is because naproxen might worsen these conditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNaproxen isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHave a look at the patient information leaflet for all the official details.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/543\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Patient Information Leaflet\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"250mg \/ 28 Tablets","offer_id":54344772714840,"sku":null,"price":16.99,"currency_code":"GBP","in_stock":true},{"title":"250mg \/ 56 Tablets","offer_id":54344772682072,"sku":null,"price":32.29,"currency_code":"GBP","in_stock":true},{"title":"250mg \/ 112 Tablets","offer_id":54344775237976,"sku":null,"price":47.19,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 28 Tablets","offer_id":54344772780376,"sku":null,"price":18.99,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 56 Tablets","offer_id":54344772747608,"sku":null,"price":36.09,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 112 Tablets","offer_id":54344775270744,"sku":null,"price":52.69,"currency_code":"GBP","in_stock":true},{"title":"250mg (Gasto-Resistant) \/ 56 Tablets","offer_id":54344778973528,"sku":null,"price":34.99,"currency_code":"GBP","in_stock":true},{"title":"250mg (Gasto-Resistant) \/ 112 Tablets","offer_id":54344779006296,"sku":null,"price":66.49,"currency_code":"GBP","in_stock":true},{"title":"500mg (Gasto-Resistant) \/ 56 Tablets","offer_id":54344779071832,"sku":null,"price":39.99,"currency_code":"GBP","in_stock":true},{"title":"500mg (Gasto-Resistant) \/ 112 Tablets","offer_id":54344779104600,"sku":null,"price":74.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Naproxen-1.png?v=1738931550"},{"product_id":"colchicine-gout","title":"Colchicine","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eColchicine Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eColchicine is a tablet used for gout that can help ease flare-ups when they happen and offer long-term relief.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt reduces the production of neutrophils, a type of white blood cell, which leads to the swelling and pain associated with gout.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt might take a few days to feel the full effects, but your symptoms should get better after that.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Colchicine?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's a treatment for gout that helps manage flare-ups when they occur. You can also take it for long-term relief, especially when starting other gout medications like allopurinol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGout is a painful condition that causes inflammation, usually in the joints of the toes, but it can also impact the hands and wrists. It's caused by an excess of uric acid in the blood, which forms crystals in the joints, leading to the pain and swelling experienced during gout attacks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eUsing Colchicine to manage the condition can be quite effective in easing the pain and discomfort linked to gout. If you suspect you have gout symptoms, it's a good idea to have a quick conversation with your clinician, who can assist and guide you on diagnosis and treatment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Colchicine work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColchicine helps to lessen the inflammation in your joints caused by a build-up of uric acid during a gout attack. It works by preventing your body from producing too many neutrophils, a type of white blood cell that contributes to the swelling and joint issues associated with gout. As a result, Colchicine can ease the pain and swelling you experience during attacks and help reduce them.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Colchicine are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe amount of Colchicine you need will vary based on your symptoms and whether you're dealing with a gout attack or trying to prevent one. Your clinician will ensure the dosage is suitable for you, but if you have any queries, don't hesitate to reach out to them. If you're using our service, feel free to send us a message as well.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor gout attacks, the typical dose is to take two 500mcg tablets initially, then another 500mcg tablet after an hour. After that, you can take one tablet three times a day until your symptoms improve. However, do not exceed a total of twelve tablets for each gout episode.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're taking Colchicine to prevent gout flare-ups while beginning another gout treatment like allopurinol, you'll typically have one tablet twice daily. Make sure to only use it for the duration your clinician recommends.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Colchicine to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIt starts working quite fast, typically within 30 minutes to an hour. It reaches its peak level in your blood between 30 and 120 minutes. You might need a few days to notice the full effects of the medication, but your symptoms should begin to get better after this period. If you're taking Colchicine and your gout doesn't seem to be improving, it's a good idea to consult a healthcare professional to ensure everything is alright.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Colchicine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take your dose of Colchicine, take it as soon as you remember. However, if it's almost time for your next dose, just skip the missed one and take the next dose as usual. Do not take a double dose to make up for the one you missed. If you accidentally take too much Colchicine, seek medical help straight away. An overdose can be very dangerous. Remember to bring the medication leaflet with you when you seek medical attention, so they know exactly what you've taken.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Colchicine similar to any other treatments?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Colchicine different from other treatments for gout?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColchicine works differently from other treatments that ease the pain and swelling of gout attacks, such as NSAIDs (Non-Steroidal Anti-Inflammatory Drugs). It could be a suitable option if you're unable to take certain NSAIDs.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColchicine works quickly and can be used with other treatments to address flare-ups by targeting the root cause. It also helps in preventing gout attacks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIn addition to taking medication, making changes to your lifestyle and steering clear of triggers can help you manage gout. Gout can be triggered by several things, but the most common ones are excessive alcohol consumption and regularly eating rich, fatty foods. Maintaining a balanced diet, reducing alcohol intake, and increasing physical activity can help prevent gout flare-ups.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Colchicine should I use?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Colchicine?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Colchicine?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColchicine isn't right for everyone, and there are a few things you should keep in mind when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/6415\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"500mcg \/ 12 Tablets","offer_id":54299938718040,"sku":"COLCHICINE-500mcg-12","price":36.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_4820de4f-bdab-4cde-a5f4-8a7544393cbe.png?v=1738934181"},{"product_id":"allopurinol-gout","title":"Allopurinol","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eAllopurinol Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eAllopurinol is a tablet that can help prevent inflammation and pain from gout over the long term.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt reduces the accumulation of uric acid in the body, which can form crystals in the joints and lead to gout.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt starts lowering uric acid straight away, but it might take your body a few weeks to get rid of the existing inflammation.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Allopurinol?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAllopurinol is used to treat gout and kidney stones. It's available as a tablet that you typically take every day. Since it can take some time to feel the effects of Allopurinol, you may also be given other medicines to help manage your symptoms in the meantime.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGout is a type of arthritis that makes the soft tissue in your joints painful and swollen. It occurs when your body doesn't get rid of enough uric acid or urate, a waste product that can accumulate in your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThis build-up can lead to the formation of tiny sodium urate crystals that gather around the spaces between your joints. Inflammation begins when these crystals form a growing lump known as tophi. This can affect your bone and cartilage, potentially causing permanent joint damage if not treated.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Allopurinol work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAllopurinol helps reduce the production and accumulation of uric acid. It's this build-up in your joints that leads to gout symptoms. It also helps prevent kidney stones, which are caused by excess uric acid.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt helps by lowering the level of urates in your blood. With fewer urates, there's less chance of sodium urate crystals forming. This is how all medicines in the xanthine-oxidase inhibitors group work.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Allopurinol are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAllopurinol comes in two doses: 100mg and 300mg. Typically, you'll begin with the 100mg dose and increase to 300mg if the lower dose isn't effectively relieving your symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Allopurinol to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThe treatment should begin to work immediately, but you might not notice any benefits straight away. This is because Allopurinol reduces the production of uric acid in your body, rather than removing the crystals that have already formed in your joints. By reducing the acid production, your body can gradually clear away the existing crystals, but this process may take a few weeks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Allopurinol?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you're on a once-a-day treatment and forget to take it, just take it as soon as you remember. If you're supposed to take it twice a day and miss a dose, simply skip it and carry on with your regular schedule. It's crucial not to double up on doses to compensate for a missed one, as this could be harmful. If you've taken too much Allopurinol and experience symptoms like vomiting, dizziness, stomach pains, or headaches, it's important to get medical help straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Allopurinol different from other treatments for gout?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Allopurinol similar to any other treatments?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Allopurinol should I use?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Allopurinol?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAllopurinol may not be right for everyone, and there are a few things you should know before starting it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAvoid starting allopurinol if you're currently having a gout attack, as it could worsen your symptoms. Wait until you've fully recovered before beginning the medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about Allopurinol. If you have any questions or uncertainties, please let our clinician know, and they'll be happy to explain it to you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/13158\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"100mg \/ 28 Tablets","offer_id":54299938881880,"sku":"ALLOPURINOL-100-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"100mg \/ 56 Tablets","offer_id":54299938914648,"sku":"ALLOPURINOL-100-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"100mg \/ 84 Tablets","offer_id":54299938947416,"sku":"ALLOPURINOL-100-84","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"300mg \/ 28 Tablets","offer_id":54299938980184,"sku":"ALLOPURINOL-300-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"300mg \/ 56 Tablets","offer_id":54299939012952,"sku":"ALLOPURINOL-300-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"300mg \/ 84 Tablets","offer_id":54299939045720,"sku":"ALLOPURINOL-300-84","price":45.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Allopurinol.png?v=1738931554"},{"product_id":"indapamide-hypertension","title":"Indapamide","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eIndapamide Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIndapamide is a tablet you take each day to help reduce your blood pressure.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eYou can take it on its own or with other medicines that manage high blood pressure.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe usual dose is one 2.5mg tablet a day, which can be raised to 5mg.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Indapamide?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIndapamide is an antihypertensive medication, part of a group known as diuretics or water tablets. It's used to manage high blood pressure (hypertension), heart failure, and oedema, a condition where excess fluid causes swelling in your body's tissues.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIndapamide works by widening blood vessels, which makes it easier for blood to circulate around your body, helping to reduce blood pressure. It's a tablet you take once a day and also comes in a slow-release form that lasts longer. Sometimes, your doctor might prescribe another blood pressure tablet to take with Indapamide to better control your high blood pressure.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Indapamide work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIndapamide is a type of diuretic, often called a \"water tablet.\" These tablets help your kidneys produce more urine, which means you'll need to pee more frequently. This process helps remove excess water and salt from your body, reducing fluid build-up. With less fluid in your body and bloodstream, your blood pressure decreases. Indapamide can also alleviate symptoms of heart failure, such as swelling (oedema). Unlike some other diuretics, Indapamide only slightly increases urine output. Its primary function is to widen your blood vessels, which lowers the pressure inside them and helps manage high blood pressure.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Who is Indapamide for?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIndapamide is mainly used for those with high blood pressure, but it can also aid in preventing heart failure and oedema. Oedema happens when there's too much salt and fluid in your blood, raising the risk of heart failure. This medication helps reduce swelling, manages fluid retention, and is used over the long term to prevent heart issues.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses does Indapamide come in?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIndapamide comes in both regular tablets and slow-release tablets, which gradually release the medicine into your body. If you have heart failure, you might be given a dose of 2.5 mg to 5 mg to take once daily. It can also be combined with perindopril, an ACE inhibitor, to help manage high blood pressure. For high blood pressure, you might be prescribed 2.5 mg in regular tablets or 1.5 mg once daily in slow-release tablets.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does Indapamide take to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eTreatments for high blood pressure are generally needed for life, so continue taking your medication until your doctor advises otherwise. Indapamide is quickly absorbed after you take it, reaching peak levels in your blood within one to two hours. However, it may take two to four weeks to notice an impact on your blood pressure, and several months to experience the full benefits of Indapamide.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What happens if I make a mistake taking Indapamide?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you normally take your tablet in the morning and it's now past 4 p.m., just skip the missed dose and take your usual one the next morning. Avoid taking two doses to make up for the one you missed. If you've taken more than you should, you might feel nauseous, have cramps, feel dizzy or drowsy, become confused, or get dehydrated. If this happens, seek medical help straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are the side effects of Indapamide?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAs with any medication, Indapamide can cause side effects, although not everyone will experience them. The most frequent side effect is a red skin rash that resembles an allergic reaction, especially if you're already susceptible to allergy-related skin issues. Another common side effect is low potassium levels in your blood, which your clinician will monitor regularly.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I drink alcohol whilst taking Indapamide?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, you can drink alcohol while taking Indapamide. However, it's wise to drink in moderation, as excessive alcohol can lower your blood pressure and make you feel dizzy and light-headed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Will Indapamide cause changes to my weight?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIndapamide can lead to a slight weight loss. This happens because the medication helps reduce fluid retention and swelling (oedema). So, if you notice a drop in weight while taking Indapamide, it's due to losing fluids, not body fat. It's important to use diuretics like Indapamide only as prescribed, as using them solely for weight loss can harm your kidneys.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Are there alternatives to Indapamide for high blood pressure?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are many choices available to help you manage your high blood pressure. You might also be prescribed another antihypertensive medication alongside Indapamide as part of your treatment. The most common medicine paired with Indapamide is perindopril, which is a long-acting ACE (angiotensin-converting enzyme) inhibitor.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are various ACE inhibitors and calcium channel blockers (CCBs) available to help reduce blood pressure. CCBs function by stopping calcium from entering the arteries and cells of your heart, as calcium can make them contract forcefully. ACE inhibitors, on the other hand, help by relaxing your blood vessels. If you experience significant side effects from ACE inhibitors, you might be switched to angiotensin-2 receptor blockers, or ARBs, which work similarly to ACE inhibitors.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBeta-blockers help by blocking adrenaline and noradrenaline, which slows the heart rate and makes it beat more gently. This helps to lower blood pressure and improve blood circulation. You can also take them alongside Indapamide.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Indapamide?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNumerous studies have demonstrated that treating hypertension with Indapamide, whether used alone or alongside another blood pressure medication like perindopril, is effective for many patients. In one study focusing on individuals over 80, it was found that after two years, their average blood pressure dropped by 15.0\/6.1 mm Hg compared to those given a placebo. Additionally, there was a 30% to 39% decrease in strokes, a 21% reduction in deaths, and a 64% drop in heart failure cases.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA study examining the combined use of Indapamide and perindopril found that blood pressure dropped by 12\/5 mm Hg, and the risk of stroke was reduced by 43%.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThis indicates that Indapamide is very effective for treating high blood pressure, and it also helps with symptoms of heart failure and reduces the risk of stroke.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Indapamide?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, you'll need a prescription for Indapamide. A clinician will need to check your blood pressure to ensure it's a safe and appropriate treatment for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePravastatin isn't suitable for everyone, and there are a few things you should be mindful of when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/files\/pil.4188.pdf\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"2.5mg \/ 28 Tablets","offer_id":54299942781272,"sku":"INDAPAMIDE-2.5-28","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"2.5mg \/ 56 Tablets","offer_id":54299942814040,"sku":"INDAPAMIDE-2.5-56","price":44.95,"currency_code":"GBP","in_stock":true},{"title":"2.5mg \/ 84 Tablets","offer_id":54299942846808,"sku":"INDAPAMIDE-2.5-84","price":54.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_3f5317de-4159-4a4c-9dab-ac65e8bc2d06.png?v=1738933769"},{"product_id":"pravastatin-high-cholesterol","title":"Pravastatin","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003ePravastatin Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003ePravastatin tablets are taken to help reduce your cholesterol levels.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe tablets help lower cholesterol by decreasing its production in your liver.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThere are three different doses available, and you can take between 10 and 40 mg daily.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Pravastatin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePravastatin is a tablet used to reduce cholesterol levels if you've been diagnosed with high cholesterol. It's a type of statin, which is a group of medicines that help lower 'bad' cholesterol. Pravastatin is also prescribed to help prevent heart and blood vessel diseases often linked to high cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePravastatin is an effective medication for managing high cholesterol and preventing heart disease. Clinical trials have demonstrated that Pravastatin can decrease the risk of death and reduce major vascular events in individuals with occlusive vascular disease. Put simply, it can help you live longer and with fewer health issues.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Pravastatin work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePravastatin, also known as Pravastatin sodium, is used to treat high cholesterol. It works by targeting an enzyme in the liver called 3-hydroxy-3-methyl-glutaryl-coenzyme A, which is responsible for producing cholesterol. By blocking this enzyme, Pravastatin decreases the amount of cholesterol your liver makes. This helps lower cholesterol levels in your blood, reducing the risk of heart and blood vessel diseases.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCholesterol is essential for your body to carry out different functions. Pravastatin works by reducing the amount of cholesterol your liver produces, which encourages your body to reabsorb existing cholesterol. This process can help remove the 'bad' cholesterol deposits that build up in your arteries.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Pravastatin are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePravastatin is available in three strengths: 10mg, 20mg, and 40mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe amount of Pravastatin you need depends on the reason you're taking it. For high cholesterol and fats in your blood, the usual dose is between 10 and 40 mg once a day. If you're taking Pravastatin to help prevent heart and blood vessel disease, the typical dose is 40 mg daily. Always follow your clinician's instructions on how to take Pravastatin.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Pravastatin to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003ePravastatin starts lowering your cholesterol quite quickly, but it may take a few weeks for your levels to stabilise. Once you take Pravastatin, it reaches its highest concentration in your blood within an hour. It typically takes about six weeks for your cholesterol to stabilise.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eYou'll only experience the benefits of Pravastatin while you're taking it. If you stop, your cholesterol levels might increase again. Pravastatin is usually a treatment you'll need to continue for life.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake taking Pravastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose of Pravastatin, don't worry. Simply take your next dose at the usual time. Avoid taking a double dose to compensate for the missed one, as this could raise the chance of side effects.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you take more Pravastatin than you've been advised, get in touch with your doctor or seek medical advice straight away. You might need help or treatment for any symptoms you have.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Are there any alternatives to Pravastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCertainly, you have choices when it comes to treating high cholesterol. Besides Pravastatin, we provide several other statin medications, such as Simvastatin, Atorvastatin, and Rosuvastatin (known by the brand name Crestor). These all function similarly by lowering the production of 'bad' cholesterol in your liver, targeting the enzyme that helps create it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen comparing 40 mg of Pravastatin to 80 mg of Atorvastatin, the highest dose of Atorvastatin lowers 'bad' cholesterol more effectively than the highest dose of Pravastatin. Therefore, if your cholesterol is particularly high, Atorvastatin might be a better option for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can you get Pravastatin side effects?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou might experience side effects from Pravastatin, though not everyone does. They're not very common, but the most frequent side effects include:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are some more serious side effects of Pravastatin that you should know about. If you experience any of these serious side effects, stop taking Pravastatin and get in touch with your doctor straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor more detailed information about the potential side effects of Pravastatin, please refer to the patient information leaflet.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Pravastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePravastatin is one of the earliest and most well-known treatments for lowering the risk of heart problems due to high cholesterol. Research shows that taking 40 mg of Pravastatin each day can lower total cholesterol by 25-34% and consistently decrease the risk of dying from heart-related diseases by 24%.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Pravastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, you'll need a prescription for Pravastatin – it's not available over the counter. It's not suitable for everyone, so a clinician must ensure it's appropriate for you. They also need to keep an eye on your treatment to ensure your current dose is effectively managing your cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eShare a bit about yourself in our online consultation, and we'll suggest safe and effective treatments for high cholesterol tailored to you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePravastatin isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/files\/pil.5321.pdf\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"10mg \/ 28 Tablets","offer_id":54299943371096,"sku":"PRAVASTATIN-10-28","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 56 Tablets","offer_id":54299943403864,"sku":"PRAVASTATIN-10-56","price":80.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 84 Tablets","offer_id":54299943436632,"sku":"PRAVASTATIN-10-84","price":120.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 28 Tablets","offer_id":54299943469400,"sku":"PRAVASTATIN-20-28","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 56 Tablets","offer_id":54299943502168,"sku":"PRAVASTATIN-20-56","price":80.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 84 Tablets","offer_id":54299943534936,"sku":"PRAVASTATIN-20-84","price":120.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 28 Tablets","offer_id":54299943567704,"sku":"PRAVASTATIN-40-28","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 56 Tablets","offer_id":54299943600472,"sku":"PRAVASTATIN-40-56","price":80.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 84 Tablets","offer_id":54299943633240,"sku":"PRAVASTATIN-40-84","price":120.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_c5c9a2d5-0703-4b28-84a5-53a7b8f3a32e.png?v=1738933763"},{"product_id":"simvastatin-high-cholesterol","title":"Simvastatin","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eSimvastatin Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eSimvastatin is a medication used to manage cholesterol levels and it contains a statin.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThese help by reducing the liver's production of 'bad' cholesterol.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eYou typically take one tablet a day, in the evening.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Simvastatin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSimvastatin is a medicine used to manage high cholesterol levels. It belongs to a group of medicines called statins, named after the active ingredient, simvastatin. Statins help reduce LDL cholesterol in your blood and aid in preventing health issues related to high cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLDL cholesterol is often called the \"bad\" cholesterol, but it's not entirely harmful. Cholesterol is necessary for building healthy cells, so we don't want to get rid of it completely. The trouble starts when cholesterol levels become too high, causing it to build up in your blood vessels. This can lead to high blood pressure, diabetes, heart disease, and other problems. Simvastatin works by lowering your LDL levels, helping to prevent many issues linked to high cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Simvastatin work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSimvastatin primarily works in the liver. The active ingredient in the medicine helps reduce the production of LDL cholesterol, thereby lowering its levels in your blood. Additionally, Simvastatin boosts your HDL levels, often referred to as 'good cholesterol', which further aids in reducing LDL levels over time.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThis medication helps manage LDL levels, but its primary aim is to prevent coronary heart disease and reduce your risk of dying from heart-related issues.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Simvastatin are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSimvastatin is available in 10mg, 20mg, 40mg, and 80mg tablets. The dose you take will depend on your cholesterol levels. Regardless of the dose, you should take it once a day in the evening.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're unsure about the right dosage for you, our clinicians can review your health history and cholesterol levels to recommend what you should take.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Simvastatin to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIt may take about a week after beginning your treatment for your cholesterol levels to begin changing, and the medication usually reaches its full effect within a month. For the best results, it's important to take your medication while also following a cholesterol-lowering diet and making some healthy lifestyle changes. These changes might include:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eshedding some weight if you're carrying a few extra pounds\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ecutting down on alcohol as much as you can\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ecutting down on smoking if you do, or even better, giving up completely\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you're looking for guidance with your diet, our clinician can steer you in the right direction. You can also find useful information online. For example, the TLC diet is designed for those with high cholesterol and is recommended by the National Cholesterol Education Program. It encourages lifestyle changes and the intake of whole foods like vegetables, fruits, cereals, and lean meats.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Simvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a dose of Simvastatin and it's too late to take it, just skip it and continue with your next dose at the usual time. Don't take two tablets to make up for the missed one. If you accidentally take more Simvastatin than your prescribed daily amount, get in touch with a healthcare professional. They can keep an eye on your symptoms and give you advice if you experience any side effects. Taking more Simvastatin than prescribed can increase the risk of myopathy, so always stick to your recommended dose. Additionally, avoid drinking grapefruit juice while on Simvastatin, as it can affect how well the medication works for managing your high cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Simvastatin similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSimvastatin is a generic medication, meaning various companies manufacture it. As a result, the tablets, packaging, and price might vary. The branded version of Simvastatin is called Zocor, and it's made by a different company.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eZocor and Simvastatin both contain the same active ingredient, simvastatin. Although they might appear different, they work in exactly the same way. The primary difference you'll notice is the cost, as generic versions are usually less expensive than the branded ones.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBesides Simvastatin and Zocor, there are several other statins that function in a similar way, even if they contain a different active ingredient. If you're interested in learning more, feel free to get in touch with us, and our clinicians will discuss all the available options with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Simvastatin should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe amount of Simvastatin you are prescribed will depend on why you're taking it, how effective the treatment is, and your cholesterol levels. If the benefits aren't significant, your dosage might need to be changed, but if you're responding well, it may stay the same.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere's no need to stress about finding the right dose for you. Our clinicians will review your health history and cholesterol levels to determine the most suitable option. They'll also keep an eye on your symptoms and progress, making any necessary adjustments along the way.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Simvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSimvastatin has delivered excellent outcomes in clinical studies. One study highlighted a 25% reduction in total cholesterol, a 35% decrease in LDL, and an 8% increase in HDL. This makes Simvastatin a highly effective option for managing high cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe same study also suggests that simvastatin significantly boosts the survival rate for patients with coronary heart disease.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Simvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, you'll need a prescription to obtain Simvastatin or any other statin. This allows a clinician to ensure the medication is safe and appropriate for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThis also allows a healthcare professional to keep an eye on your treatment. They can help manage any side effects, adjust your dosage if needed, or explore other treatment options if Simvastatin isn't working as it should or if you're experiencing difficult side effects.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSimvastin isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about it. If there's anything you don't understand, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/10665\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"10mg \/ 28 Tablets","offer_id":54299943698776,"sku":"SIMVASTATIN-10-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 56 Tablets","offer_id":54299943731544,"sku":"SIMVASTATIN-10-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 84 Tablets","offer_id":54299943764312,"sku":"SIMVASTATIN-10-84","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 28 Tablets","offer_id":54299943797080,"sku":"SIMVASTATIN-20-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 56 Tablets","offer_id":54299943829848,"sku":"SIMVASTATIN-20-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 84 Tablets","offer_id":54299943862616,"sku":"SIMVASTATIN-20-84","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 28 Tablets","offer_id":54299943895384,"sku":"SIMVASTATIN-40-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 56 Tablets","offer_id":54299943928152,"sku":"SIMVASTATIN-40-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 84 Tablets","offer_id":54299943960920,"sku":"SIMVASTATIN-40-84","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"80mg \/ 28 Tablets","offer_id":54299943993688,"sku":"SIMVASTATIN-80-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"80mg \/ 56 Tablets","offer_id":54299944026456,"sku":"SIMVASTATIN-80-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"80mg \/ 84 Tablets","offer_id":54299944059224,"sku":"SIMVASTATIN-80-84","price":45.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Simvastatine-2.png?v=1738931574"},{"product_id":"fluvastatin-high-cholesterol","title":"Fluvastatin","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eFluvastatin Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eFluvastatin is a capsule taken daily for those with high cholesterol.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt helps lower the fat levels in your blood.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe capsules are available in 20mg (the usual starting dose) and 40mg doses.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Fluvastatin work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHMG-CoA reductase inhibitors, commonly known as statins, help lower the cholesterol your body makes. If there's too much cholesterol, it can accumulate in your arteries, causing them to narrow. This condition, known as atherosclerosis, makes it more difficult for blood to flow through them as it should.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThis reduced blood flow raises your risk of heart attacks, strokes, transient ischaemic attacks, and peripheral arterial disease.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIn addition to making lifestyle changes, taking Fluvastatin daily can help reduce the levels of low-density lipoprotein, commonly known as 'bad' cholesterol, in your blood. This can enhance your cardiovascular health by making it easier for blood to flow through your arteries.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses does Fluvastatin come in?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFluvastatin comes in 20mg or 40mg capsules. The usual starting dose is 20mg per day. There is also an 80mg slow-release capsule, but we don't provide that option at the moment. The daily dosage ranges from 20mg to 80mg. Fluvastatin begins to lower cholesterol within 4 weeks of starting any dose. Since high cholesterol varies from person to person, your prescribed dose will be based on your cholesterol levels when you begin taking a statin. If your dose needs to be changed, it will typically be adjusted every 4 weeks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA clinician is available to answer any questions you might have about your starting dose or what to expect while taking Fluvastatin, at any point during your treatment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does Fluvastatin take to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eLowering your cholesterol usually means making some changes to your diet, getting more exercise, and possibly taking medication if your doctor thinks it's necessary. The NHS suggests eating more oily fish, such as salmon and mackerel, as well as seeds and nuts. These foods have monounsaturated and polyunsaturated fats, which don't raise your cholesterol like the saturated fats in butter, cheese, and fried foods do.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eFluvastatin usually starts working within the first week, but you might not notice the full cholesterol-lowering effects until you've been taking the capsules for about four weeks. A blood test can show if your cholesterol levels have decreased during this period.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake taking Fluvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you miss your regular dose of Fluvastatin, you can take a capsule as soon as you remember, as long as it's less than four hours before your next dose is due. This helps ensure you don't take more medication than necessary.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eYou should never double your dose or try to make up for missed capsules. Don't stop taking Fluvastatin without consulting a clinician first.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Are there any treatments similar to Fluvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eStatins are the medication most often prescribed for individuals with high cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIn addition to following an exercise routine and making lifestyle changes like reducing alcohol intake and improving your diet, statins can help lower the fat levels in your blood and boost your long-term health.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFluvastatin is the generic form of Lescol and functions in the same way to treat high cholesterol, also known as hypercholesterolemia. Atorvastatin is another statin that works similarly to Fluvastatin and comes in six different doses.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Will Fluvastatin cause side effects?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFluvastatin is generally well tolerated.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLike all medicines, it can cause side effects. If you experience any, or if they're troubling you enough to consider stopping the medication, speak to a clinician. They can explore other ways to help manage your cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCommon side effects can include stomach or abdominal issues, nausea, joint pain, and trouble sleeping.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you experience severe skin swelling or find it hard to breathe after taking a Fluvastatin capsule, head to your nearest hospital straight away. These symptoms might indicate an allergic reaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Fluvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFluvastatin was the first man-made statin introduced to the market. It effectively lowers low-density lipoprotein cholesterol, commonly known as 'bad' cholesterol. By doing this, it can decrease the risk of coronary heart disease or stroke, making Fluvastatin a reliable choice for lowering cholesterol levels.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's less likely to interact with CYP3A4 inhibitors such as clarithromycin, erythromycin, and itraconazole, making it a potentially safe choice if you regularly take other medicines.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Fluvastatin\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA clinician will need to prescribe fluvastatin for you. A healthcare professional will ensure it's safe for you to take.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou can buy some supplements over-the-counter that claim to lower cholesterol, but their effectiveness isn't always backed by evidence, so there's no assurance they'll benefit your health.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFluvastatin isn't right for everyone, and there are a few things you should know before you begin taking it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If there's anything you don't understand, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/file.wuxuwang.com\/hma\/DE_H_5738_002_FinalPI_2of4.pdf\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"20mg \/ 28 Capsules","offer_id":54299944223064,"sku":"FLUVASTATIN-20-28","price":27.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 56 Capsules","offer_id":54299944255832,"sku":"FLUVASTATIN-20-56","price":41.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 84 Capsules","offer_id":54299944288600,"sku":"FLUVASTATIN-20-84","price":55.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 28 Capsules","offer_id":54299944321368,"sku":"FLUVASTATIN-40-28","price":27.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 56 Capsules","offer_id":54299944354136,"sku":"FLUVASTATIN-40-56","price":41.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 84 Capsules","offer_id":54299944386904,"sku":"FLUVASTATIN-40-84","price":55.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_272e04f8-881e-4949-a1a4-7bdc536f36f4.png?v=1738933753"},{"product_id":"rosuvastatin-high-cholesterol","title":"Rosuvastatin","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eRosuvastatin Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eRosuvastatin is a tablet used to help control high cholesterol.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt includes a statin, which is a type of medication that lowers cholesterol production.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThere are six doses available, and you usually take one tablet each day.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Rosuvastatin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eRosuvastatin is a tablet that helps lower cholesterol in your blood and boosts your long-term heart health. It's part of a group of medicines called statins, which work by reducing the cholesterol your liver makes and calming inflammation in your artery walls.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCholesterol is a type of lipid, a term used for molecules that your body naturally makes. Lipids are waxy, fatty substances that are important for many vital processes and help provide you with energy. Triglycerides are another type of lipid that, like cholesterol, can lead to serious health issues if their levels are too high. Essentially, cholesterol and triglycerides are known as 'blood fats', and having unhealthy levels of either can lead to serious health problems, such as heart attacks and strokes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTo help lipids travel through your bloodstream, they join with a protein to create lipoproteins. The three main types of cholesterol are high-density lipoproteins (HDL, or ‘good’ cholesterol), low-density lipoprotein (LDL, or ‘bad’ cholesterol), and very-low-density lipoproteins (VLDL, another ‘bad’ type). Statins help by reducing the levels of harmful cholesterols that can be damaging to your health.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Rosuvastatin work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eRosuvastatin helps reduce your LDL levels by slowing down the amount of cholesterol your liver makes. It also enhances your liver's ability to remove the LDL already present in your blood.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTaking Rosuvastatin every day, combined with a healthy diet and regular exercise, can help lower inflammation in your artery walls. This allows blood to flow more easily through your arteries, reducing the risk of blockages that might harm your vital organs.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses does Rosuvastatin come in?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eRosuvastatin comes in six different doses: 5mg, 10mg, 15mg, 20mg, 30mg, and 40mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor adults with high cholesterol, the usual starting dose is either a 5mg or 10mg tablet taken once daily. This is typically the case even if you've previously taken higher doses of statins.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA clinician can help determine the best dose for you. If your cholesterol levels aren't improving with the 5mg or 10mg tablets, you may need to increase to the 20mg dose, or possibly the 40mg dose later on.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYour current dose will typically be increased gradually by moving up to the next tablet strength, instead of jumping straight from a lower dose to a higher one. The highest dose available is 40mg. Your GP can perform blood tests to check if your cholesterol levels are decreasing.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does Rosuvastatin take to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eRosuvastatin usually begins to take effect within a week of daily use. However, it might take up to a month to experience the full benefits of the medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you take your tablets as directed, your cholesterol levels should begin to decrease. A clinician may recommend having some blood tests to check if your cholesterol levels are getting better.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake taking Rosuvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eTaking your Rosuvastatin tablets at the same time every day can help you avoid mistakes like missing a dose or taking too much.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eYou can take your tablet at any time during the day. However, if it's nearly time for your next dose (typically about four hours), it's fine to wait until then. If you forget to take a tablet, don't worry—just avoid taking two tablets at once.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you're considering stopping your Rosuvastatin treatment, it's important to talk to a clinician first. They can guide you on how it might affect your cholesterol levels and whether it's safe for you to manage your condition without medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Are there any treatments similar to Rosuvastatin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Will Rosuvastatin cause side effects?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Rosuvastatin\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Rosuvastatin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eRosuvastatin isn't suitable for everyone, and there are a few things you should know before you begin taking it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/files\/pil.4369.pdf\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"5mg \/ 28 Tablets","offer_id":54299944550744,"sku":"ROSUVASTATIN-5-28","price":28.95,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 56 Tablets","offer_id":54299944583512,"sku":"ROSUVASTATIN-5-56","price":44.95,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 84 Tablets","offer_id":54299944616280,"sku":"ROSUVASTATIN-5-84","price":60.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 28 Tablets","offer_id":54299944649048,"sku":"ROSUVASTATIN-10-28","price":28.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 56 Tablets","offer_id":54299944681816,"sku":"ROSUVASTATIN-10-56","price":44.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 84 Tablets","offer_id":54299944714584,"sku":"ROSUVASTATIN-10-84","price":60.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 28 Tablets","offer_id":54299944747352,"sku":"ROSUVASTATIN-20-28","price":28.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 56 Tablets","offer_id":54299944780120,"sku":"ROSUVASTATIN-20-56","price":44.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 84 Tablets","offer_id":54299944812888,"sku":"ROSUVASTATIN-20-84","price":60.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 28 Tablets","offer_id":54299944845656,"sku":"ROSUVASTATIN-40-28","price":28.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 56 Tablets","offer_id":54299944878424,"sku":"ROSUVASTATIN-40-56","price":44.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 84 Tablets","offer_id":54299944911192,"sku":"ROSUVASTATIN-40-84","price":60.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_d98d6872-ab48-4aa4-9b96-65379b9202e1.png?v=1738933748"},{"product_id":"atorvastatin-high-cholesterol","title":"Atorvastatin","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eAtorvastatin Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eAtorvastatin is a tablet used to treat high cholesterol.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's a kind of statin that helps lower cholesterol by reducing its production.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe tablets come in four different doses, and you typically take one each day.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Atorvastatin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAtorvastatin tablets are an easy and effective way to lower high cholesterol. They are part of a group of medicines called statins. If you've been told you have high blood cholesterol, statins can help reduce your cholesterol levels. They also help lower the risk of heart-related issues, such as strokes and heart attacks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAtorvastatin is available by prescription only and comes as a standard or chewable tablet. If heart disease runs in your family, or you have a chronic condition such as rheumatoid arthritis or type 1 or type 2 diabetes, it might be a suitable treatment for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Atorvastatin work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAtorvastatin helps lower cholesterol in two ways. First, it blocks the enzyme responsible for making cholesterol, stopping the liver from producing it. This reduction in cholesterol production then decreases its overall level in the blood.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe second way Atorvastatin functions is by aiding in the reabsorption of cholesterol already present in your body. Cholesterol is essential for your body to carry out certain functions. When cholesterol levels are low, your body will reabsorb the cholesterol that has accumulated in your arteries. This usually forms as plaques made up of LDLs (low-density lipoprotein), often referred to as \"bad\" cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Atorvastatin are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAtorvastatin is available in four doses: 10mg, 20mg, 40mg, and 80mg. The suitable dose for you depends on your cholesterol levels, and our clinical team can help you determine this. For adults aged 18 to 64, the usual starting dose is 20mg once daily. Depending on how it affects your cholesterol levels or if you experience any side effects, the dose may be adjusted. The typical ongoing dose for this age group ranges from 10mg to 80mg once daily.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAtorvastatin isn't approved for children under 10 years old. If you're over 65, your dosage might be reduced because your kidneys might not work as efficiently as before. This can cause your body to process medicines more slowly, which could increase the chance of side effects such as headaches, nausea, diarrhoea, and symptoms similar to a cold.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Atorvastatin to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eEach person may respond differently to medication, but after you begin taking atorvastatin tablets, you should notice a significant reduction in your cholesterol levels within about four weeks. This improvement will only occur if you take your medication every day as directed. At the start of your treatment, you'll have blood tests to monitor your progress. It's important to maintain a healthy diet and exercise regularly alongside your medication to help lower your cholesterol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when using Atorvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take your Atorvastatin, take it as soon as you remember. However, if it's nearly time for your next dose, just skip the missed one. Never take two doses at once to make up for a missed dose. Taking too much Atorvastatin usually isn't harmful, but it might increase the chance of side effects. If you've taken more than you should and are concerned, get in touch with a clinician or pharmacist.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Atorvastatin different from other treatments for high cholesterol?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAtorvastatin is one of the most effective and up-to-date treatments available for high cholesterol. It's stronger than most other statins.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eand it has a long half-life of 14 hours.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe statin has been thoroughly researched for both preventing first-time and recurring cardiovascular events and might offer some clinical benefits compared to other statins in these areas.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Atorvastatin similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAtorvastatin and Simvastatin are two of the most frequently prescribed medicines for high cholesterol. They are part of a group of drugs known as HMG-CoA reductase inhibitors, or statins. Both are effective, though they operate in slightly different ways.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLipitor is a prescription medication containing atorvastatin that helps lower blood cholesterol. It decreases the \"bad\" cholesterol and triglycerides in your blood while increasing the \"good\" cholesterol levels. Although it works just like Atorvastatin, Lipitor is a branded version, not a generic one. This means the packaging and the tablets might look different. Being a branded option, it tends to be a bit more expensive as well.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which version of Atorvastatin should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOur clinician can talk this through with you. Several factors need to be considered to find the right dose for you. These include your age, how severe your condition is, any other medications you're taking, and the reason you're being prescribed this medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Atorvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAtorvastatin is a highly effective treatment. It has been thoroughly researched and offers certain clinical benefits compared to other statins.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eArca and Gaspardone conducted a study showing that Atorvastatin lowered the relative risk of primary coronary heart disease events by 36% compared to patients with hypertension who were given a placebo. Published data supports the secondary preventative benefits of atorvastatin in different clinical situations.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Atorvastatin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, atorvastatin is only available with a prescription because its effectiveness needs to be checked when you start taking it. If it doesn't seem to be working as well as expected, our clinician can change your dose or suggest other treatments. You might be prescribed this medication if you have a family history of heart disease or if you have a long-term condition like rheumatoid arthritis or type 1 or 2 diabetes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAtorvastatin isn't right for everyone, and there are a few things you should keep in mind when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/4109\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"10mg \/ 28 Tablets","offer_id":54299945304408,"sku":"ATORVASTATIN-10-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 56 Tablets","offer_id":54299945337176,"sku":"ATORVASTATIN-10-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 84 Tablets","offer_id":54299945369944,"sku":"ATORVASTATIN-10-84","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 28 Tablets","offer_id":54299945402712,"sku":"ATORVASTATIN-20-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 56 Tablets","offer_id":54299945435480,"sku":"ATORVASTATIN-20-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 84 Tablets","offer_id":54299945468248,"sku":"ATORVASTATIN-20-84","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 28 Tablets","offer_id":54299945501016,"sku":"ATORVASTATIN-40-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 56 Tablets","offer_id":54299945533784,"sku":"ATORVASTATIN-40-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 84 Tablets","offer_id":54299945566552,"sku":"ATORVASTATIN-40-84","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"80mg \/ 28 Tablets","offer_id":54299945599320,"sku":"ATORVASTATIN-80-28","price":22.95,"currency_code":"GBP","in_stock":true},{"title":"80mg \/ 56 Tablets","offer_id":54299945632088,"sku":"ATORVASTATIN-80-56","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"80mg \/ 84 Tablets","offer_id":54299945664856,"sku":"ATORVASTATIN-80-84","price":45.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Atoravastatin-3.png?v=1738931578"}],"url":"https:\/\/westburychemist.net\/collections\/cardiovascular-metabolic-health.oembed","provider":"Westbury Chemist","version":"1.0","type":"link"}