{"title":"IBS","description":"\u003cmeta charset=\"utf-8\"\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\"\u003eFind effective solutions for managing Irritable Bowel Syndrome (IBS) at Westbury Chemist. Explore our selection of IBS symptom management products, including dietary supplements, probiotics, and digestive aids designed to alleviate symptoms such as abdominal pain, bloating, and irregular bowel movements. Our trusted products provide support for digestive health, helping you manage IBS symptoms and improve your quality of life. Shop now and find relief from Irritable Bowel Syndrome 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","products":[{"product_id":"mebeverine-ibs","title":"Mebeverine","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\u003eMebeverine Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eMebeverine is a medication that helps ease the symptoms of IBS by reducing muscle spasms.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt helps by easing the muscles in the intestines, which lessens cramps and discomfort.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt might take up to an hour to start working, and the effects can last for several hours.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Mebeverine?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMebeverine is used to relieve symptoms of irritable bowel syndrome (IBS). It's an antispasmodic, which means it helps to calm bowel spasms and reduce frequent bowel movements. IBS affects the digestive system and can cause cramps, stomach pain, and irregular bowel habits. While there's no cure for IBS, treatments like this can help manage the symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Mebeverine work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMebeverine works primarily as an antispasmodic by focusing on the smooth muscles in the gastrointestinal tract. It relaxes these muscles, stopping spasms in the lower abdomen and gut, which helps ease the discomfort linked to IBS. Additionally, it has a local anaesthetic effect that can lessen sensitivity and pain in the gut.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What versions of Mebeverine are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMebeverine comes in two forms:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003e1) Mebeverine hydrochloride 135mg tablets with a film coating \n2) Mebeverine 200mg capsules with modified release\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe difference is that modified-release capsules slowly release the active ingredient over an extended period, rather than all at once. This means the effects last all day with fewer tablets needed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Mebeverine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take more than the advised dose, get in touch with your doctor or go to A\u0026amp;E straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose, take it as soon as you remember. But if it's nearly time for your next dose, just skip the one you missed and carry on with your regular schedule. Avoid taking two doses at once to make up for the missed one.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take for Mebeverine to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eMebeverine is quickly absorbed once you take it and begins to work within an hour. You should start to feel an improvement within 1 to 3 hours.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Mebeverine for IBS?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA review of 22 studies looked into whether mebeverine is a good treatment for IBS. It found that mebeverine was about 25% more effective than a placebo in relieving various IBS symptoms. These studies involved a total of 2,000 patients, all showing IBS symptoms. Some patients were given mebeverine for different lengths of time, while others received a placebo. Here are some of the main findings from the studies:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Does Mebeverine cause constipation?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMebeverine is intended for short-term use by those with IBS. While it generally has few side effects, if you experience constipation or have a sluggish gut, it's important to speak with your doctor before using it, as it might make these issues worse.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're looking to treat\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eit's best to use a laxative such as Fybogel or Senna.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Mebeverine compare with other treatments for IBS?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMebeverine is the generic form of Colofac. Both have the same ingredients in the same concentration. The choice is yours, as both are effective for managing IBS symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSimilar treatments to Mebeverine include Fybogel Mebeverine. This product also contains mebeverine hydrochloride, along with ispaghula husk. These ingredients work together to help stop spasms and manage bowel movements.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan is a well-known option for treating IBS. It contains hyoscine butylbromide, which functions in a similar way to mebeverine. It helps to stop spasms, easing abdominal pain and discomfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTo find the best treatment for you, simply answer a few questions about your health, and we'll suggest personalised treatment options.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can you drink alcohol with Mebeverine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, it's fine to drink alcohol while you're taking mebeverine. Alcohol won't interfere with how mebeverine works or cause any additional side effects.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I take Mebeverine while pregnant or breastfeeding?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're pregnant, let your clinician know before taking it. They might suggest a different option that's more suitable for you during pregnancy.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're breastfeeding, you shouldn't take Mebeverine. Speak to your clinician about a safer option instead.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Mebeverine available over the counter?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMebeverine 135mg tablets can be purchased as a Pharmacy medicine. This means you won't need a prescription, but the pharmacist will ask you a few questions to ensure it's suitable for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMebeverine 200mg modified-release capsules can only be obtained with a prescription. This ensures that it's safe and appropriate for your use. If you're interested in Mebeverine, simply answer a few questions online, and our clinicians will determine if it's right for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMebeverine isn't right for everyone, and there are a few things you should know when taking it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMebeverine 135 mg tablets | Mebeverine 200mg modified-release capsules\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/files\/pil.2315.pdf\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Mebeverine 135 Mg Tablets\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/8896\/pil#about-medicine\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Mebeverine 200Mg Modified-Release Capsules\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"135mg \/ 100 Tablets","offer_id":54299964604760,"sku":"MEBEVERINE-135-100","price":37.95,"currency_code":"GBP","in_stock":true},{"title":"135mg \/ 200 Tablets","offer_id":54299964637528,"sku":"MEBEVERINE-135-200","price":57.95,"currency_code":"GBP","in_stock":true},{"title":"135mg \/ 300 Tablets","offer_id":54299964670296,"sku":"MEBEVERINE-135-300","price":77.95,"currency_code":"GBP","in_stock":true},{"title":"MR 200mg \/ 100 Tablets","offer_id":54299964703064,"sku":"MEBEVERINE-MR 200-100","price":37.95,"currency_code":"GBP","in_stock":true},{"title":"MR 200mg \/ 200 Tablets","offer_id":54299964735832,"sku":"MEBEVERINE-MR 200-200","price":57.95,"currency_code":"GBP","in_stock":true},{"title":"MR 200mg \/ 300 Tablets","offer_id":54299964768600,"sku":"MEBEVERINE-MR 200-300","price":77.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_0ef7f9b5-5e1d-40e8-9db8-22aabf6e8488.png?v=1738933393"},{"product_id":"buscopan-ibs","title":"Buscopan","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\u003eBuscopan Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eBuscopan is used to relieve stomach cramps linked to IBS.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's an antispasmodic that eases muscles in the digestive system to help relieve pain.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt may begin to take effect in just 15 minutes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Buscopan?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan is used to relieve stomach pains, IBS, and period cramps. It is available in tablet form and comes in three different products, all of which have the same active ingredient and dosage.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe three products are Buscopan tablets, Buscopan Cramps, and Buscopan IBS Relief. Buscopan Tablets require a prescription, but you can get Buscopan Cramps from a pharmacist, and Buscopan IBS Relief is available over the counter. In hospitals, Buscopan is sometimes given as an injection.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Buscopan work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan contains hyoscine butylbromide, which helps relax your bladder and digestive system. It's part of a group of medicines known as antispasmodics. These medicines prevent the muscles in your digestive system from tightening or 'spasming', which can lead to stomach pain and cramps associated with IBS.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan helps ease pain and discomfort, but it doesn't provide a long-term cure for conditions like IBS. Once you stop taking it, your symptoms may return. Therefore, it's often advised to identify your triggers, so you can reduce your symptoms without depending on medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Buscopan are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan Tablets for IBS Relief and Cramps are only available in a 10mg dose. There's also an injection form, which is 20mg\/ml, but that's typically given in a hospital setting. Since the tablets only come in one strength, it's important to inform your clinician if they're not effectively managing your symptoms, so you can explore other treatment options.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Buscopan to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eBuscopan begins to take effect within fifteen minutes. If your symptoms haven't improved after using the maximum daily dose for two weeks, please inform our clinician. Buscopan isn't usually recommended for long-term use, so you may need to consider an alternative treatment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Buscopan?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take too much Buscopan, it's important to get medical help and advice immediately. If you forget to take a dose, you can take it as soon as you remember, unless it's nearly time for your next dose. In that case, just skip the missed dose and continue with your regular schedule. Don't take two doses at once to make up for a missed one.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Buscopan different from other treatments for IBS?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere isn't a cure for IBS, but you can manage it by steering clear of foods and situations that set off your symptoms. Therefore, any medication you take will only help ease your symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOther treatments that could ease IBS symptoms include laxatives, which help with constipation. Alternatively, there are medications available to prevent or manage diarrhoea. You may also consider using general pain relief medicines.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePeople respond differently to various IBS treatments, so what works for you will depend on your health and symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Buscopan similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere isn't a generic version of Buscopan available. This means it's the only medicine that contains the active ingredient hyoscine butylbromide. While it works similarly to other antispasmodic treatments, it isn't exactly the same. You may find it more or less suitable for you compared to other antispasmodics.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which version of Buscopan should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAll three types of Buscopan have the same amount of the active ingredient and come in tablet form. So, there's not much difference between them. However, Buscopan IBS Relief is not suitable for anyone under twelve, while Buscopan Tablets and Cramps can be used by children over six.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAfter discussing your health with us, our clinician can recommend which version of Buscopan might be most suitable for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Buscopan?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt varies. Buscopan Tablets need a prescription, but you can buy Buscopan Cramps at a pharmacy. Buscopan IBS Relief tablets are available over the counter at some shops and pharmacies.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Buscopan?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHyoscine butylbromide is an effective treatment for IBS, with 71% of people experiencing symptom relief compared to 54% who took a placebo.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan isn't right for everyone, and there are a few things you should know before taking it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If you find anything unclear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan Tablets | Buscopan IBS Relief | Buscopan Cramps\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/1775\/pil#gref\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Buscopan Tablets\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/3884\/pil#gref\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Buscopan Ibs Relief\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/891\/pil#gref\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Buscopan Cramps\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"10mg \/ 20 Tablets","offer_id":54299964965208,"sku":"BUSCOPAN-10-20","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"IBS Relief 10mg \/ 20 Tablets","offer_id":54299964997976,"sku":"BUSCOPAN-IBS Relief 10-20","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"Cramps 10mg \/ 20 Tablets","offer_id":54299965030744,"sku":"BUSCOPAN-Cramps 10-20","price":34.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/buscopan_blister-pack.png?v=1738931656"},{"product_id":"mintec-ibs","title":"Mintec","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\u003eMintec Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eMintec helps ease the symptoms of irritable bowel syndrome (IBS).\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt contains peppermint oil, which helps to relax the muscles in your gut and ease discomfort.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt begins working in two to four hours, but it might take up to two weeks to notice the full effect.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Mintec?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMintec capsules help ease the symptoms of irritable bowel syndrome (IBS). They come with a special coating that delays the release of the active ingredient, peppermint oil, until it reaches your intestines, not your stomach. This makes the peppermint oil more effective and reduces the chance of side effects. That's why they're known as gastro-resistant capsules.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIBS is a digestive problem that can cause discomfort in your abdomen. This might lead to symptoms such as pain, bloating, and changes in your bowel habits, like diarrhoea or constipation. While the exact causes of IBS aren't completely known, it seems to be connected to factors like how quickly your digestion works, gut sensitivity, stress, and family history.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's important to understand that although there's no cure for IBS at the moment, there are effective treatments you can use. Medications such as Mintec are made to help manage and control symptoms, making them less disruptive to your daily life.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Mintec work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePeppermint oil, which is the main ingredient in Mintec, has properties that fight microbes and reduce inflammation. It helps ease IBS symptoms in two ways:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePeppermint oil's main active ingredient is menthol, but it also contains over 80 other components. When peppermint oil enters your bloodstream too quickly, its effectiveness is reduced. To address this, Mintec capsules have a special coating that slows down the release of the oil, allowing around 70% of it to reach your colon. In a study with 13 participants, these capsules were shown to delay the time it takes for menthol to reach peak levels in the blood. With Mintec, this happens 2 to 4 hours after taking the capsule, compared to 0 to 2 hours with uncoated capsules.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Mintec are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMintec comes in soft capsules, each containing 0.2ml of peppermint oil. The capsules are half green and half white, and they are packaged in blister strips.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe dose you'll be given depends on how bad your symptoms are. Usually, you'll be told to take one capsule three times a day. If your symptoms are worse, you might need to take two capsules three times a day.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake while taking Mintec?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you or your child accidentally take too many Mintec capsules, get medical assistance straight away. Bring any leftover capsules or the packaging with you so the medical staff can see what you've taken.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a pill, simply skip it and continue with your next dose as usual. There's no need to take two capsules at once to catch up.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are the side effects of Mintec?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMintec is usually well tolerated, but some people might experience side effects. These can include heartburn, itching or irritation around the buttocks, and allergic reactions such as skin rashes, a slow heartbeat, trembling, and unsteadiness.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe chance of side effects, like heartburn, tends to increase if you consume alcohol. Therefore, it's advisable to steer clear of alcohol while using Mintec for IBS.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Does Mintec help with constipation?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIn short, no. However, there's not a lot of information to confirm this. Actually, since Mintec has antispasmodic properties and helps your gut muscles relax, it might actually worsen your constipation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're dealing with constipation, try adding wheat bran, oats, or linseed to your meals, or any other fibre-rich foods. Make sure to drink plenty of fluids and cut back on alcohol.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can Mintec cause diarrhoea?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNo, it shouldn't cause diarrhoea. Peppermint oil, which is the active ingredient in Mintec, has antispasmodic properties that help relax the muscles in your gut, so it should actually help prevent diarrhoea.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can you take Mintec and Buscopan together?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCertainly! There are no known interactions between peppermint oil and hyoscine butylbromide, which are the active ingredients in these two medicines. Both are used to ease IBS symptoms by relaxing the muscles in your gut. However, taking them together could increase the chance of some side effects, so it's best to consult your clinician before using them at the same time.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Mintec similar to other drugs?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCertainly, there are other medications with the same active ingredient, peppermint oil. These are available under various brand names such as Apercap, Colpermin, and Colomint. Each of these comes as a soft capsule containing the same quantity of peppermint oil, though they may differ in appearance, cost, and other inactive ingredients.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I drink alcohol while taking Mintec?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's best to steer clear of alcohol when you're taking Mintec capsules. Mixing them can heighten the chance of experiencing side effects such as dizziness, skin rash, a slow heartbeat, muscle tremors, and feeling unsteady.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf this occurs, stop using the medication and get medical help immediately.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMintec capsules aren't suitable for everyone, and there are a few things you should keep in mind when using them.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/files\/pil.1011.pdf\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"0.2ml oil \/ 84 Capsules","offer_id":54299965325656,"sku":"MINTEC-0.2ml oil-84","price":49.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_bd8650db-2016-4d03-a098-f8aab0f7362f.png?v=1738933551"},{"product_id":"colpermin-ibs","title":"Colpermin","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\u003eColpermin Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eColpermin is a natural treatment for symptoms of irritable bowel syndrome (IBS).\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt includes peppermint oil, known for its antispasmodic and anti-inflammatory qualities.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe effects might take a few hours to become noticeable.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Colpermin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColpermin is used to ease IBS symptoms. It contains peppermint oil, a natural remedy that has been used for ages to soothe abdominal pain. It acts as an antispasmodic, which means it stops muscle spasms to help reduce pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIBS, or irritable bowel syndrome, is a common condition affecting the digestive system, leading to symptoms like tummy pain and changes in bowel habits. Although there's no cure for IBS, treatments are available to ease the symptoms. While these treatments can be useful during flare-ups, making changes to your diet and getting regular exercise can help you manage your IBS more effectively over time.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Colpermin work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePeppermint oil has L-menthol, an antispasmodic that works by blocking calcium channels in smooth muscles. This action helps relax the muscles, easing abdominal pain, cramps, and discomfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColpermin also has antimicrobial and anti-inflammatory properties. By reducing inflammation and eliminating microorganisms that could worsen IBS symptoms, it can help ease these symptoms. However, the primary way peppermint oil works is through its antispasmodic activity.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Colpermin are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eEach Colpermin tablet contains 0.2ml of peppermint oil. The capsule has a special coating that stops it from dissolving until it gets to the small bowel. This means it can work directly in the bowels, including the colon and small intestine, making it more effective.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Colpermin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose, just skip it and take your next dose at the usual time. Avoid taking two doses to make up for the one you missed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take more than the recommended dose, get in touch with your doctor or visit your nearest A\u0026amp;E department.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does Colpermin take to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThe outer layer stops the peppermint oil from being absorbed until it gets to the bowel, where it's slowly released into the bloodstream. It might take a few hours for you to notice any effects, but it could take up to 1-2 weeks to experience the full benefits.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Colpermin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePeppermint oil is known to be quite effective in easing the discomfort often linked with IBS.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIn a study involving 178 patients with IBS, participants were divided into two groups. One group, consisting of 91 patients, took two capsules of Mintoil (peppermint oil) twice daily for three months. The other group, with 87 patients, received a placebo. By the end of the study, those taking peppermint oil experienced significant improvements in their IBS symptoms. An impressive 97% of the peppermint oil group reported relief from symptoms like nausea, abdominal pain, and irregular bowel movements compared to the placebo group. Physical discomfort was also greatly reduced. The study concluded that peppermint oil is an effective treatment for easing IBS symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Does Colpermin cause constipation or diarrhoea?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColpermin doesn't typically cause constipation, diarrhoea, or change bowel movements. Instead, it helps relieve pain linked to IBS. However, like any medication, there are some possible side effects when using Colpermin. These include:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Colpermin compare with Buscopan?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColpermin has peppermint oil, which is an antispasmodic that helps ease abdominal pain. Buscopan, on the other hand, contains hyoscine butylbromide, another antispasmodic. While both work to relieve spasms, they do so in slightly different ways. This means you might find that one works better for you than the other.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Colpermin similar to any other drug?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, Colpermin is quite similar to Buscomint, which is another medication used to treat IBS symptoms. They both have the same active ingredient in the same concentration. The main differences are the manufacturer, the packaging, and the cost.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAnother drug that's similar is Mebeverine. While it has a different active ingredient, it works as an antispasmodic just like Colpermin. If one medicine isn't giving you the relief you need, trying a different one might work better for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColpermin isn't right for everyone, and there are a few things you should keep in mind when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/1076\/pil#about-medicine\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"0.2ml \/ 20 Capsules","offer_id":54299965423960,"sku":"COLPERMIN-0.2ml-20","price":45.95,"currency_code":"GBP","in_stock":true},{"title":"0.2ml \/ 40 Capsules","offer_id":54299965456728,"sku":"COLPERMIN-0.2ml-40","price":85.95,"currency_code":"GBP","in_stock":true},{"title":"0.2ml \/ 60 Capsules","offer_id":54299965489496,"sku":"COLPERMIN-0.2ml-60","price":125.95,"currency_code":"GBP","in_stock":true},{"title":"0.2ml \/ 80 Capsules","offer_id":54299965522264,"sku":"COLPERMIN-0.2ml-80","price":155.95,"currency_code":"GBP","in_stock":true},{"title":"0.2ml \/ 100 Capsules","offer_id":54299965555032,"sku":"COLPERMIN-0.2ml-100","price":209.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Losec_blister-pack-4_7bdc1ad5-356b-4cc3-8483-63f04016242d.png?v=1738931662"},{"product_id":"fybogel-mebeverine-ibs","title":"Fybogel Mebeverine","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 Mebeverine Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eFybogel Mebeverine is used to treat symptoms of IBS.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt helps ease constipation and tummy pain linked to IBS.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eYou might need to wait up to 24 hours to notice the full effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Fybogel Mebeverine?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFybogel Mebeverine is a medication used to relieve IBS symptoms. It has two active ingredients: ispaghula husk and mebeverine hydrochloride. Ispaghula husk comes from a plant that's naturally rich in fibre, making it a laxative often used for constipation. The other ingredient, mebeverine hydrochloride, is an antispasmodic, which helps stop spasms. Together, these ingredients help manage IBS symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIrritable bowel syndrome (IBS) is a common condition that impacts your digestive system, which includes the mouth, stomach, intestines, and more. Typical symptoms are bloating, diarrhoea, constipation, and pain in the lower abdomen. While IBS is widespread, there isn't a cure. For many, it's a long-term condition, but taking medication like Fybogel Mebeverine can help ease some of the symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Fybogel Mebeverine work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAs we discussed, IBS often causes discomfort in the lower abdomen. This happens because the intestines contract or tighten, which is called a spasm. Those with IBS might also notice changes in their stool, such as it being looser or harder, or they might go to the toilet more or less often than usual.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFybogel Mebeverine addresses both issues effectively. Mebeverine hydrochloride helps by relaxing the muscles in your intestines, which stops spasms and eases pain in the lower abdomen. Ispaghula husk works by trapping water in the intestine, which softens stools and makes them easier to pass. The extra water can also help you go to the toilet more often, which is useful for treating constipation. Since IBS-related spasms can be relieved by going to the toilet, a laxative like ispaghula husk can be beneficial.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFybogel Mebeverine contains active ingredients that help stop gut spasms and keep your bowel movements regular, which can relieve IBS symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Who can take Fybogel Mebeverine?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFybogel Mebeverine is suitable for most adults and children over 12. However, you should avoid taking it if you have any of the following conditions:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cdiv class=\"space-y-4\"\u003e\n \n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eBowel blockage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eWeak muscles or reduced bowel movement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eTrouble swallowing or any issues with your throat.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eSevere constipation or blood in your stool.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eA sudden change in your bowel habits that has been going on for over 2 weeks.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does Fybogel Mebeverine take to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eFybogel Mebeverine may take between 12 to 24 hours to show its full effects. The treatment can continue for up to 2 weeks. If your symptoms haven't improved or have worsened after 2 weeks, it's important to speak with our clinicians about what to do next.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What happens if I miss a dose of Fybogel Mebeverine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a dose, just skip it and carry on with your next dose as normal.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take more Fybogel Mebeverine than advised, you should drink more water to help prevent side effects.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are the side effects of Fybogel Mebeverine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFybogel Mebeverine may cause side effects in some individuals. Some of the side effects associated with taking Fybogel Mebeverine include:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is the difference between Fybogel Mebeverine and Fybogel?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFybogel Mebeverine and Fybogel are two separate medications. Fybogel Mebeverine has two active ingredients: ispaghula husk and mebeverine hydrochloride, and it's often used for treating IBS. On the other hand, Fybogel contains only ispaghula husk and is used to relieve constipation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Fybogel Mebeverine compare to other drugs?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColofac and Buscopan are two alternative treatments for IBS. Colofac includes the active ingredient mebeverine hydrochloride, which is also found in Fybogel Mebeverine.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan is a medication used to relieve IBS symptoms and contains the active ingredient hyoscine butylbromide.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThis is another antispasmodic, similar to mebeverine. It helps relax the muscles in your stomach, which can prevent stomach cramps.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe choice depends on your symptoms. If you're experiencing stomach cramps, Buscopan might be suitable. However, if you're dealing with constipation and spasms, Fybogel Mebeverine could be a better fit. IBS varies from person to person, so it's important to select what best addresses your symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n When can’t I take Fybogel Mebeverine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAvoid using Fybogel Mebeverine if you're pregnant or breastfeeding.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTry not to take Fybogel Mebeverine within 30 to 60 minutes before or after using insulin, or after taking thyroid medication. If you have any questions, feel free to contact our clinicians.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFybogel Mebeverine isn't suitable for everyone, and there are a few things you should keep in mind when taking it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about them. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/1099\/smpc\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Digestive Health","offers":[{"title":"135mg \/ 60 Sachets","offer_id":54299966210392,"sku":"FYBOGEL MEBEVERINE-135-60","price":85.95,"currency_code":"GBP","in_stock":true},{"title":"135mg \/ 90 Sachets","offer_id":54299966243160,"sku":"FYBOGEL MEBEVERINE-135-90","price":131.95,"currency_code":"GBP","in_stock":true},{"title":"135mg \/ 120 Sachets","offer_id":54299966275928,"sku":"FYBOGEL MEBEVERINE-135-120","price":185.95,"currency_code":"GBP","in_stock":true},{"title":"135mg \/ 180 Sachets","offer_id":54299966308696,"sku":"FYBOGEL MEBEVERINE-135-180","price":250.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/fybogel-mebeverine-westbury-chemist.png?v=1738933536"},{"product_id":"colofac-ibs","title":"Colofac","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\u003eColofac Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eColofac is a medicine that helps ease the symptoms of IBS.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt helps by relaxing the muscles in your intestines, which eases cramps and discomfort.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt might take up to an hour to start working, and the effects can last for several hours.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Colofac?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColofac is a medication used to relieve symptoms of irritable bowel syndrome, often called IBS. This common condition affects your digestive system and can lead to cramps, diarrhoea, constipation, and general discomfort. While there's no cure for IBS, adjusting your diet and taking medication can help manage the symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColofac has mebeverine hydrochloride as its active ingredient, which is an antispasmodic. IBS often causes pain, discomfort, and spasms in the digestive system. Colofac helps ease these spasms and other symptoms, making you feel more comfortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Colofac work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIBS is a condition that impacts your lower digestive system, including the small and large intestines. When your intestines spasm, or tighten, it can lead to pain in your lower abdomen. Colofac contains mebeverine hydrochloride, an antispasmodic. This helps by relaxing the muscles in your intestines, preventing spasms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Colofac are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColofac is available in two different strengths: 135mg tablets and 200mg Modified-Release capsules.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBoth have the same active ingredient, mebeverine hydrochloride, but the 200mg version is a slow-release tablet. This means it releases the medication gradually over time instead of all at once.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does Colofac take to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eColofac typically begins to take effect about an hour after you take it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eWhen you start feeling better, you can stop taking Colofac. However, it's best to check with our clinicians before doing so. If your symptoms haven't improved after two weeks, please get in touch with our clinician for further advice.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n Making a mistake whilst taking Colofac\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose, take it as soon as you remember. However, if it's almost time for your next dose, just skip the one you missed. Avoid taking two doses at once.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you've taken more Colofac than you should have, speak to our clinicians or visit A\u0026amp;E if you experience any side effects.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are the side effects of Colofac?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Colofac compare to other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan is another medication for managing IBS symptoms. It contains hyoscine butylbromide, an antispasmodic similar to Colofac. The main difference is that while Colofac relaxes the muscles in your intestines, Buscopan targets the muscles in your stomach, gut, and bladder. This can help ease symptoms like stomach cramps. Buscopan starts working in just 15 minutes, whereas Colofac takes about an hour to take effect.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBoth treatments can help ease IBS symptoms. Based on your symptoms and personal preferences, our clinicians will suggest the most suitable option for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Colofac?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I take Colofac whilst pregnant or breastfeeding?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNo, it's not advised to take Colofac while you're pregnant or breastfeeding.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColofac isn't right for everyone. There are a few things you should be aware of to ensure it's safe for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about them. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eColofac 135mg tablets | Colofac 200mg MR capsules\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/1166\/pil#gref\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Colofac 135Mg Tablets\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/5526\/smpc\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Colofac 200Mg Mr Capsules\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"135mg \/ 100 Tablets","offer_id":54299966374232,"sku":"COLOFAC-135-100","price":35.95,"currency_code":"GBP","in_stock":true},{"title":"135mg \/ 200 Tablets","offer_id":54299966407000,"sku":"COLOFAC-135-200","price":55.95,"currency_code":"GBP","in_stock":true},{"title":"135mg \/ 300 Tablets","offer_id":54299966439768,"sku":"COLOFAC-135-300","price":75.95,"currency_code":"GBP","in_stock":true},{"title":"M\/R 200mg \/ 100 Tablets","offer_id":54299966472536,"sku":"COLOFAC-M\/R 200-100","price":35.95,"currency_code":"GBP","in_stock":true},{"title":"M\/R 200mg \/ 200 Tablets","offer_id":54299966505304,"sku":"COLOFAC-M\/R 200-200","price":55.95,"currency_code":"GBP","in_stock":true},{"title":"M\/R 200mg \/ 300 Tablets","offer_id":54299966538072,"sku":"COLOFAC-M\/R 200-300","price":75.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Losec_blister-pack_181e1a9c-dc04-4ddb-9a9c-58afdcf9fc92.png?v=1738931668"},{"product_id":"buscomint-ibs","title":"Buscomint","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\u003eBuscomint Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eBuscomint is a treatment for symptoms of irritable bowel syndrome (IBS).\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt helps to relax your muscles, which eases abdominal pain and cramps.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eYou might need to wait up to two weeks to experience the full effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Buscomint?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscomint helps relieve IBS (irritable bowel syndrome) symptoms by relaxing the colon. It contains peppermint oil, which helps to ease cramps, abdominal pain, and bloating.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIBS is a long-term condition that leads to symptoms such as pain in the lower tummy and irregular bowel habits, like constipation or diarrhoea. It affects between 9% and 23% of people worldwide, but there's no cure. Most treatments and medications focus on relieving the symptoms of IBS.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Buscomint work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscomint has peppermint oil as its active ingredient, a natural herb used to treat IBS. It helps relieve pain and discomfort in the digestive tract in several ways.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIts primary way of working is as an antispasmodic. It reduces spasms by blocking the calcium channels in smooth muscles. This helps ease discomfort and pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAnother method is by boosting bile production. Bile is a substance made in the body that helps break down toxins, supports bowel movements, and aids digestion. Peppermint oil also has antioxidant and anti-microbial properties, which can further assist in easing IBS symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Buscomint are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscomint comes in just one strength: a 0.2ml capsule with 181.6mg of peppermint oil. Adults typically take one capsule three times daily.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you’re using Buscomint and it doesn’t seem to be easing your symptoms, you might need to consider a different treatment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Buscomint?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take more than the advised amount, contact your doctor or head to the hospital immediately. Taking too much can result in an overdose and may cause side effects like:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ediarrhoea and feeling sick;\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003erectal ulceration;\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eepileptic seizure\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003efainting;\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eirregular heartbeat; or:\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003epoor coordination.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eFor details about the side effects of taking too much, have a look at the patient information leaflet.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally miss a dose, just skip it. Avoid taking two doses to make up for the one you missed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is there a similar treatment to Buscomint?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are two other products like Buscomint: Mintec and Colpermin. These tablets also have peppermint oil at the same strength. The main differences are that they're made by different companies and their prices differ. Otherwise, all three are effective for treating IBS symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscopan is another well-known treatment for IBS. While Buscopan and Buscomint have different active ingredients, they both function as antispasmodics and are made by the same company. The active ingredient in Buscopan is hyoscine butylbromide, which helps ease IBS symptoms in as little as 15 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Buscomint for IBS?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIn a study involving 57 patients with IBS, participants took either two capsules of peppermint oil or a placebo twice daily for four weeks. The study focused on improvements in symptoms such as bloating, abdominal pain, and discomfort. After the four weeks, 75% of those taking peppermint oil experienced improvements in their IBS symptoms, compared to just 38% in the placebo group. The study concluded that peppermint oil is an effective treatment for IBS. However, it's worth noting that the peppermint oil used in this study was at a higher concentration (225mg per capsule) than what's found in Buscomint, which contains only 181.6mg per capsule.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe results were similar to another study involving 74 patients, where half were given peppermint oil and the other half a placebo, three times a day for six weeks. Those using peppermint oil experienced a noticeable improvement in IBS symptoms. However, it was noted that while peppermint oil is an effective treatment for IBS, it works best for easing abdominal pain in patients with diarrhoea-predominant IBS.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How long can I take Buscomint for?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscomint is typically taken for 1-2 weeks. However, if your symptoms don't get better, you can continue taking it for up to three months, as long as it's under the guidance of your clinician or doctor.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf your symptoms haven't improved after three months of taking Buscomint, please inform your clinician. They might recommend trying a different treatment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Who is Buscomint not suitable for?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscomint isn't right for everyone. You should avoid taking Buscomint if you:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I take Buscomint when pregnant or breastfeeding?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's best not to take Buscomint if you're pregnant. Speak to your clinician about a safer option instead.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're breastfeeding, you should avoid taking Buscomint. This is because small amounts can pass into breast milk and might affect your baby.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBuscomint isn't right for everyone, and there are a few things you should know before using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If there's anything you're unsure about, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/11329\/pil#about-medicine\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"0.2ml \/ 24 capsules","offer_id":54299966636376,"sku":"BUSCOMINT-0.2ml-24","price":35.95,"currency_code":"GBP","in_stock":true},{"title":"0.2ml \/ 48 capsules","offer_id":54299966669144,"sku":"BUSCOMINT-0.2ml-48","price":65.95,"currency_code":"GBP","in_stock":true},{"title":"0.2ml \/ 72 capsules","offer_id":54299966701912,"sku":"BUSCOMINT-0.2ml-72","price":89.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Losec_blister-pack_c1a5599e-dafd-44f8-8416-415218d4b7c5.png?v=1738931670"}],"url":"https:\/\/westburychemist.net\/collections\/ibs.oembed","provider":"Westbury Chemist","version":"1.0","type":"link"}