{"title":"Digestion","description":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cdiv class=\"flex-1 overflow-hidden\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"react-scroll-to-bottom--css-fhhpc-79elbk h-full dark:bg-gray-800\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"react-scroll-to-bottom--css-fhhpc-1n7m0yu\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"flex flex-col text-sm dark:bg-gray-800\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"flex p-4 gap-4 text-base md:gap-6 md:max-w-2xl lg:max-w-[38rem] xl:max-w-3xl md:py-6 lg:px-0 m-auto\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"relative flex w-[calc(100%-50px)] flex-col gap-1 md:gap-3 lg:w-[calc(100%-115px)]\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col gap-3\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"min-h-[20px] flex items-start overflow-x-auto whitespace-pre-wrap break-words flex-col gap-4\" data-mce-fragment=\"1\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\" data-mce-fragment=\"1\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eDiscover effective solutions for common digestive issues at Westbury Chemist. Explore our range of products to address diarrhea, constipation, irritable bowel syndrome (IBS), heartburn, and indigestion. Whether you need anti-diarrheal medications, stool softeners, IBS symptom management products, antacids, or indigestion remedies, our trusted selection provides relief and support for your digestive health. Shop now and alleviate digestive issues with our quality solutions at Westbury Chemist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[{"product_id":"dulcolax-adult-5mg-tablets","title":"Dulcolax Adult 5mg 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\u003edulcolax-adult-5mg-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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDulcolax Adult 5mg tablets should be used as directed by your doctor. If you are self-treating, follow all directions on the product packaging.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTake this medication by mouth with a full glass of water (8 ounces\/240 milliliters), preferably at bedtime.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe dosage is based on your medical condition and response to therapy.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSwallow the tablet whole. Do not crush or chew the tablets.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIn general, this drug should not be used for longer than 7 days unless directed by your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you are uncertain about any of the information or have any further questions, consult your doctor or pharmacist.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, it may take 6 to 12 hours before this drug causes a bowel movement. Do not use this medication if you have any abdominal pain, nausea, or vomiting unless directed by your doctor. Immediately stop using this drug and consult your doctor if you have any of these side effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBisacodyl, lactose monohydrate, maize starch, glycerol, magnesium stearate, sucrose, talc, acacia, white beeswax, shellac, carnauba wax, titanium dioxide, yellow iron oxide, methacrylic acid-methyl methacrylate copolymer, castor oil, macrogol 6000.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDigestive Issues: Some users may experience nausea, cramping, or diarrhea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDehydration Risk: Dulcolax can cause a loss of fluids, resulting in dehydration. Ensure you're consuming enough water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reactions: In rare cases, allergic reactions like itching, rash, swelling, severe dizziness, and trouble breathing might occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eElectrolyte Imbalance: Prolonged usage can lead to low levels of electrolytes, causing fatigue, muscle weakness, and irregular heartbeat.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to always take as directed by your healthcare provider. Contact your doctor if you experience persistent or worsening symptoms.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you have an allergy to Dulcolax or any of its ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid use if you have abdominal pain, nausea, or vomiting.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot recommended for individuals with intestinal blockage or chronic constipation.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eLong-term use may cause electrolyte imbalance or dependence.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSeek medical advice if you're pregnant, planning to become pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed recommended dosage without medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor if there's no bowel movement after use or if constipation persists.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Over-the-counter","offers":[{"title":"8","offer_id":54299786608984,"sku":"DUL0020J","price":2.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-29T015241.553.png?v=1738875669"},{"product_id":"dulcolax-twelve-plus-5mg","title":"Dulcolax Twelve Plus 5mg 40 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\u003edulcolax-twelve-plus-5mg 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eExperience rapid and effective relief from constipation with Dulcolax Twelve Plus 5mg. Our clinically tested laxative features overnight action, ensuring smooth bowel movements for an improved digestive condition. Its reduced side effects make it an optimal choice for adults aged twelve and above. With Dulcolax, navigate through your daily activities effortlessly, experiencing revitalized energy and overall well-being. Try Dulcolax 5mg today. It's the comfort in knowing your constipation concerns are handled safely and effectively.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFor adults and children over 12 years old: take one or two 5mg tablets at night.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSwallow the tablets whole with a glass of water; do not crush or chew them.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf taking two, do not take them both at the same time, but with a gap of at least an hour.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take more than your doctor has advised or for a longer duration than recommended.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThese tablets generally induce bowel movement in 6 to 12 hours, so they are usually taken before bed to produce effect in the morning.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDulcolax should not be taken on a continuous daily basis without seeking medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, these directions are guidelines. Always follow your healthcare provider's specific instructions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBisacodyl 5mg, Lactose Monohydrate, Maize Starch, Glycerol, Magnesium Stearate, Sucrose, Acacia, Titanium Dioxide, Macrogol 6000, Ethylcellulose, Talc, Carnauba Wax\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePossible side effects include abdominal discomfort, cramps, and diarrhea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOveruse can lead to dehydration and electrolyte imbalance.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic reactions such as itching, hives, or swelling may occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use for more than 7 days without consulting a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you're pregnant or breastfeeding, seek medical advice before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMay not be suitable for those with certain medical conditions, like bowel or rectal conditions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist or you experience severe side effects, discontinue use and consult your healthcare provider.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if allergic to bisacodyl or any component of this product.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid prolonged use; long-term use can lead to dependence and imbalances in water and salts in the body.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot recommended for children under 12 years old.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor before use if pregnant, planning to become pregnant, or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMay cause abdominal discomfort, diarrhoea, and dehydration.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use in case of intestinal obstruction or severe abdominal pain.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you have severe dehydration.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor if symptoms persist or worsen after use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid taking with milk or antacids as these can affect how the medicine works.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSwallow tablets whole without chewing or crushing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54299786641752,"sku":"DUL0039A","price":4.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-29T015312.201.png?v=1738875673"},{"product_id":"dulcoease-100mg-capsules","title":"Dulcoease 100mg Capsules","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\u003edulcoease-100mg-capsules 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDulcoease 100mg Capsules should be taken as follows:\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTake one capsule three times a day, after meals.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSwallow the capsules whole with a full glass of water. Do not chew or crush the capsules.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dose unless directed by a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist or worsen after using the medication for few days, seek medical attention immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, Dulcoease capsules are only intended for short-term use. Always follow the package or your healthcare provider's instructions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eDocusate Sodium 100mg, Gelatin, Glycerin, Sorbitol, Titanium Dioxide, Water, Propylene Glycol, Methacrylic Acid Copolymer, Polysorbate 80, Sodium Hydroxide\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: If you observe symptoms like rash, itching, swelling, severe dizziness, or trouble breathing after taking Dulcoease, seek medical help immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiarrhea: This medication may cause diarrhea in some individuals. If you experience severe or persistent diarrhea, immediately contact your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eElectrolyte Imbalance: This drug may disturb your electrolyte balance. Do not take it for more than a week unless advised by your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRectal Bleeding: If you notice any rectal bleeding or fail to have a bowel movement after using Dulcoease, it could indicate a serious condition. Consult your doctor without delay.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot for Children: Do not administer this medication to children under the age of 12 unless prescribed by a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnancy and Breastfeeding: If you are pregnant, planning to become pregnant, or breastfeeding, consult your doctor before taking this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways follow the doctor's instructions while using Dulcoease 100mg capsules and inform them about your current list of medications and pre-existing diseases.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed recommended dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor if symptoms persist.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid if allergic to any ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you have severe abdominal pain, nausea, or vomiting.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take if you have a blockage in your intestine.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor before use if pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use for a prolonged period without medical supervision.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCan cause mild stomach cramps.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Over-the-counter","offers":[{"title":"10","offer_id":54299786707288,"sku":"DUL0042J","price":5.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-29T015147.895.png?v=1738875677"},{"product_id":"dulcolax-10mg-suppositories","title":"Dulcolax 10mg Suppositories","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\u003edulcolax-10mg-suppositories 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eDulcolax 10mg Suppositories offer effective, gentle relief from constipation and bowel irregularities. Comprising Bisacodyl, they act directly on your bowel to stimulate movement, ensuring quick and predictable results usually within 15-60 minutes. Ideal for overnight relief, these suppositories are a trusted method for maintaining bowel regularity. Easy-to-use and fast-absorbing, Dulcolax 10mg Suppositories provide an efficient solution for those experiencing occasional or chronic constipation. Buy now and experience the relief Dulcolax delivers.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBegin by washing your hands thoroughly with soap and warm water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemove the Dulcolax 10mg suppository from its packaging.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTo ensure easy insertion, you can moisten the suppository with a small amount of water or water-soluble lubricating jelly.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eYou will then need to lie on your side with your lower leg straightened out and your upper leg bent forward toward your stomach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGently insert the suppository, pointed-end first, into the rectum with your finger.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePush it in far enough so it does not slip out and try to hold it in for as long as possible or until you feel a strong urge to have a bowel movement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eWash your hands thoroughly again after insertion.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoiding going to the toilet for some time, as suppositories need to melt in your rectum, where they produce a local effect.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eUse this product once daily or as directed by your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to consult your doctor or pharmacist if your condition does not improve or if it worsens after using this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBisacodyl, Hard Fat\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePossible side effects include abdominal cramping, nausea, diarrhea, rectal burning, and dehydration.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eProlonged use may cause electrolyte imbalance and dependence on the medication for bowel movement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot recommended for people with abdominal pain, intestinal obstruction, acute inflammatory intestinal diseases, appendicitis, or severe dehydration.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use Dulcolax 10mg suppositories if you are allergic to it or any of its ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnant and nursing women should consult a doctor before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use in children under 10 years of age, unless advised by a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSeek medical advice if symptoms persist or worsen after use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use more than one suppository per day unless prescribed by a doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eShould be used with caution in elderly patients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor or pharmacist before taking if you have a history of cardiovascular disease.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult with a doctor before use if you have stomach pain, nausea, or vomiting.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot recommended for those with a known allergy to Dulcolax or its ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMay cause rectal discomfort or a feeling of burning.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use in cases of bowel obstruction.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot for long-term use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot recommended for children under 2 years without medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMay interact with other medications, consult with a doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you are pregnant or breastfeeding, ask a healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult a doctor if you experience bleeding or no bowel movement after use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot to be swallowed, meant for rectal use only.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOveruse may lead to dependence and imbalance in electrolytes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54299786772824,"sku":"DUL0050V","price":4.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-29T015211.351.png?v=1738875681"},{"product_id":"care-glycerin-suppositries-adult-4g","title":"Care Glycerin Suppositries Adult 4g","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\u003ecare-glycerin-suppositries-adult-4g 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eIntroducing Care Glycerin Suppositories Adult 4g, an effective topical solution for quick and efficient bowel movement relief. Designed for adults, our glycerin suppositories provide a gentle yet powerful aid for constipation woes. The 4g medical-grade formula delivers optimal efficacy with minimal side effects, ensuring comfortable, safe use. It's not just a suppository, it's care delivered at your convenience. Get immediate relief from constipation and enjoy a healthier, more comfortable lifestyle with Care Glycerin Suppositories. Tested and trusted, making your health and well-being our priority.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eWash your hands thoroughly before using the suppository.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eEither lie on your side with your lower leg straightened out and your upper leg bent or position yourself in a squatting stance.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eUnwrap the suppository carefully.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMoisten the suppository by dipping it in a little water. Do not use spit as it can introduce bacteria.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eWith your finger, insert the suppository into the rectum, pointed end first, and push it in about 1 inch (2.5 centimeters) for adults.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eHold your buttocks together for a few seconds to ensure the suppository stays in place.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemain lying down for about 5-15 minutes to avoid the suppository from coming out.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eWash your hands again thoroughly.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use more than one suppository in a day unless instructed by a doctor. If you are unsure about any of the steps, consult your healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote: The suppository is designed to melt at body temperature and it’s perfectly normal to feel a sensation of warmth or an urge to have a bowel movement. Try to resist the urge as this will ensure the complete absorption of the medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGlycerin\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reactions: Glycerin suppositories can cause allergic reactions in some people. If symptoms of rash, itching, swelling, severe dizziness or difficulty breathing occur, medical attention should be sought.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRectal Bleeding or Prolonged Constipation: If rectal bleeding occurs, it is advisable to stop using the suppositories and contact a healthcare provider. Same goes for prolonged constipation despite use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePotential Interaction: These suppositories may interact with other medications or supplements, resulting in health complications. Therefore, inform your doctor about any other medication you are taking.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOveruse: Overuse can lead to worsening of symptoms and dependence on the suppository for bowel movement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDehydration: They may cause dehydration if used excessively, particularly in elderly patients and children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnancy and Breastfeeding: Although no adverse effects have been reported, it's wise to consult a doctor before use if you are pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways follow the dosage instructions provided and consult a healthcare professional before use if you have any underlying health conditions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOnly use this product as directed. Overuse can lead to dependency.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you have an allergic reaction to glycerin.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt is for rectal use only.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eContact your healthcare provider if symptoms persist for more than 7 days.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid swallowing, harmful if swallowed.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSafe storage is essential to keep away from children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your healthcare provider before use if you’re pregnant, breastfeeding or have a medical condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if the seal is broken or tampered with.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Over-the-counter","offers":[{"title":"Default Title","offer_id":54299786838360,"sku":"GLY0317J","price":5.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-29T014651.074.png?v=1738875684"},{"product_id":"care-senna-laxative-tablets-7-5mg-20","title":"Care Senna Laxative Tablets 7.5mg","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\u003ecare-senna-laxative-tablets-7-5mg-20 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eImprove your digestive health with Care Senna Laxative Tablets 7.5mg pack. Made with natural Senna, they provide gentle, overnight relief from occasional constipation. Easy on the stomach \u0026amp; highly effective, they are a dependable solution for all ages. Get fast results, increase your comfort, \u0026amp; enhance well-being with this premier choice of health-conscious individuals. Learn how Care Senna tablets can support your journey to better digestive health.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMake sure to read the instructions on the label and follow your doctor's direction closely.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSenna Laxative Tablets are typically taken by mouth, with or without food.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe common dosage is 1 to 2 tablets once daily, or as directed by the doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTablets must be swallowed whole with a full glass of water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not chew, crush, or break the tablet as this can increase the risk of side effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe dosage is based on your medical condition and response to treatment.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not increase the dose or take it more frequently without your doctor's approval.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe tablets usually cause a bowel movement within 6 to 12 hours.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf your condition persists or worsens, or you have been using this product for more than a week, stop using this medication and contact your healthcare provider.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, this medication should not be used for longer than 7 days unless directed by a doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote: This medication is used for temporary relief of occasional constipation. It's not recommended for long-term or frequent use. Always consult your healthcare provider for personalized health advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSenna leaf extract 7.5mg, calcium phosphate, microcrystalline cellulose, croscarmellose sodium, silicon dioxide, stearic acid, magnesium stearate.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStomach cramps: Monitor your reaction to this medication. If you experience severe stomach crains, stop taking this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiarrhea: Prolonged use can lead to diarrhea, which can cause dehydration. Use this medication as directed by your healthcare provider.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic reactions: Seek immediate medical attention if you experience any symptoms of an allergic reaction such as difficulty breathing, rash, or swelling.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDependency: Overuse or prolonged use can lead to dependency. Always use as directed and consult with a healthcare provider if you experience difficulty in bowel movements without the tablet.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eElectrolyte imbalance: Overusing the drug may result in electrolyte imbalance in the body.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnancy \u0026amp; Breastfeeding: Consult a health professional before use during pregnancy or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAs with all medications, use as directed by your healthcare provider. Stop use and consult your doctor if you experience any adverse effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use for more than 1 week unless directed by a doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor before use if you have stomach pain, nausea, or vomiting.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and seek immediate medical attention if you experience bleeding or persistent bowel movement changes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you are allergic to Senna or any of the product's other ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnant or breastfeeding women should consult a healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use in cases of intestinal obstruction or inflammatory bowel diseases.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Over-the-counter","offers":[{"title":"20","offer_id":54299786936664,"sku":"SEN0305K20P","price":2.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject_86_-2023-09-07T105812.663.png?v=1738875691"},{"product_id":"califig-syrup-of-figs-100ml","title":"Califig Syrup Of Figs 100ml","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\u003ecalifig-syrup-of-figs-100ml 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eCalifig Syrup Of Figs 100ml is a premium quality natural laxative, rich in natural fruit extracts and calcium. This syrup quickly and effectively soothes and relieves occasional constipation and promotes regular bowel movements. With its pleasing taste, Califig is perfect for adults and kids. Not just a simple laxative, it is also an abundant source of vital nutrients. Step into a healthy lifestyle with Califig Syrup Of Figs. Ideal for maintaining digestive wellness and regularity. Get a bottle of this flourishing health supplement today!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eShake the bottle well before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMeasure out the dosage using the measuring cup provided or according to your doctor's prescription.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAdults and children over 12 years old: Take 15-30ml (one to two tablespoons) of Califig Syrup of Figs once daily, preferably in the evening.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChildren aged 6-12 years old: Take 7.5-15ml (one and a half teaspoons to one tablespoon) once daily.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChildren aged under 6 years old: Only give under medical supervision.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dosage and consult a healthcare professional if symptoms persist.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to replace the cap securely after use. Ensure to consume the product within 8 weeks of opening.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place away from sunlight. Keep out of the reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePurified water, Liquid glucose, Sucrose, Figs extract, Senna extract, Sodium benzoate, Natural flavors\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCalifig Syrup Of Figs may cause bloating, cramping, or diarrhea in some individuals. It may also lead to allergic reactions in people who are sensitive to figs or other ingredients in the syrup. It should not be used more than once a day, or for more than 1 week, unless directed by a healthcare professional. Pregnant and breastfeeding women, as well as children, should consult a doctor before use. It is also important that this medication is not used in the case of blockage or chronic intestinal disease, unless advised by a doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for individuals with diabetes due to high sugar content.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use in case of intestinal obstruction.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eUse with caution in patients with kidney problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use for more than a week without consulting a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product may cause stomach discomfort or allergic reaction in some individuals.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a healthcare professional before use if pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot recommended for children under 12 years old.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Over-the-counter","offers":[{"title":"Default Title","offer_id":54299787067736,"sku":"CAL1085R","price":6.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-29T014623.902.png?v=1738875698"},{"product_id":"fybogel-hi-fibre-orange","title":"Fybogel Hi-Fibre Orange Sachets","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\u003efybogel-hi-fibre-orange 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePour the contents of one sachet into a glass.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFill the glass with at least 200 ml of cold water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStir until the mixture thickens and turns into a smooth drink.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrink immediately after mixing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTake this medication once or twice daily, or as directed by your doctor. Ideally, take it after meals.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take more than directed by your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eEnsure you are drinking plenty of fluids throughout the day while using this product.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to always consult with your healthcare provider or follow the instructions enclosed with your medication for more personalized instructions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIspaghula husk, Sucrose, Sodium bicarbonate, Potassium bicarbonate, Orange flavour, Saccharin sodium.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: Some people may have an allergic reaction to Fybogel which can result in a rash, itching, or difficulty breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGastrointestinal Disorders: Some users may experience bloatedness, wind, or obstructive symptoms.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChoking hazard: Fybogel can potentially cause choking if not mixed with enough water or liquid.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrug interactions: It might interact with certain medications, particularly those that should not be taken with high amounts of fiber. Always consult your healthcare provider before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot for certain patients: People with phenylketonuria, intestinal obstruction, or hypersensitivity should not take Fybogel.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot immediate effect: It may take a few days before Fybogel starts to work.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways remember to take it exactly as directed by your healthcare provider.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you have a bowel obstruction or are allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid use if you have difficulty swallowing or have phenylketonuria.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrink plenty of water when taking this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take immediately before going to sleep.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product may not suitable for children under 12.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor if your symptoms worsen or do not improve after 3 days.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChoking can happen if you take Fybogel without adequate fluid.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt might affect the absorption of other medicines.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take more than directed. It may cause bloating and gas.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt is intended for short term use. If need for extended period, consult healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnant or breastfeeding women should consult a healthcare professional before using.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Over-the-counter","offers":[{"title":"30","offer_id":54299787198808,"sku":"FYB0020K","price":11.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-09-14T022241.826.png?v=1738875705"},{"product_id":"care-senna-laxative-tablets-7-5mg","title":"Care Senna Laxative Tablets 7.5mg","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\u003ecare-senna-laxative-tablets-7-5mg 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTake the Care Senna Laxative Tablets exactly as directed by the healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf self-treating, follow all directions on the product package. If you are uncertain about any of the information, consult your doctor or pharmacist.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSwallow the tablet with a full glass of water, without crushing or chewing it.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNormally, the dosage is 1 to 2 tablets at bedtime, or as directed by your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not increase your dose, take it more often, or use it for a longer period than directed.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you experience persistent constipation, sudden change in bowel movements that lasts over 2 weeks, or if you do not have a bowel movement after using this product, consult your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNever self-medicate or change your dosage without first consulting your doctor. Always remember, the misuse of this medicine may result in serious health problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSenna (7.5mg), Dicalcium Phosphate, Microcrystalline Cellulose, Croscarmellose Sodium, Stearic Acid, Silica, Magnesium Stearate.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: Seek immediate medical help if any signs of allergic reaction occur, like rash, itching, swelling, severe dizziness, or trouble breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGastrointestinal Problems: Senna may cause cramps, abdominal discomfort, or diarrhoea. Inform your doctor if these conditions persist.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDependency Risk: Prolonged use may make your body depend on the laxative to produce bowel movements. Use only as prescribed.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eElectrolyte Imbalance: Senna may lead to electrolyte imbalance issues like dehydration, low potassium levels, causing muscle weakness and heartbeat irregularities.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eInteraction with Other Medications: Inform your doctor about all your current medications, especially diuretics, corticosteroids, or licorice root as it can increase potential side effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnancy and Breastfeeding: Consult your doctor before using this medication if you are pregnant, planning to become pregnant, or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOverdose Risk: In case of overdose, get medical help right away.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways follow your healthcare provider's instructions and never exceed the recommended dose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use this product if you have abdominal pain, nausea, vomiting, or a sudden change in bowel movements that lasts more than 2 weeks.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a healthcare professional before use, especially if you are pregnant, nursing, or taking other medications.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid long-term use as it may lead to dependence and loss of normal bowel function.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOverdose may lead to severe diarrhea, stomach cramps, or dehydration.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of the reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist or worsen, stop usage and consult a healthcare provider immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years unless directed by a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product should not be used as a weight loss assistant.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Pharmacy Only","offers":[{"title":"60","offer_id":54299852472664,"sku":"SEN0305K60","price":3.79,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-29T014729.620.png?v=1738877384"},{"product_id":"senokot-max-strength-tablets","title":"Senokot Max Strength Tablets (Pharmacy Only)","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\u003esenokot-max-strength-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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe standard dosage for adults and elderly is usually one or two tablets at bedtime when necessary.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe tablet should be taken orally with a sufficient amount of water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not crush or chew the tablets. Swallow each tablet whole.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe maximum daily dose should not exceed the advice of the doctor or pharmacist.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt may take up to 8-12 hours for the tablet to take effect.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist after three days, consult your pharmacist or doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSenokot Max Strength Tablets are not suitable for children under 12 years of age.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote: Always read the label and leaflet provided for contraindications, warnings, and other information. This is a pharmacy only medication and you should follow the advice of your pharmacist or healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSennosides, Calcium Phosphate, Maize Starch, Lactose Monohydrate, Magnesium Stearate, Talc.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic reactions: Some people may develop allergic reactions like rash, itching and swelling especially on face\/tongue\/throat, severe dizziness, and difficulty breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDigestive problems: You might experience stomach\/abdominal pain, discomfort or cramping, diarrhea, and nausea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDehydration: Symptoms like unusual dry mouth\/throat, fast\/irregular heartbeat or decreased urination can occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eElectrolyte imbalance: Symptoms like mood changes, muscle weakness, and slow\/irregular heartbeat can occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eLong-term use: Long term use can lead to dependence and loss of normal bowel function.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor promptly if these effects persist or worsen.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSpeak to a pharmacist or doctor before taking if you are pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take if you are allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis medicine can cause stomach discomfort, cramps or diarrhea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor if symptoms persist or get worse.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take this medicine if you have a bowel disease, kidney problems or heart failure.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt may interact with other medications, check with your doctor or pharmacist before taking it.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFollow the instructions on the product packaging.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Pharmacy Only","offers":[{"title":"24","offer_id":54299855225176,"sku":"SEN0520L24","price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-18T104743.453.png?v=1738877472"},{"product_id":"senokot-tablets-adult-pharmacy-only","title":"Senokot Tablets Adult","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\u003esenokot-tablets-adult-pharmacy-only 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSenokot Tablets Adult should be taken orally, usually at bedtime with a full glass (8 ounces or 240 milliliters) of water or as directed by your doctor. The dosage may vary depending on your medical condition and response to the treatment. Do not chew or crush the tablets, swallow them whole.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt's important to note that the medication can take 6 to 12 hours to produce a bowel movement. Do not take more than directed or for a longer period than prescribed. If your condition persists or worsens, or if bleeding from the rectum occurs, stop using the medication and notify your doctor immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrink plenty of fluids, maintain a diet adequate in fiber and engage in regular exercise to prevent constipation. If these steps do not help, consult your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, this medication should not be used for more than 7 days unless directed by your doctor. If you think you may have a serious medical problem, get medical help right away.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSennosides, Docusate sodium, Microcrystalline cellulose, Calcium stearate, Pregelatinised starch, Talc.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSenokot Tablets Adult can cause possible side effects like nausea, vomiting, cramping, diarrhea, or rectal bleeding. Overuse can lead to dehydration or electrolyte imbalance. It is not recommended for people who are allergic to its ingredients, have bowel obstruction, appendicitis symptoms, or abdominal pain. Seek immediate medical attention if any severe reaction occurs. Do not use for more than 1 week unless directed by a doctor. Pregnant or breastfeeding women should consult a doctor before use. Keep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you have severe abdominal pain, bowel obstruction, or inflammatory bowel disease.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor before use if you are pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist or worsen, seek medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMay cause abdominal discomfort, diarrhea or allergic reactions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you are allergic to any of its ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Pharmacy Only","offers":[{"title":"60","offer_id":54299855290712,"sku":"SEN0519R60","price":7.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-18T105805.983.png?v=1738877476"},{"product_id":"movicol-original","title":"Movicol Original","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\u003emovicol-original 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eEffortlessly tackle constipation with Movicol Original, now available at Westbury Chemist. This effective laxative is expertly formulated to provide gentle relief from constipation and irregular bowel movements. Movicol Original works by naturally retaining water in the bowel, softening stools, and facilitating easier passage without discomfort. Suitable for adults and children alike, it's an ideal solution for those seeking a reliable and gentle approach to digestive health. The original flavour of Movicol is unobtrusive, making it easy to incorporate into your daily routine. Whether you're dealing with occasional constipation or more chronic conditions, Movicol Original offers a dependable, easy-to-use remedy.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e1 to 3 sachets daily in divided doses, according to individual response.Does not normally exceed 2 weeks, but treatment can be repeated if needed. Prolonged use is not usually recommended.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMacrogol 3350, sodium chloride, sodium hydrogen carbonate, potassium chloride\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: Some people may have an allergic reaction to Fybogel which can result in a rash, itching, or difficulty breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGastrointestinal Disorders: Some users may experience bloatedness, wind, or obstructive symptoms.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChoking hazard: Fybogel can potentially cause choking if not mixed with enough water or liquid.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrug interactions: It might interact with certain medications, particularly those that should not be taken with high amounts of fiber. Always consult your healthcare provider before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot for certain patients: People with phenylketonuria, intestinal obstruction, or hypersensitivity should not take Fybogel.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot immediate effect: It may take a few days before Fybogel starts to work.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways remember to take it exactly as directed by your healthcare provider.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you have a bowel obstruction or are allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid use if you have difficulty swallowing or have phenylketonuria.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrink plenty of water when taking this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take immediately before going to sleep.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product may not suitable for children under 12.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor if your symptoms worsen or do not improve after 3 days.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChoking can happen if you take Fybogel without adequate fluid.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt might affect the absorption of other medicines.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take more than directed. It may cause bloating and gas.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt is intended for short term use. If need for extended period, consult healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnant or breastfeeding women should consult a healthcare professional before using.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Pharmacy Only","offers":[{"title":"20","offer_id":54299872788824,"sku":"MOVO20","price":6.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-29T200754.376.png?v=1738877915"},{"product_id":"cosmocol-orange-lemon-lime","title":"CosmoCol Orange Lemon \u0026 Lime","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\u003ecosmocol-orange-lemon-lime 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 .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !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 width: 100% !important;\n max-width: 100% !important;\n }\n\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 \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\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 header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eRevitalize your digestive health with the refreshing taste of CosmoCol Orange Lemon \u0026amp; Lime. This flavoured laxative offers a pleasant and effective solution for relieving constipation and regulating bowel movements. CosmoCol works by softening stools and increasing bowel activity, ensuring a gentle yet efficient relief from constipation. The unique orange, lemon, and lime flavour makes each dose a more enjoyable experience, ideal for those who prefer a hint of citrus in their health regimen. Perfect for individuals seeking an easy-to-use, palatable constipation remedy, CosmoCol is suitable for daily use and provides reliable relief.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\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 \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e1 to 3 sachets daily in divided doses, according to individual response.Does not normally exceed 2 weeks, but treatment can be repeated if needed. Prolonged use is not usually recommended.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMacrogol 3350 13.125g sodium chloride 0.3507g sodium hydrogen carbonate 0.1785g potassium chloride 0.0466g\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: Some people may have an allergic reaction to Fybogel which can result in a rash, itching, or difficulty breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGastrointestinal Disorders: Some users may experience bloatedness, wind, or obstructive symptoms.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChoking hazard: Fybogel can potentially cause choking if not mixed with enough water or liquid.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrug interactions: It might interact with certain medications, particularly those that should not be taken with high amounts of fiber. Always consult your healthcare provider before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot for certain patients: People with phenylketonuria, intestinal obstruction, or hypersensitivity should not take Fybogel.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot immediate effect: It may take a few days before Fybogel starts to work.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways remember to take it exactly as directed by your healthcare provider.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\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 \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you have a bowel obstruction or are allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid use if you have difficulty swallowing or have phenylketonuria.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrink plenty of water when taking this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take immediately before going to sleep.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product may not suitable for children under 12.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor if your symptoms worsen or do not improve after 3 days.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChoking can happen if you take Fybogel without adequate fluid.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt might affect the absorption of other medicines.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take more than directed. It may cause bloating and gas.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt is intended for short term use. If need for extended period, consult healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnant or breastfeeding women should consult a healthcare professional before using.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\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":"Pharmacy Only","offers":[{"title":"20","offer_id":54299872854360,"sku":"LAXO20","price":4.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-29T201945.316.png?v=1738877918"}],"url":"https:\/\/westburychemist.net\/collections\/digestion.oembed","provider":"Westbury Chemist","version":"1.0","type":"link"}