{"product_id":"trimethoprim-urinary-tract-infection","title":"Trimethoprim","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\u003eTrimethoprim 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\"\u003eTrimethoprim is an antibiotic used to treat urinary tract infections, including cystitis\u003c\/span\u003e\n                                                        \u003c\/div\u003e\n                                                        \n                                                    \n                                                        \n                                                        \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n                                                            \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n                                                            \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eYou take one tablet twice a day, usually for 3 days\u003c\/span\u003e\n                                                        \u003c\/div\u003e\n                                                        \n                                                    \n                                                        \n                                                        \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n                                                            \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n                                                            \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt is a first-choice antibiotic when the risk of resistance is low\u003c\/span\u003e\n                                                        \u003c\/div\u003e\n                                                        \n                                                    \n                                                \n                                            \u003c\/div\u003e\n                                        \u003c\/div\u003e\n                                    \n                                \u003c\/div\u003e\n                            \n                        \u003c\/div\u003e\n                    \n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003c!-- Essential Info --\u003e\n        \n        \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n            \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n                \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n                    \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n                    \u003cspan\u003eEssential Information\u003c\/span\u003e\n                \u003c\/span\u003e\n                \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n            \u003c\/button\u003e\n            \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n                \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n                    \n                    \n                        \n                            \n                            \n                            \n                            \n                            \n                            \n                    \n                \u003cdiv class=\"question-card\"\u003e\n                                \u003ch3 class=\"question-title\"\u003e\n                                    \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e What is Trimethoprim?\u003c\/h3\u003e\n                                \n                                \n                                \n                        \n                    \n                        \n                            \n                                \n                            \n                        \n                    \n                        \n                            \n                                \n                            \n                        \n                    \n                        \n                            \n                                \n                            \n                        \n                    \n                        \n                            \n                                \u003cdiv class=\"mb-6\"\u003e\n                                    \u003cp class=\"content-text\"\u003eTrimethoprim is an antibiotic used to treat bacterial infections, most often infections of the bladder and urinary tract such as cystitis.\u003c\/p\u003e\n                                \u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n                                    \u003cp class=\"content-text\"\u003eA urinary tract infection (UTI) happens when bacteria get into the urethra and bladder. Common symptoms include a burning or stinging feeling when you pass urine, needing to pass urine more often or more urgently, and cloudy or strong-smelling urine.\u003c\/p\u003e\n                                \u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n                                    \u003cp class=\"content-text\"\u003eMost uncomplicated UTIs clear quickly with a short course of the right antibiotic.\u003c\/p\u003e\n                                \u003c\/div\u003e\n\u003c\/div\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 How does Trimethoprim work?\u003c\/h3\u003e\n                                \n                                \n                                \n                        \n                    \n                        \n                            \n                                \n                            \n                        \n                    \n                        \n                            \n                                \n                            \n                        \n                    \n                        \n                            \n                                \n                            \n                        \n                    \n                        \n                            \n                                \u003cdiv class=\"mb-6\"\u003e\n                                    \u003cp class=\"content-text\"\u003eTrimethoprim stops bacteria from making folic acid, which they need to grow and multiply. This stops the infection from spreading and allows your body to clear it.\u003c\/p\u003e\n                                \u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n                                    \u003cp class=\"content-text\"\u003eUK guidance recommends trimethoprim as a first-choice antibiotic for uncomplicated lower UTIs when the risk of resistance is low, for example if you have not taken trimethoprim in the last three months.\u003c\/p\u003e\n                                \u003c\/div\u003e\n\u003c\/div\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 What doses of Trimethoprim are there?\u003c\/h3\u003e\n                                \n                                \n                                \n                        \n                    \n                        \n                            \n                                \n                            \n                        \n                    \n                        \n                            \n                                \n                            \n                        \n                    \n                        \n                            \n                                \n                            \n                        \n                    \n                        \n                            \n                                \u003cdiv class=\"mb-6\"\u003e\n                                    \u003cp class=\"content-text\"\u003eWe supply trimethoprim as 200mg tablets.\u003c\/p\u003e\n                                \u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n                                    \u003cp class=\"content-text\"\u003eWomen with an uncomplicated UTI usually take one tablet twice a day for 3 days, which is 6 tablets. Men usually take the same dose for 7 days, which is 14 tablets.\u003c\/p\u003e\n                                \u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n                                    \u003cp class=\"content-text\"\u003eOur prescriber will confirm the right course for you based on your consultation.\u003c\/p\u003e\n                                \u003c\/div\u003e\n\u003c\/div\u003e\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                                \n                            \n                                \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 Does Trimethoprim work right away?\u003c\/h3\u003e\n                                    \n                                        \n                                            \n                                                \n                                            \n                                        \n                                            \n                                                \n                                            \n                                        \n                                    \n                                \u003cdiv class=\"tw-mb-6\"\u003e\n                                                    \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eMost people notice their symptoms improving within a few days. Swallow each tablet with a glass of water, with or without food, and space your doses about 12 hours apart.\u003c\/p\u003e\n                                                \u003c\/div\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n                                                    \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eKeep taking the tablets until the course is finished, even if you feel better. If your symptoms have not improved after 48 hours, or they get worse, speak to a doctor or pharmacist.\u003c\/p\u003e\n                                                \u003c\/div\u003e\n\u003c\/div\u003e\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 What should I do if I make a mistake when using Trimethoprim?\u003c\/h3\u003e\n                                    \n                                        \n                                            \n                                                \n                                            \n                                        \n                                            \n                                                \n                                            \n                                        \n                                    \n                                \u003cdiv class=\"tw-mb-6\"\u003e\n                                                    \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget a dose, take it as soon as you remember, unless it is nearly time for your next dose. Do not take a double dose to make up for a missed one.\u003c\/p\u003e\n                                                \u003c\/div\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n                                                    \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you take too much, contact a doctor or your nearest hospital emergency department straight away and take the pack with you.\u003c\/p\u003e\n                                                \u003c\/div\u003e\n\u003c\/div\u003e\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                        \n                    \n                        \n                    \n                        \n                    \n                        \n                    \n                \u003cdiv class=\"question-card\"\u003e\n                            \u003ch3 class=\"question-title\"\u003e\n                                \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Is Trimethoprim similar to any other treatments for UTIs?\u003c\/h3\u003e\n                            \n                                \n                                    \n                                        \n                                    \n                                \n                                    \n                                \n                                    \n                                        \n                                    \n                                \n                                    \n                                \n                                    \n                                \n                                    \n                                \n                                    \n                                        \n                                    \n                                \n                            \n                        \u003cdiv class=\"mb-6\"\u003e\n                                            \u003cp class=\"content-text\"\u003eNitrofurantoin is the other first-choice antibiotic for uncomplicated UTIs. Pivmecillinam is usually used if a first-choice antibiotic is not suitable or has not worked. Our prescriber will choose the most appropriate option for you.\u003c\/p\u003e\n                                        \u003c\/div\u003e\n\u003c\/div\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 Does Trimethoprim affect contraception?\u003c\/h3\u003e\n                            \n                                \n                                    \n                                        \n                                    \n                                \n                                    \n                                \n                                    \n                                        \n                                    \n                                \n                                    \n                                \n                                    \n                                \n                                    \n                                \n                                    \n                                        \n                                    \n                                \n                            \n                        \u003cdiv class=\"mb-6\"\u003e\n                                            \u003cp class=\"content-text\"\u003eTrimethoprim is not known to reduce the effectiveness of hormonal contraception. If you have vomiting or severe diarrhoea while taking it, follow the advice in your contraceptive pill leaflet, as this can stop the pill from being absorbed.\u003c\/p\u003e\n                                        \u003c\/div\u003e\n\u003c\/div\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 Will I get any side effects from using Trimethoprim?\u003c\/h3\u003e\n                            \n                                \n                                    \n                                        \n                                    \n                                \n                                    \n                                \n                                    \n                                        \n                                    \n                                \n                                    \n                                \n                                    \n                                \n                                    \n                                \n                                    \n                                        \n                                    \n                                \n                            \n                        \u003cdiv class=\"mb-6\"\u003e\n                                            \u003cp class=\"content-text\"\u003eSide effects are usually mild and include nausea, vomiting, diarrhoea, headache, and a rash or itching. Stop taking it and get medical advice straight away if you develop a severe rash, swelling of the face or throat, unexplained bruising or bleeding, a sore throat or a fever.\u003c\/p\u003e\n                                        \u003c\/div\u003e\n\u003c\/div\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 Can you get Trimethoprim over the counter?\u003c\/h3\u003e\n                            \n                                \n                                    \n                                        \n                                    \n                                \n                                    \n                                \n                                    \n                                        \n                                    \n                                \n                                    \n                                \n                                    \n                                \n                                    \n                                \n                                    \n                                        \n                                    \n                                \n                            \n                        \u003cdiv class=\"mb-6\"\u003e\n                                            \u003cp class=\"content-text\"\u003eNo. Trimethoprim is a prescription-only medicine. You can request it from Westbury Chemist by completing an online consultation, which our prescriber will review before your treatment is supplied.\u003c\/p\u003e\n                                        \u003c\/div\u003e\n\u003c\/div\u003e\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\"\u003eTrimethoprim isn't right for everyone. It is not usually recommended in pregnancy, or if you have a blood disorder, folate deficiency, severe kidney or liver problems or porphyria, and it can interact with medicines such as methotrexate, warfarin, phenytoin, digoxin and some blood pressure medicines. Here's all the official information on it. If anything doesn't make sense, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n                                    \u003c\/div\u003e\n                                \n                            \n                                \n                                    \u003cdiv class=\"mb-6\"\u003e\n                                        \n                                    \u003c\/div\u003e\n                                \n                            \n                                \n                                    \u003cdiv class=\"mb-6\"\u003e\n                                        \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\/search?q=trimethoprim%20200mg%20tablets\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n                                                \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n                                                \n                                                    Official Information\n                                                \n                                            \u003c\/a\u003e\n                                        \n                                    \n                                \u003c\/div\u003e\n                            \n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n\n        \u003c!-- Key Points --\u003e\n        \n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        function toggleAccordion(id) {\n            const content = document.getElementById(id);\n            const button = content.previousElementSibling;\n            const icon = button.querySelector('.chevron-icon');\n            const allContents = document.querySelectorAll('.accordion-content');\n            const allIcons = document.querySelectorAll('.chevron-icon');\n            \n            allContents.forEach(item =\u003e {\n                if (item !== content \u0026\u0026 item.classList.contains('active')) {\n                    item.classList.remove('active');\n                }\n            });\n            \n            allIcons.forEach(icon =\u003e {\n                icon.classList.remove('active');\n            });\n            \n            content.classList.toggle('active');\n            icon.classList.toggle('active');\n        }\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"200mg \/ 6 Tablets","offer_id":59118916632920,"sku":"TRIMETHOPRIM-200-6","price":14.95,"currency_code":"GBP","in_stock":true},{"title":"200mg \/ 14 Tablets","offer_id":59118916665688,"sku":"TRIMETHOPRIM-200-14","price":19.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/trimethoprim-200mg-tablets-uti_548ff2bc-1c85-4b33-8117-c1dac5600cc6.jpg?v=1794597213","url":"https:\/\/westburychemist.net\/products\/trimethoprim-urinary-tract-infection","provider":"Westbury Chemist","version":"1.0","type":"link"}