{"title":"Gastrointestinal Health","description":"\u003cp\u003eDigestive health is essential for overall well-being, but issues like acid reflux, bloating, IBS, diarrhea, and constipation can cause discomfort and disrupt daily life. At Westbury Chemist, we offer clinically approved treatments to help manage a wide range of gastrointestinal (GI) conditions, ensuring a healthier digestive system and improved quality of life\u003c\/p\u003e","products":[{"product_id":"omeprazole-gord","title":"Omeprazole","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\u003eOmeprazole 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\"\u003eOmeprazole is used to treat symptoms of GORD, such as acid reflux and heartburn.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's the generic form of Losec and functions in the same way.\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\"\u003eTake one tablet or capsule daily to help lower excess stomach acid.\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 Omeprazole?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOmeprazole is a medication for heartburn that helps with frequent acid reflux and other conditions. Acid reflux occurs when stomach acid or bile travels up the oesophagus, leading to irritation and heartburn.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGORD can result from several factors. It's often connected to the weakening of the muscles between your stomach and oesophagus. Other causes include increased pressure from straining and coughing, food remaining in the stomach longer than usual, excess stomach acid, and stomach acid lingering in the oesophagus. This condition can lead to various symptoms, such as stomach pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOmeprazole is the active ingredient and generic name for Losec. It is available as a gastro-resistant capsule, a tablet, or an oral suspension fluid.\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 Omeprazole used for?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThis page explains how Omeprazole is used to treat GORD, the primary condition it addresses.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHowever, Omeprazole is a generic medicine that can also be used to:\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\"\u003erelieve heartburn symptoms;\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\"\u003etreat GORD (gastro-oesophageal reflux disease);\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\"\u003etreat a duodenal ulcer or a stomach ulcer, which is also known as a gastric ulcer;\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\"\u003ehelp relieve stomach ulcers caused by a helicobacter pylori infection;\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\"\u003etreat ulcers caused by medications known as NSAIDs, like ibuprofen;\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\"\u003eease the extra acid produced by a pancreatic tumour, known as Zollinger-Ellison syndrome.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How do Omeprazole capsules work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOmeprazole is a medication known as a proton pump inhibitor. It works by targeting small membranes in the stomach lining called proton pumps. These pumps are responsible for producing and releasing the acid that helps digest food. If you have GORD, your stomach produces excess acid, leading to discomfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen you take Omeprazole, which is a type of proton pump inhibitor, it works by blocking your proton pumps. This reduces the amount of acid your stomach makes, helping to ease symptoms of GORD and stop acid reflux.\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 Omeprazole are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOmeprazole is available in both tablet and capsule forms, with doses of 10mg, 20mg, and 40mg. Additionally, it comes as an oral suspension fluid in concentrations of 2mg\/ml and 4mg\/ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe amount of Omeprazole you need will depend on the reason you're taking it and how severe your symptoms are. Typically, treatment lasts for about four weeks, and you'll usually start with a low dose. If your issue persists, you may need to continue taking Omeprazole for a longer period.\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 Which dose of Omeprazole should I use?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe amount of Omeprazole you need will vary based on what it's being used to treat and how severe your symptoms are. For example, the dose for stomach ulcers will differ from the dose for acid reflux.\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\"\u003eTo treat stomach ulcers, you might need to take a higher dose for a shorter duration.\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\"\u003eTo manage acid reflux symptoms, you usually need a lower dose over a longer time.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe dose changes if you're taking it to prevent something rather than to treat it.\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\"\u003eTo manage acid reflux, you'll need to take the medication for 4 to 8 weeks.\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\"\u003eYou'll need to take Omeprazole for an extended period to help prevent and manage acid reflux symptoms.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor more details about the right dosage and how long you should take your medicine, have a look at the patient information leaflet included with it. You can also ask your doctor or pharmacist for advice.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you've been on a low dose of Omeprazole for GORD and are still having difficulties, have a chat with your clinician about possibly increasing your dosage.\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 Instructions: taking Omeprazole capsules \u0026amp; tablets:\n \u003c\/h3\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\"\u003eTake one capsule or tablet each morning.\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\"\u003eSwallow Omeprazole capsules whole and do not chew them.\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\"\u003eYou can take Omeprazole tablets or capsules either with food or on an empty stomach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\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 Instructions: taking Omeprazole oral suspension fluid:\n \u003c\/h3\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\"\u003eTake your dose each morning.\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\"\u003eTake it on an empty stomach or 30 minutes before eating.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\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 Omeprazole 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\"\u003eTaking one dose of Omeprazole each day quickly and effectively reduces the amount of acid your stomach makes. When used as instructed, you'll notice its full effect within four days.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eClinical trials have demonstrated that a single 24-hour dose results in a 70% decrease in acid production and an 80% reduction in acidity levels. It typically takes about 1 to 2 hours to reach its highest concentration in the bloodstream. Taking Omeprazole with food doesn't appear to delay its effect.\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’s the best time to take Omeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIt's ideal to take Omeprazole in the morning. This way, it will be effective throughout the day when you need it the most. If you're required to take it twice a day, have one dose in the morning and the other in the evening.\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 Omeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take your dose, just take it as soon as you remember. However, if it's nearly time for your next dose, simply skip the missed one. Avoid taking a double dose to catch up.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you take more than the advised dose, contact your doctor straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Omeprazole different to other treatments for GORD?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are other treatments for GORD or for reducing stomach acid, but not all of them are available as a liquid. So, Omeprazole might be a good choice if you find it difficult to swallow tablets or capsules.\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\"\u003eOmeprazole is a generic medication, so it's typically more affordable than branded 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 Is Omeprazole similar to any other heartburn medication?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAcid reflux is usually treated with proton pump inhibitors, which help by reducing the acid your stomach makes. These medications can have different active ingredients, so if one doesn't seem to help, you can try another.\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\"\u003eLosec is a brand name for Omeprazole capsules or tablets, which are used for heartburn. It has the same active ingredient as Omeprazole, but it typically costs more. Both should work similarly and are used to treat the same conditions.\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 Omeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eClinical trials have demonstrated that Omeprazole can quickly and consistently reduce heartburn symptoms. It also effectively treats other symptoms of GORD, such as stomach pain from excess acid.\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\"\u003ePatients who took a daily dose of Omeprazole experienced no heartburn symptoms in:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAnother study\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003erevealed that 86% of patients with severe swelling of the food pipe (oesophagitis) healed within 12 weeks after taking 40mg Omeprazole.\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 Omeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou can take low doses of Omeprazole for a short time without a prescription. However, if you need a higher dose or plan to use it for a longer period, you'll require a prescription. This ensures the treatment is 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 What are the side effects of Omeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe most frequent side effects of Omeprazole, occurring in more than 1 in 100 people, include:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSerious side effects from Omeprazole are uncommon, but it's important to be aware of them. If you experience any of the following, contact a doctor straight away:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOn rare occasions, some individuals may have a severe allergic reaction (anaphylaxis) after taking Omeprazole. If you notice any signs of a serious allergic reaction, like sudden swelling of your lips, mouth, throat, or tongue, or if you find it difficult to swallow or breathe, call 999 immediately.\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 see all the possible side effects, have a look at the patient information leaflet included with your medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can Omeprazole cause long-term side effects?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you use Omeprazole for more than three months, it might lead to a drop in the magnesium levels in your blood. This can result in symptoms such as:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you experience any of these symptoms, please inform your clinician.\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\"\u003eUsing Omeprazole for a year or longer may raise your risk of gut infections, vitamin B12 deficiency, and bone fractures. If you're on Omeprazole for an extended period, your clinician will schedule regular check-ups to keep an eye on your health and determine if you still need the medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I drink alcohol while taking Omeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou can, but it's best to steer clear if you can. This is because alcohol raises acid levels in your stomach, which might make your symptoms worse.\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 take Omeprazole while pregnant?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOmeprazole is safe to use during pregnancy, but it's better to manage your symptoms without medication if you can. For instance, if you're dealing with indigestion, try having smaller, more frequent meals and steer clear of fatty or spicy foods. It's also wise to avoid eating while lying down.\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 Omeprazole with other medications I’m using?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's not safe to use Omeprazole with some HIV medicines, such as nelfinavir or rilpivirine. Similarly, you should avoid taking it if you're on an antiplatelet medication called clopidogrel. If you have any questions or worries, have a chat with your clinician.\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\"\u003eOmeprazole isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOmeprazole Capsules | Omeprazole Tablets | Omeprazole Oral Suspension\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\/10341\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Omeprazole Capsules\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/662\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Omeprazole Tablets\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/11031\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Omeprazole Oral Suspension\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"10mg \/ 28 Capsules","offer_id":54299879670104,"sku":"OMEPRAZOLE-10-28","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 56 Capsules","offer_id":54299879702872,"sku":"OMEPRAZOLE-10-56","price":18.99,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 84 Capsules","offer_id":54299879735640,"sku":"OMEPRAZOLE-10-84","price":21.99,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 28 Capsules","offer_id":54299879473496,"sku":"OMEPRAZOLE-20-28","price":15.99,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 56 Capsules","offer_id":54299879506264,"sku":"OMEPRAZOLE-20-56","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 84 Capsules","offer_id":54299879539032,"sku":"OMEPRAZOLE-20-84","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 28 Capsules","offer_id":54391615521112,"sku":null,"price":17.99,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 56 Capsules","offer_id":54391615553880,"sku":null,"price":21.99,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 84 Capsules","offer_id":54391615586648,"sku":null,"price":25.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Exforge_blister.png?v=1738931255"},{"product_id":"esomeprazole-gord","title":"Esomeprazole","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\u003eEsomeprazole 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\"\u003eEsomeprazole is a tablet you take daily to treat GORD.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's a proton pump inhibitor that reduces the amount of acid in your stomach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe tablets come in 20mg and 40mg doses.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \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 Esomeprazole?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eEsomeprazole is a generic medicine used to treat symptoms of gastro-oesophageal reflux disease (GORD). It contains the active ingredient esomeprazole magnesium dihydrate, which helps reduce the amount of stomach acid your body produces. This lowers the risk of acid moving up into your gullet, helping to ease symptoms of acid reflux or heartburn.\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 Esomeprazole work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eEsomeprazole is a medication that's part of a group called proton pump inhibitors (PPIs). PPIs work by targeting the proton pump molecules in the cells that produce stomach acid, reducing the amount of acid they make. This helps lower the chances of acid moving up into your oesophagus and causing symptoms of GORD.\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 Esomeprazole are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are two dosages of Esomeprazole available for treating GORD symptoms: 20mg and 40mg. The amount you take will depend on your specific condition and how effectively Esomeprazole manages it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf your oesophagus is damaged, the standard dose is one 40 mg tablet daily for four weeks, with the option of another four-week course if it hasn't completely healed. If your oesophagus is fine, you'll usually take up to 20 mg of Esomeprazole each day, as needed. If you feel your GORD isn't well managed with your current dose, have a chat with your clinician. They might suggest increasing your dose for a month or two to see if that makes a difference.\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 Esomeprazole 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\"\u003eYou might start to feel the effects of Esomeprazole within two to three days of beginning your treatment, although it can occasionally take a bit longer. Research indicates that Esomeprazole can manage heartburn and reflux symptoms within four weeks, reducing how often and how severe they are.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake taking Esomeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eBe sure to follow your clinician's advice when taking Esomeprazole. If you forget a dose, don't worry. Simply take it as soon as you remember. However, if it's nearly time for your next dose, just skip the one you missed and continue with your regular schedule.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you've taken more Esomeprazole than recommended, contact your doctor as soon as possible. You might feel weak, have stomach problems, or experience other side effects from the medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Are there any alternatives to Esomeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf Esomeprazole doesn't suit you, there are other treatments for GORD you can consider. If you want something similar to Esomeprazole, other proton pump inhibitors, such as omeprazole, lansoprazole, and pantoprazole, function in the same manner.\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\"\u003eVimovo is a medication that combines naproxen, an anti-inflammatory, with esomeprazole. It's prescribed for conditions such as osteoarthritis and rheumatoid arthritis, rather than GORD. The esomeprazole in it helps minimise stomach issues that can occur with non-steroidal anti-inflammatory drugs like naproxen.\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 get side effects from Esomeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eEsomeprazole, like any medication, may cause side effects, but not everyone will experience them. The most common side effects of Esomeprazole include:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTaking Esomeprazole for an extended period, particularly in higher doses, may raise the risk of fractures in your wrist, spine, and hip, and can also lead to low magnesium levels, known as hypomagnesaemia. If you have any worries while using Esomeprazole, it's important to talk to your clinician.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are some very rare but serious side effects of Esomeprazole that you should be aware of. If you experience any of the following, stop taking Esomeprazole and seek medical help straight away:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor a detailed guide on the side effects of Esomeprazole, please refer to the patient information leaflet.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can you use Esomeprazole during pregnancy?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you are pregnant, suspect you might be, or are planning to start a family, have a chat with your clinician before using this medication. They will let you know if taking Esomeprazole during pregnancy is 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\"\u003eWe aren't sure if Esomeprazole gets into breast milk, so it's best to avoid taking it while you're breastfeeding.\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 get Esomeprazole over the counter\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNo, you can't buy generic Esomeprazole without a prescription. However, there is a branded version called Nexium that you can get over the counter. Nexium is available in lower doses of 10 mg and 20 mg. If your symptoms are quite severe or Nexium isn't managing them effectively, generic Esomeprazole might be a more suitable choice.\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 while on Esomeprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAlcohol doesn't interfere with the way Esomeprazole works. In fact, research indicates that gastroesophageal reflux was reduced by 93% in healthy volunteers taking Esomeprazole compared to those taking a placebo.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHowever, alcohol causes your stomach to produce more acid than usual. This can irritate your stomach lining and worsen the symptoms of GORD.\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\"\u003eEsomeprazole isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If you find anything confusing, 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.10557.pdf\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"20mg \/ 28 Tablets","offer_id":54299879833944,"sku":"ESOMEPRAZOLE-20-28","price":15.99,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 56 Tablets","offer_id":54299879866712,"sku":"ESOMEPRAZOLE-20-56","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 84 Tablets","offer_id":54299879899480,"sku":"ESOMEPRAZOLE-20-84","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 28 Tablets","offer_id":54299879932248,"sku":"ESOMEPRAZOLE-40-28","price":16.99,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 56 Tablets","offer_id":54299879965016,"sku":"ESOMEPRAZOLE-40-56","price":20.99,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 84 Tablets","offer_id":54299879997784,"sku":"ESOMEPRAZOLE-40-84","price":24.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_f9bbc04d-6c0c-46d2-873b-ed737b98e260.png?v=1738931258"},{"product_id":"lansoprazole-capsules-gord","title":"Lansoprazole Capsules","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLansoprazole Capsules Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .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 \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 can help ease symptoms like acid reflux and bloating.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's the generic form of Zoton FasTab and comes in two types.\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 Lansoprazole?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLansoprazole is used to treat acid reflux and GORD. Acid reflux occurs when stomach acid moves up into your oesophagus and throat, leading to a burning feeling known as heartburn. You might also experience bloating and bad breath. Lansoprazole works by reducing the amount of acid your stomach lining produces.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen acid reflux keeps happening and doesn't go away, it's known as GORD, which stands for Gastro-oesophageal reflux disease.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLansoprazole is the generic form of branded treatments like Zoton FasTab. You can take it as a capsule with water or as a tablet that dissolves in your mouth.\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 Lansoprazole work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAcid reflux occurs when stomach acid moves past the muscle ring that keeps the lower oesophagus shut, allowing it to enter the food pipe and throat.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYour stomach produces acid to help break down the food you eat, allowing your body to digest it. This acid is made by proton pumps in the lining of your stomach wall. However, sometimes these pumps produce too much acid, which can then travel up into your food pipe.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLansoprazole works by stopping the proton pumps from making too much acid. This means there's less acid to move up into the oesophagus, helping to prevent heartburn and other symptoms linked to acid reflux and GORD.\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 Lansoprazole are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLansoprazole capsules are available in two strengths: 15mg and 30mg. You should swallow them with water, and they can be taken once or twice daily.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere's also an orodispersible tablet option that dissolves on your tongue, so you don't need to take it with water.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor acid reflux, the usual treatment is to take one 30mg tablet or capsule each day for four weeks.\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 Instructions: Lansoprazole gastro-resistant capsules\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eOur clinician will typically advise you to:\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\"\u003eTake the capsule with a glass of water, swallowing it whole.\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\"\u003eTake the capsules at the same time each day.\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\"\u003eTake your lansoprazole tablets in the morning.\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\"\u003eTake the capsules 30 minutes before eating.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\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 Instructions: Lansoprazole orodispersible tablets\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eOur clinician will typically advise you to:\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\"\u003eTake the tablet 30 minutes before eating.\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\"\u003eTake it at the same time each day.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \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\"\u003ePlace the tablet in your mouth and let it dissolve completely before swallowing.\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\"\u003eIf you find it difficult to swallow the tablet, you can use a syringe. For detailed guidance on using the syringe, please refer to the patient leaflet.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\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 Lansoprazole 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\"\u003eLansoprazole begins to work immediately. You'll likely notice relief from symptoms such as acid reflux, heartburn, and indigestion within a few days, but it might take up to four weeks to experience the full benefits.\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\"\u003eLansoprazole typically enters the bloodstream in just under two hours, but if you take it with food, it may take about 50% longer.\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 Lansoprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a dose of Lansoprazole, take it as soon as you remember. However, if it's nearly time for your next dose, just skip the missed one and continue with your regular schedule. Do not take a double dose of Lansoprazole. If you accidentally take too much, seek medical advice straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which version of Lansoprazole should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you find swallowing tablets difficult or simply don't like doing it, the orodispersible version of Lansoprazole could be a better option for you. It is available in the same doses as the capsules and is just as effective.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou can either let it dissolve in your mouth or mix it with water in a syringe and then squirt it into your mouth.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou should take both the capsules and orodispersible tablets about 30 minutes before eating. If you're unsure which form of Lansoprazole is right for you, it's a good idea to consult a clinician. Often, it just comes down to what you prefer.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Lansoprazole different to other treatments for GORD?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLansoprazole is a generic medication. This means it can be found as a branded product, but the generic version is usually more affordable.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are other generic and branded treatments for acid reflux and GORD, but few come in a dissolvable tablet form.\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 Lansoprazole similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are various medications available to treat acid reflux and GORD. Despite having different names and being made by different manufacturers, they are generally proton pump inhibitors and function by lowering the acid production in your stomach.\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\"\u003eLansoprazole comes in two forms: a capsule and a dissolvable tablet, allowing you to pick the one you prefer. It's a generic medication, and its branded version is known as Zoton FasTab.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Lansoprazole should I use?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Lansoprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLansoprazole is a very effective and quick treatment for acid reflux and GORD. It can start relieving symptoms in less than two hours, and symptoms often go away after four weeks of use.\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\"\u003eLansoprazole is very effective for long-term treatment of GORD, providing symptom relief for more than 70% of people who use it for over five years.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003e.\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 Lansoprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, a clinician will need to discuss your symptoms and medical history with you to ensure they prescribe the correct dose. It's also important to be monitored during the treatment to ensure it's effective.\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\"\u003eLansoprazole isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere’s all the official information about it. If 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\"\u003eCapsules | Orodispersible Tablets\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/14550\/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 Capsules\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/4395\/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 Orodispersible Tablets\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"15mg \/ 28 Capsule","offer_id":54299880096088,"sku":"LANSOPRAZOLE CAPSULES-15-28","price":15.99,"currency_code":"GBP","in_stock":true},{"title":"15mg \/ 56 Capsule","offer_id":54299880128856,"sku":"LANSOPRAZOLE CAPSULES-15-56","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"15mg \/ 84 Capsule","offer_id":54299880161624,"sku":"LANSOPRAZOLE CAPSULES-15-84","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"30mg \/ 28 Capsule","offer_id":54299880194392,"sku":"LANSOPRAZOLE CAPSULES-30-28","price":16.99,"currency_code":"GBP","in_stock":true},{"title":"30mg \/ 56 Capsule","offer_id":54299880227160,"sku":"LANSOPRAZOLE CAPSULES-30-56","price":20.99,"currency_code":"GBP","in_stock":true},{"title":"30mg \/ 84 Capsule","offer_id":54299880259928,"sku":"LANSOPRAZOLE CAPSULES-30-84","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Orodispersible 15mg \/ 28 Capsule","offer_id":54299880391000,"sku":"LANSOPRAZOLE CAPSULES-Orodispersible 15-28","price":18.99,"currency_code":"GBP","in_stock":true},{"title":"Orodispersible 15mg \/ 56 Capsule","offer_id":54299880423768,"sku":"LANSOPRAZOLE CAPSULES-Orodispersible 15-56","price":22.99,"currency_code":"GBP","in_stock":true},{"title":"Orodispersible 15mg \/ 84 Capsule","offer_id":54299880456536,"sku":"LANSOPRAZOLE CAPSULES-Orodispersible 15-84","price":26.99,"currency_code":"GBP","in_stock":true},{"title":"Orodispersible 30mg \/ 28 Capsule","offer_id":54299880292696,"sku":"LANSOPRAZOLE CAPSULES-Orodispersible 30-28","price":20.99,"currency_code":"GBP","in_stock":true},{"title":"Orodispersible 30mg \/ 56 Capsule","offer_id":54299880325464,"sku":"LANSOPRAZOLE CAPSULES-Orodispersible 30-56","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Orodispersible 30mg \/ 84 Capsule","offer_id":54299880358232,"sku":"LANSOPRAZOLE CAPSULES-Orodispersible 30-84","price":28.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/lansoprazole_blister-pack.png?v=1738931260"},{"product_id":"pantoprazole-gord","title":"Pantoprazole","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\u003ePantoprazole 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\"\u003ePantoprazole is a tablet used to relieve the symptoms of GORD.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt helps lower extra stomach acid and can ease heartburn and acid reflux.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe tablets come in two strengths: 20mg and 40mg.\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 Pantoprazole?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePantoprazole is used to treat acid reflux and gastro-oesophageal reflux disease (GORD). It is also the active ingredient in Pantoloc Control tablets.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAcid reflux occurs when the muscle between the stomach and the oesophagus weakens or doesn't close properly. This allows food and stomach acids to move back into the oesophagus. If this happens frequently, it's called GORD.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePantoprazole helps lower the acid levels in your stomach, stopping it from moving up into your oesophagus and throat.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePantoprazole comes in the form of a gastro-resistant tablet, which means it travels through the stomach to the intestine where it works better. It is available in two doses: 20mg and 40mg.\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 Pantoprazole work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAcid reflux and GORD are common and bothersome conditions that can impact your quality of life.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe stomach lining is composed of cells with proton pumps that release acid into the stomach, aiding in food digestion. Sometimes, these cells produce too much acid, which can irritate the stomach and other parts of the digestive system. When there's excess acid, it can move from the stomach into the oesophagus and throat, leading to the uncomfortable sensation known as heartburn.\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 don't treat acid reflux, it can harm your oesophagus and throat. Ongoing acid reflux, also known as GORD, can lead to conditions like oesophagitis and laryngitis.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePantoprazole is a proton pump inhibitor that stops cells from making too much acid. It helps ease short-term symptoms of acid reflux and also prevents long-term effects.\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 Pantoprazole are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTablets come in two strengths: 20mg and 40mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePantoprazole tablets are available in two strengths: 20mg and 40mg. For acid reflux, the typical dose is one 20mg tablet daily. This usually helps ease symptoms within 2 to 4 weeks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen treating GORD, the treatment period is typically longer. Initially, a clinician will often prescribe a higher dose of 40mg per day to address the effects of acid reflux. After the throat and stomach have healed, the dose is usually lowered to 20mg per day to manage acid production and help prevent symptoms from returning.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePantoprazole can be used by people with liver problems, but it's recommended to keep the dose to 20mg per day.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Pantoprazole 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\"\u003ePantoprazole works very well and begins to provide relief after just one dose, as it takes under three hours to fully enter the bloodstream. Typically, the treatment lasts for four weeks, and during this period, over 98% of people notice a significant improvement in their symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Pantoprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take your Pantoprazole, take it as soon as you remember. However, if it's nearly time for your next dose, simply skip the missed one and carry on as usual. Do not take a double dose of Pantoprazole. If you accidentally take too much, seek medical help straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Pantoprazole different to other treatments for GORD?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen it comes to treating GORD, you've got a few options. Some treatments don't need a prescription. Antacids, such as Tums and Gaviscon liquid, help neutralise stomach acid and can be purchased over the counter. H2-receptor antagonists, like Cimetidine, work by blocking the effects of histamine in the stomach to lower acid levels.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePantoprazole works by directly reducing acid production by blocking the proton pumps. There are other branded medicines that function similarly, such as Pantoloc. Since Pantoprazole is a generic medication, it is usually more affordable than the pricier branded 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 How effective is Pantoprazole?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePantoprazole works really well for treating acid reflux and GORD because it tackles the underlying issue, helping the body to heal from their effects.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNinety-eight percent of people notice results after just one four-week course of treatment. However, if symptoms are more severe, Pantoprazole might take a bit longer to reach its full effect. In these instances, 93% of people with more severe symptoms found that Pantoprazole worked after taking it for eight weeks.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Pantoprazole should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe amount you need to take will vary based on your symptoms and how severe they are. For instance, the dose for preventing peptic ulcers is different from the one for acid reflux. Likewise, the dose for a one-off case of acid reflux isn't the same as the dose for GORD.\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\"\u003eUsually, taking one 20mg tablet daily for four weeks is sufficient to treat acid reflux and allow the stomach and throat to heal. In more severe cases, the treatment might extend to eight weeks or even longer.\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\"\u003eAs you follow your treatment plan, your clinician will keep an eye on your progress and might recommend increasing your dosage if needed.\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 Pantoprazole?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePantoprazole isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about it. If 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\/7089\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"20mg \/ 28 Tablets","offer_id":54299880620376,"sku":"PANTOPRAZOLE-20-28","price":17.99,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 56 Tablets","offer_id":54299880653144,"sku":"PANTOPRAZOLE-20-56","price":22.99,"currency_code":"GBP","in_stock":true},{"title":"20mg \/ 84 Tablets","offer_id":54299880685912,"sku":"PANTOPRAZOLE-20-84","price":26.99,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 28 Tablets","offer_id":54299880718680,"sku":"PANTOPRAZOLE-40-28","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 56 Tablets","offer_id":54299880751448,"sku":"PANTOPRAZOLE-40-56","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"40mg \/ 84 Tablets","offer_id":54299880784216,"sku":"PANTOPRAZOLE-40-84","price":28.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Pantoprazole.png?v=1738931262"},{"product_id":"azithromycin-travellers-diarrhoea","title":"Azithromycin","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\u003eAzithromycin 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\"\u003eAzithromycin is an antibiotic used to treat traveller's diarrhoea caused by bacterial infections.\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 stops bacteria from making the proteins they need, which prevents them from multiplying.\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 total dose is 1500 mg, taken over 3-to-five days in 250 mg or 500 mg tablets.\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 Azithromycin?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTraveller’s diarrhoea is quite common, particularly when visiting high-risk regions like South America, Africa, and the Middle East. You might experience symptoms such as stomach cramps, fever, bloating, and needing to use the toilet more often.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTraveller’s diarrhoea is usually caused by bacteria, with E-coli being the most common culprit. These bacteria are present in water and food, and when they enter your gut, your body tries to get rid of them through your stools. It can also be triggered by viruses like norovirus or by infections from parasites such as cryptosporidiosis.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTo help prevent traveller's diarrhoea, steer clear of tap water, ice cubes, and raw foods. Additionally, practising good hand hygiene while travelling is crucial to minimise the risk of spreading infections that lead to traveller's diarrhoea.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAzithromycin is an antibiotic used to treat and prevent traveller’s diarrhoea. It works by eliminating the bacteria responsible for the condition. While it is effective for diarrhoea caused by bacterial infections, it won't help with infections from parasites or viruses.\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 Azithromycin work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBacteria rely on proteins found in cells to survive and multiply. When these proteins are present, the bacteria can grow and spread, worsening the symptoms of traveller’s diarrhoea.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAzithromycin works by stopping the bacteria from producing the proteins it needs, which weakens it and prevents it from multiplying.\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 Azithromycin are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAzithromycin comes in just one dosage size: 500mg. Typically, you take one tablet daily.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYour clinician can guide you on the right dose of Azithromycin and the best time to take it. If Azithromycin isn't suitable for you, they may recommend other treatments for traveller’s diarrhoea.\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 Azithromycin?\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 Azithromycin, it's important to get medical help straight away. You can do this by contacting a doctor or pharmacist, or by heading to the nearest hospital. Symptoms of taking too much Azithromycin include feeling sick, vomiting, and hearing loss. Make sure to bring your medication with you to the hospital so you can show the healthcare professional 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 Azithromycin, take it as soon as you remember. However, if it's nearly time for your next dose, just skip the missed one and carry on with your usual schedule. Never take 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 have any questions about your treatment, you can log into your Treated account and message one of our expert clinicians for advice and reassurance.\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 Azithroymcin similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are alternative antibiotic treatments for traveller's diarrhoea. For example, Xifaxanta has a different active ingredient but functions similarly to Azithromycin.\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\"\u003eAzithromycin is a generic medicine, while Xifaxant is a branded one. They function in the same way, but the packaging and tablets might look a bit different. Generally, Azithromycin is a bit more affordable since it's the generic option.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Azithromycin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eResearch indicates that Azithromycin can lower the incidence of traveller’s diarrhoea by more than 90%.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eResearch indicates that it can relieve traveller’s diarrhoea in just 72 hours.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAntibiotic treatment typically reduces the length of diarrhoea symptoms by one to two days.\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\"\u003eIt's a treatment that's widely used by organisations around the world, including the US Military, because it's easy to take and convenient for travel.\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 Azithromycin?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAzithromycin is an antibiotic that you can only get with a prescription. A healthcare professional will need to discuss your health, medical history, and travel plans with you before they can prescribe it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf your clinician believes Azithromycin isn't right for you, they can recommend other treatments for traveller’s diarrhoea. People react differently to medication and new surroundings. If Azithromycin doesn't seem to be effective, have a chat with your clinician.\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 Why should I buy Azithryomycin online with Treated?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTreated assists you in making informed choices about your medication. Discuss your health with us, and we'll identify treatments specifically suited to 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\"\u003eIf you encounter any issues or simply need some advice, feel free to log in to your account and send a message to our clinician. Even if you don't have any questions, we'll still reach out to you once your treatment begins to ensure it's effective and that you're satisfied with it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you travel frequently, our user-friendly subscriptions could be just what you need. They're flexible and can be changed, paused, or cancelled without any hassle. We'll deliver your medication straight to your door in discreet packaging.\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\"\u003eAzithromycin 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 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\/2272\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"250mg \/ 6 Tablets","offer_id":54299911946584,"sku":"AZITHROMYCIN-250-6","price":34.95,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 6 Tablets","offer_id":54299911979352,"sku":"AZITHROMYCIN-500-6","price":34.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Azithromycin-500mcg-blister-copy-2-1.png?v=1738931425"},{"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"},{"product_id":"stugeron-tablets-motion-sickness","title":"Stugeron Tablets","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eStugeron Tablets Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eStugeron is used to treat motion sickness and contains the active ingredient Cinnarizine.\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 prevent and ease nausea, vomiting, and dizziness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThese tablets are meant for occasional use only, not for regular motion sickness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are Stugeron travel sickness tablets?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you're travelling by car or boat, Stugeron tablets can help ease the symptoms of motion sickness. The active ingredient in Stugeron, Cinnarizine, works in a few ways to alleviate your discomfort. It's an antihistamine that blocks the H1 histamine receptor, which helps lessen the impact of histamine on your brain.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eResearch indicates that cinnarizine prevents calcium ions from passing through the sensory cells in your inner ear. These cells are responsible for detecting movement and helping you stay balanced, so limiting this movement can help lessen nausea. Additionally, it aids in maintaining the flow of a fluid called endolymph, which carries signals between your sensory cells and the brain. Keeping this flow steady should help alleviate your motion sickness 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 are Stugeron tablets suitable for?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMost adults and children over five can generally take Stugeron tablets without problems. However, if you're allergic to cinnarizine or any of the other inactive ingredients in Stugeron, such as lactose monohydrate, maize starch, sucrose, talc, magnesium stearate, or povidone, you should avoid this medicine. Additionally, if you are pregnant or breastfeeding, it's best not to take Stugeron. Instead, have a chat with your clinician if you're expecting and need a remedy for motion sickness.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eBefore taking Stugeron, it's important to talk to your clinician if any of the following apply to you:\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\"\u003eYou have Parkinson’s disease.\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\"\u003eYou have porphyria, which is an inherited blood disorder.\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\"\u003eYou have liver or kidney problems;\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\"\u003eYou have an intolerance to fructose or galactose;\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\"\u003eYou consume alcohol;\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\"\u003eYou're using a type of tranquiliser to help relax your muscles or ease anxiety.\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\"\u003eYou're using tricyclic antidepressants or sleeping tablets to help with mood or sleep problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses does Stugeron come in?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eStugeron tablets come in just one dosage, which is 15 mg of cinnarizine. Adults and children over 12 can take 30 mg before travelling, followed by 15 mg every eight hours. For children under 12, the dose is 15 mg before travelling, then 7.5 mg every eight hours.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take for Stugeron 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\"\u003eStugeron may take a few hours to work completely after you've taken it. Therefore, it's a good idea to take your tablet at least two hours before starting your journey. It might take up to four hours to experience the full effects of Stugeron.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake taking Stugeron?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eOnly take Stugeron tablets as directed by your healthcare professional. If you or someone else accidentally takes too many, seek medical help immediately. Common symptoms of an overdose of cinnarizine, the active ingredient in Stugeron, include:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlterations in awareness, ranging from feeling dizzy to being in a stupor or coma;\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\"\u003eVomiting;\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\"\u003eMovement disorders caused by medication; 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\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eReduced muscle tone.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Are there any alternatives to Stugeron tablets?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAbsolutely, there are many options available if you're seeking a way to manage motion sickness. Scopoderm patches are one option; they're adhesive patches you place behind your ear, and they can be effective for up to three days. If you have several trips planned in a short span, Scopoderm might be a suitable choice 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\"\u003eIf you're looking for a different oral tablet for motion sickness, Kwells is another choice. These tablets contain hyoscine hydrobromide, which works on the parts of your inner ear that control balance. It stops your ears from sending signals to your brain that trigger motion sickness, helping to relieve 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\"\u003eResearch indicates that taking cinnarizine orally tends to result in fewer side effects compared to hyoscine hydrobromide. In one study, even when cinnarizine was taken in higher doses, there were hardly any notable side effects. Therefore, if you're looking for a motion sickness tablet with a lower chance of causing side effects, Stugeron might be a better choice.\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 effective is Stugeron?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCinnarizine has been shown to effectively treat motion sickness in double-blind, placebo-controlled trials. In one study, 95 men were split into three groups, each receiving either 50 mg of cinnarizine, 25 mg, or a placebo before embarking on a four-to-six hour journey in rough seas with 3.5m waves. Of those taking the 50 mg dose, 65% reported feeling better compared to previous journeys, while 41% of those on 25 mg and 31% of those on a placebo felt the same improvement. None of the groups experienced any significant side effects.\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 Stugeron for vertigo?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do Stugeron tablets have any side effects?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eJust like any other medication, Stugeron tablets can cause side effects. However, they're usually mild and don't affect everyone. If you notice a rash, feel short of breath, start wheezing, experience swelling of your eyelids, face, or lips, or if you collapse, stop taking Stugeron immediately. These could be signs of an allergic reaction, so it's important to contact a doctor straight away.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe usual side effects of Stugeron are:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor more details on the potential side effects of Stugeron, have a look at the patient information leaflet.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do you need a prescription for Stugeron?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNo, Stugeron is available directly from the pharmacy. You'll need a pharmacist to assess if it's safe for you to use, but you won't necessarily need a prescription from a doctor.\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\"\u003eStugeron tablets aren't suitable for everyone, and there are a few things you should keep in mind when using them.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information 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\/371\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"15mg \/ 15 Tablets","offer_id":54299970044248,"sku":"STUGERON TABLETS-15-15","price":26.95,"currency_code":"GBP","in_stock":true},{"title":"15mg \/ 30 Tablets","offer_id":54299970077016,"sku":"STUGERON TABLETS-15-30","price":37.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/7pill-silver_blister-pack-1_2c0995db-f203-4f13-950d-477bb9002a9c.png?v=1738931687"},{"product_id":"kwells-motion-sickness","title":"Kwells","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\u003eKwells 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\"\u003eKwells tablets offer quick relief from motion sickness.\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 focuses on the inner ear organs and nerves that lead to nausea.\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 ideal to take one tablet 20-30 minutes before you begin your journey.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are Kwells travel sickness tablets?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eKwells travel sickness tablets offer a quick, melt-in-the-mouth remedy for motion sickness. Motion sickness happens when your brain gets mixed signals about your environment. Your eyes might say you're staying still, but your inner ear signals that you're moving. This confusion leads to the nausea known as travel sickness.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eKwells tablets have hyoscine hydrobromide as their active ingredient. This works on the inner ear organs that control balance, helping to lessen the impact of movement on them and calming the nerves that trigger nausea. By doing this, it prevents your ears from sending mixed signals to your brain, which should help relieve the symptoms of motion sickness.\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 are Kwells tablets suitable for?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMost adults and children over 10 can safely take Kwells motion sickness tablets. However, you should avoid them if:\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\"\u003eyou're allergic to hyoscine hydrobromide, which is the active ingredient in Kwells, or any of its other ingredients;\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\"\u003eyou have glaucoma, a blockage in the intestines known as paralytic ileus, a narrowing at the stomach's exit called pyloric stenosis, muscle weakness due to myasthenia gravis, or an enlarged prostate gland.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou should avoid taking Kwells tablets if you're on any of the following medications, unless your doctor has specifically advised you to do so: Amantadine (an antiviral), antihistamines, antipsychotics, antidepressants, linezolid (an antibiotic), domperidone and metoclopramide (for nausea and vomiting), or sublingual nitrates (for angina).\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses do Kwells tablets come in?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eKwells tablets are available in a single strength, with each tablet containing 300 micrograms of hyoscine hydrobromide. The tablets have a line down the middle, making it easy to split them into two 150 microgram doses. Adults can take one tablet every six hours if needed, but should not exceed three tablets in a 24-hour period. Children over 10 years old can take either half a tablet or a full tablet every six hours, but should also not take more than three tablets in 24 hours.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere's a version of Kwells specifically for children, known as Kwells Kids. Each Kwells Kids tablet has 150 micrograms of hyoscine hydrobromide.\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 do Kwells tablets 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\"\u003eKwells tablets provide quick relief from motion sickness, working in just 20-30 minutes. They dissolve in your mouth, allowing your body to absorb them more quickly than if they went through your stomach, so you feel better sooner. Kwells tablets work so swiftly that you don't need to remember to take them before your journey; simply take one as soon as you notice symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake taking Kwells tablets?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eAlways take Kwells tablets exactly as directed. Do not take more than one tablet every six hours, and never exceed three tablets in a 24-hour period. If you accidentally take too many, seek medical help straight away. Symptoms of an overdose may include a fast or irregular heartbeat, blurred vision, sensitivity to light, drowsiness, difficulty urinating, and hallucinations. Treatment might involve having your stomach washed out or inducing vomiting to remove the substance from your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do you need a prescription to take Kwells?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou can buy Kwells without a prescription, as it's available over the counter at most UK pharmacies to help with motion sickness. Since it's a pharmacy medicine, a pharmacist will need to ensure it's right for you before you use it. Always follow the instructions that come with your medicine to ensure it works effectively.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective are Kwells tablets?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIn more than 14 studies involving 1,025 people, the active ingredient in Kwells tablets, hyoscine hydrobromide, has been shown to be more effective than a placebo in preventing motion sickness. Additionally, in the limited comparisons made between hyoscine hydrobromide and other treatments like antihistamines, calcium channel blockers, and methscopolamine, it was found to be as good as or even better than these alternatives.\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 children take Kwells travel sickness tablets?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCertainly! Children aged over 10 can take half to a whole Kwells 300 microgram tablet every 6 hours to help with motion sickness. Kwells tablets have a line down the middle, making them easy to split in half.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere's another option suitable for children aged four and above. It's called Kwell Kids and comes in 150 microgram tablets.\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 use Kwells tablets for sea sickness?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, the military has been using hyoscine hydrobromide skin patches to treat seasickness for many years.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA study looked at 76 naval crew members over two trips to compare hyoscine hydrobromide with cinnarizine, an antihistamine used for seasickness. The results showed that hyoscine patches were much more effective and caused fewer side effects.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAlthough this study focused on skin patches instead of tablets, the active ingredient and dosage remain the same—it's just the method of taking it that's different.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What are alternatives to Kwells?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePhenergan tablets are an alternative option for managing travel sickness. They contain an antihistamine that not only treats allergies but also works on the brain to help you feel calmer.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eUnlike Kwells, you should take Phenergan the night before your trip. So, it might not be suitable if you need quick relief from travel sickness.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou might find Scopoderm skin patches a better option. You'll need to apply them five to six hours before you travel, so some planning is needed, but they can offer relief for up to 72 hours.\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've got a lot of travel planned in the next few days, Scopoderm might be the ideal treatment for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can Kwells tablets cause side effects?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eLike with any medicine, you might experience some side effects when taking Kwells, though not everyone does. These can include blurred vision, dilated pupils, dry mouth, drowsiness, and dizziness. In rare cases, people have reported feeling restless, experiencing hallucinations, or feeling confused.\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\"\u003eKwells tablets aren't suitable for everyone, and there are a few things you should be mindful of 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 about them. 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\/11746\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"300mcg \/ 12 Tablets","offer_id":54299972338008,"sku":"KWELLS-300mcg-12","price":19.95,"currency_code":"GBP","in_stock":true},{"title":"300mcg \/ 24 Tablets","offer_id":54299972370776,"sku":"KWELLS-300mcg-24","price":26.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_f9893bd5-8448-44ad-b301-535338cdfece.png?v=1738933375"},{"product_id":"cinnarizine-motion-sickness","title":"Cinnarizine","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\u003eCinnarizine 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\"\u003eCinnarizine helps relieve symptoms of motion sickness.\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 blocking histamine receptors, which in turn reduces nausea.\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\"\u003eTake it 2 hours before you travel and then every 8 hours afterwards.\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 Cinnarizine?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCinnarizine is a tablet that helps with motion sickness. It prevents nausea, allowing you to travel comfortably. Simply take Cinnarizine a few hours before you get into a vehicle or do anything else that might cause motion sickness. This way, it helps stop you from feeling unwell.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMotion sickness is when you feel nauseous due to movement. It often happens while travelling in cars or trains. This occurs because your eyes and inner ear send conflicting signals to your brain, leading to the nausea and sometimes vomiting associated with motion sickness.\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 Cinnarizine work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCinnarizine is a medication known as an H1 antihistamine. These antihistamines work by blocking the effects of histamines on H1 and ACh receptors in the brain. Histamines are chemicals naturally produced in the body, but during motion sickness, an excess of them can activate the H1 and ACh receptors, impacting your vestibular system, which is responsible for balance.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFirst generation antihistamines, such as Cinnarizine, work by blocking your H1 and ACh receptors, which influence your vestibular system. By taking Cinnarizine, it prevents excess histamines from acting in your brain, helping to relieve motion sickness.\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 Cinnarizine are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCinnarizine is available in 15mg tablets. For motion sickness, it's typical to take two tablets two hours before you start your journey. If you're on a lengthy trip, such as a long flight, boat, or car ride, you would generally take an additional 15mg tablet every eight hours.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYour clinician can assist you in determining the exact dose that's best for you. You might start with a lower dose and discover you need a bit more to manage your symptoms. If you discuss your motion sickness with us, we can help you choose the right treatment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Cinnarizine 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\"\u003eCinnarizine typically begins to work a few hours after you take the tablets. It's best to take it a couple of hours before you're in a situation that might cause motion sickness, so it's effective before you start travelling. The amount of Cinnarizine in your blood reaches its highest between one and three hours after taking it, and a single dose can remain in your system for up to 24 hours. If your journey lasts longer, you'll need to take another dose eight hours in, but this is usually just a half dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake while taking Cinnarizine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eCinnarizine is a first-generation antihistamine, so it often causes drowsiness. It's not advisable to use it for motion sickness if you're driving or doing anything that could be risky if you become drowsy. If you forget to take a dose, take it as soon as you remember. However, if it's almost time for your next dose, just skip the missed one and continue as usual. Don't take a double dose to make up for the one you missed. If you accidentally take too much Cinnarizine, seek medical help immediately.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Cinnarizine different from other treatments for motion sickness?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you've been dealing with motion sickness for some time, you've likely tried a few remedies. Self-care techniques such as slow breathing and opening windows can help make the symptoms more manageable, but they usually don't eliminate them completely.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou might have given acupressure bands a go for motion sickness, but research has shown they don't actually work.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSince it's a tablet, you might find Cinnarizine more convenient than other options like Scopoderm, which is available as a patch.\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 Cinnarizine similar to any other treatment?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eStugeron is a brand-name medicine that contains the same active ingredient as Cinnarizine, in the same dosage. Therefore, it should function in much the same way. The main differences between Stugeron and Cinnarizine are their names, appearance, and cost. As Cinnarizine is a generic medicine, it is usually less expensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are other first-generation antihistamines that can help with motion sickness. The most common one is Promethazine. Both Cinnarizine and Promethazine function in similar ways since they belong to the same drug group. However, they contain different active ingredients, so one might be more effective 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 How effective is Cinnarizine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCinnarizine is effective for various types of motion sickness. In a study focusing on its impact on seasickness, 65% of participants experienced a noticeable improvement in symptoms after taking a 50mg dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere are a few self-care tips for motion sickness that can enhance the effectiveness of Cinnarizine. When travelling by car, sit in the front seat, and if you're on a boat, choose a spot in the middle. Ensure you get plenty of fresh air and avoid eating heavy or greasy foods. Ginger can also be helpful in reducing nausea.\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 Cinnarizine?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCinnarizine is a medication available at the pharmacy. You won't need a prescription for it, but you'll need to speak with a licensed clinician before getting it from a registered pharmacy. If you're looking for help with motion sickness, we're here for you. Share your health details with us, and we'll suggest some treatments that could work 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\"\u003eIf Cinnarizine is suitable for you, our clinicians can approve it online. After that, you can have your medication delivered directly to you, ready for your trip.\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 Why should I buy Cinnarizine online with Treated?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAt Treated, we tailor healthcare to suit your needs. If you're dealing with motion sickness, we're here to assist you right from your home. Simply share your health concerns with us, and we'll help you find the appropriate treatment.\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\"\u003eWith our flexible subscription plans, you'll always have the medication you need. Plus, it’s delivered straight to your door for maximum convenience. If you need any help or advice, our experts are here for you. Simply log into your account and send a message to our clinicians whenever you like.\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\"\u003eCinnarizine isn't right for everyone, and there are a few things you should know before taking it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.drugs.com\/uk\/pdf\/leaflet\/1011581.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":"15mg \/ 84 Tablets","offer_id":54299972763992,"sku":"CINNARIZINE-15-84","price":54.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Cinnarizine-1.png?v=1738931694"},{"product_id":"phenergan-motion-sickness","title":"Phenergan","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\u003ePhenergan 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\"\u003ePhenergan is a medicine used to ease nausea and stop vomiting.\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 promethazine hydrochloride, which works by blocking histamine receptors in the brain.\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\"\u003ePhenergan is usually taken by mouth one to two hours before you travel.\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 Phenergan?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePhenergan is a medication used to relieve nausea and motion sickness. It's commonly taken for everyday travel sickness and can also help reduce symptoms like vomiting and pain after surgery.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNausea can be caused by a variety of things, such as acid reflux, migraine, or food poisoning. Figuring out the cause can help you avoid triggers or spot symptoms early on.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePhenergan contains promethazine hydrochloride, which is a type of medicine known as a phenothiazine. It helps by blocking histamine, a chemical your body makes too much of during an allergic reaction. So, in addition to treating nausea effectively, Phenergan is also used to ease allergy 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 Phenergan work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePhenergan reduces the impact of histamine by altering how brain chemicals function. Its active ingredient, promethazine, lessens the sensitivity of histamine receptors in the brain area linked to vomiting.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe tablets work by blocking these receptors, but they don't stop histamine from being released. This prevents the vomiting centre from being triggered by inflammation, which can help reduce nausea and relieve motion sickness.\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 Phenergan are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePhenergan is available in 10mg, 20mg, and 25mg doses. The amount you need will depend on how your nausea or motion sickness is impacting you. A healthcare professional can guide you on the right dose for you and the maximum amount you can take daily.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTo help prevent motion sickness, it's generally advised to take 25mg of promethazine one to two hours before you set off. You might also take it the night before travelling. If you're uncertain about which tablet strength is right for you, feel free to ask us any questions. You can log into your account and send us a message whenever you need.\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 Phenergan 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\"\u003ePhenergan works quickly to relieve nausea, and you should start feeling better within 20 minutes of taking it. If your symptoms don't seem to improve, don't take more than the recommended dose. It's important to consult your doctor or healthcare professional if you have any concerns or questions.\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\"\u003eFor how long can I take Phenergan?\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eYou shouldn't take Phenergan for more than seven days. If your symptoms haven't got better after a week, it's best to talk to your clinician. They will guide you on 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 should I do if I make a mistake when taking Phenergan?\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 Phenergan than recommended, it's important to get medical help straight away. If you miss a dose, don't take an extra one to make up for it. Simply take it when you remember, or if it's nearly time for your next dose, just skip the missed one.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Phenergan similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePhenergan is similar to other antihistamines used for nausea, like Buccastem M and Cyclizine. They all help with nausea and sickness but contain different active ingredients. Since antihistamines can affect people differently, you might find that one works better for you than another. It may take some trial and error to find the one that suits you best.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Phenergan should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe amount of Phenergan you need will generally depend on how bad your nausea or travel sickness is. Your doctor will decide this after you've had a consultation.\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 Phenergan?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePhenergan is seen as an effective treatment for nausea, much like other antihistamine medicines that address nausea.\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\"\u003ePhenergan has been proven to be much more effective than a placebo.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Who is Phenergan for?\n \u003c\/h3\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Phenergan?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou'll need a prescription to take Phenergan. This ensures the prescriber can confirm it's safe and appropriate for you. They'll also determine the right dose by considering how severe your symptoms are and what might be causing them.\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\"\u003ePhenergan isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about it. If 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\/5588\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"10mg \/ 56 Tablets","offer_id":54299973157208,"sku":"PHENERGAN-10-56","price":38.95,"currency_code":"GBP","in_stock":true},{"title":"25mg \/ 56 Tablets","offer_id":54299973189976,"sku":"PHENERGAN-25-56","price":38.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/phenergan_blister-pack.png?v=1738931697"}],"url":"https:\/\/westburychemist.net\/collections\/gastrointestinal-health.oembed","provider":"Westbury Chemist","version":"1.0","type":"link"}