{"title":"Colds","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eColds and sinus infections are common and may cause a blocked or runny nose, facial pressure, headache, sore throat, and congestion. Treatment may include pain relief, decongestants, nasal sprays, or other clinically appropriate medicines.\u003c\/p\u003e","products":[{"product_id":"actifed-tab-multi-action","title":"Actifed Multi-Action 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\u003eactifed-tab-multi-action Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eExperience fast, effective relief from allergies with Actifed Tab Multi-Action. These powerful tablets combat multiple symptoms such as nasal congestion, watery eyes, and sneezing. Containing potent active ingredients, these tablets work swiftly to free you from allergy discomfort. Get back to feeling your best with Actifed Tab Multi-Action, your trusted ally in fighting against allergies. Suitable for adults and children above 12 years. Always follow the package instructions for correct dosage.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eActifed Multi-Action Tablets should be taken orally.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAdults and Children over 12 years: Take one tablet every 4-6 hours up to four times a day.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChildren 6-12 years: Take half a tablet every 4-6 hours up to four times a day.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eEnsure to swallow the tablet with a glass of water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dose and do not take continuously for more than 5 days without medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways read the patient information leaflet provided in the packet for further details and seek medical advice if symptoms persist.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTriprolidine hydrochloride, Pseudoephedrine hydrochloride, Paracetamol\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic reactions: Some people might experience symptoms like rash, itching, swelling, dizziness, or difficulty breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrowsiness: Actifed Multi-Action Tablets can cause drowsiness or dizziness. Avoid driving or using any machinery while taking this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eInteraction with alcohol: Alcohol may enhance the sedative effect of this medicine, causing excessive drowsiness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid in certain conditions: Patients with high blood pressure, heart disease, diabetes, thyroid disorders, or urinary retention should avoid these tablets unless directed by a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnancy \u0026amp; breastfeeding: Consult a healthcare professional before use if pregnant, breastfeeding, or planning on becoming pregnant.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOverdose: If taken excessively, it may lead to symptoms such as nausea, vomiting, confusion, agitation, etc.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, this is not a complete list of side effects and others may occur. Always consult a healthcare professional for medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis information is generalized and not intended as specific medical advice. Consult your healthcare provider to discuss your specific circumstances.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid if allergic to any ingredients in Actifed.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMay cause drowsiness, avoid driving or operating machinery until you know how it affects you.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid alcohol as it can increase drowsiness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you have a history of heart problems, high blood pressure, or glaucoma.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor before use if you are pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCheck with a doctor before using if you have kidney or liver problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSeek medical attention immediately if you experience difficulty breathing, swelling or severe rashes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54299776811352,"sku":"ACT0053R","price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject_86_5.png?v=1738875395"},{"product_id":"sudafed-sinus-pressure-and-pain-tablets","title":"Sudafed Sinus Pressure \u0026 Pain Max Strength 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\u003esudafed-sinus-pressure-and-pain-tablets Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAdults and children over 12 years of age should take 1 to 2 tablets every four to six hours, not exceeding 8 tablets in 24 hours. Tablets should be swallowed whole with a glass of water, and can be taken with or without food.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dose. If symptoms persist or get worse, stop use and consult your doctor. Not suitable for use by children under 12 years. Do not take for more than 5 days without consulting your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to always seek the advice of your healthcare provider with any questions you may have regarding medication instructions and possible side effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIbuprofen, Pseudoephedrine hydrochloride\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePotential side effects can include difficulty sleeping, dizziness, racing heartbeat, nausea, vomiting or skin rash.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not consume alcohol whilst taking these tablets, as it can enhance side effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid driving or operating machinery until you know how these tablets affect you. They may cause dizziness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take this medication if you have high blood pressure, heart disease, or if you are pregnant unless prescribed by a doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis medication can occasionally cause allergic reactions. Seek immediate medical attention if you notice any symptoms of an allergic reaction such as swelling, severe rash, or difficulty breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take more than the recommended dosage. Severe side effects may occur from abuse or misuse of this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways consult with a healthcare professional before starting any new medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, safety first. It's important to follow the recommended dosage and precautions to avoid any harmful side effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid if you have high blood pressure, heart disease or glaucoma.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take if allergic to any ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways check with a doctor if on other medication, especially other decongestants or MAOI inhibitors.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for pregnant or breastfeeding women without a physician's advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDon't exceed the recommended dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid alcohol when taking this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMay cause dizziness, avoid driving or operating machinery if affected.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCan cause insomnia if taken too close to bedtime.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways read the patient information leaflet before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Pharmacy Only","offers":[{"title":"24","offer_id":54299779203416,"sku":"SUD0098E24","price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-21T212535.927.png?v=1738875478"},{"product_id":"night-nurse-cold-remedy-160ml","title":"Night Nurse Liquid Cold Remedy 160ml","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\u003enight-nurse-cold-remedy-160ml Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eGet quick relief from cold symptoms with Night Nurse Cold Remedy. Specially formulated to combat the discomfort associated with cold and flu symptoms, this provides full night relief for tickly cough, shivers, aches, and congested nose. Get better sleep with its powerful formula and wake up feeling refreshed and symptom-free. Discover the strength and efficacy of Night Nurse Cold Remedy, a trusted household name for effective cold therapies. Suitable for adults and children over 12 years.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eShake the bottle well before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAdults and children aged 12 years and over: Take 20ml, roughly equivalent to two 10ml spoonfuls, just before bedtime.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eUse the dosage cup provided in the package for accurate measurement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dosage and ensure to leave at least six hours between doses.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take more than one dose per night.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist, consult a doctor or pharmacist. Do not use for more than 7 days without medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBe aware that this medicine may cause drowsiness; avoid driving or operating heavy machinery while under its effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eEnsure to read the enclosed leaflet for any additional information.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eParacetamol, Promethazine hydrochloride, Dextromethorphan hydrobromide, ethanol, propylene glycol, sodium content, sucrose, glucose\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid driving or operating heavy machinery as it may cause drowsiness or dizziness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid alcohol as it can increase the sedative effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSide effects may include dry mouth, blurred vision, difficulty in passing urine and gastric disturbances.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eProlonged usage beyond recommended time may lead to dependency.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor if symptoms persist or get worse.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years old.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMay cause allergic reactions in some people.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways follow the dosage instructions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor before use if pregnant, breastfeeding, or if you have a medical condition or are taking other medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid consuming alcohol while taking this medicine.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years old.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid driving or operating machinery as this medicine may cause drowsiness or dizziness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis medicine should not be used during pregnancy or breastfeeding without medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist after a few days, contact a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor before use if you have liver or kidney disease, heart problems, asthma, or any other serious health condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product contains paracetamol; do not take other medicines containing paracetamol concurrently.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you are allergic to any of the ingredients in this medicine.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of the reach and sight of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54299781726552,"sku":"NIG0002F","price":7.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-09-23T224231.655.png?v=1738875532"},{"product_id":"night-nurse-capsules","title":"Night Nurse 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\u003enight-nurse-capsules Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eExperience swift relief from cold, cough, and flu symptoms with our Night Nurse Capsules. Perfectly formulated with soothing ingredients to aid sound sleep, these capsules are an ideal addition to your self-care routine. Strengthen your immunity and ward off pesky nighttime discomforts with our effective, fast-acting treatment. And remember, a healthy night's sleep is just a Night Nurse capsule away!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAdults and children aged 16 years and over: Take two capsules just before bedtime.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSwallow the capsules whole with water. Do not chew.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take more than the recommended dose in 24 hours.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not operate machinery or drive after taking the capsules as it may cause drowsiness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not give to children under 16 years, unless your doctor tells you to.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use continuously for more than 7 days without medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not drink alcohol while taking Night Nurse Capsules.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to read the enclosed leaflet before taking this medicine.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eParacetamol, Dextromethorphan Hydrobromide, Promethazine Hydrochloride\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic reactions: Some people may experience a rash, itching, swelling (especially of the face\/tongue\/throat), severe dizziness, or difficulty breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrowsiness: The medication may cause you to feel drowsy, which could impair your ability to drive or operate machinery.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDependency: Prolonged use of Night Nurse Capsules may lead to dependency.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGastrointestinal issues: Some people might experience an upset stomach, constipation, or dry mouth.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCardio issues: It can cause palpitations and elevated blood pressure in rare cases.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid alcohol: Alcohol can increase the sedative effects and should be avoided while using this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways consult with a healthcare professional for proper usage and dosage. Do not exceed recommended dose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid if allergic to any ingredient in Night Nurse Capsules.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed recommended dose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 16 years of age.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take with other medications containing paracetamol.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid alcohol while using this medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult doctor before use if pregnant, planning to become pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCan cause drowsiness; avoid driving or operating machinery if affected.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult doctor if symptoms persist or get worse.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54299781824856,"sku":"NIG0004U","price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-09-23T223826.128.png?v=1738875536"},{"product_id":"nurofen-cold-flu-relief","title":"Nurofen Cold \u0026 Flu 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\u003enurofen-cold-flu-relief Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eExperience immediate relief from the discomforting symptoms of cold and flu with Nurofen Cold \u0026amp; Flu Relief. It's highly effective, reducing fever, managing pain, and alleviating congestion. Made with trusted ingredients designed to help your body recover faster, ensuring you get back on your feet quickly. Don't let colds and flu slow you down, trust Nurofen Cold \u0026amp; Flu Relief for fast-acting and lasting results.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAdults and children aged 12 years and over: Take 2 tablets with water, then if necessary, take 1-2 tablets every four hours. Do not exceed 6 tablets in 24 hours.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTake the tablets with or after food.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe tablets should be swallowed whole and not chewed or crushed.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take these tablets if you have a stomach ulcer or other stomach disorder, if you are allergic to any of the ingredients, or if you have ever had an allergic reaction to aspirin, ibuprofen or other non-steroidal anti-inflammatory drugs.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist or worsen, consult your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways read the enclosed information leaflet before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, not to exceed the recommended dose and avoid taking Nurofen Cold \u0026amp; Flu for more than 10 days for pain relief (or more than 3 days for fever). If symptoms persist, consult a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIbuprofen, Pseudoephedrine Hydrochloride\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e1) In case of allergic reactions to Ibuprofen, Pseudoephedrine, or any other ingredients in the tablet, avoid using Nurofen Cold \u0026amp; Flu.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e2) Excessive usage may lead to stomach upset, nausea, heartburn, or diarrhea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e3) It may raise blood pressure or cause dizziness, nervousness, or insomnia.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e4) Chronic usage may lead to liver or kidney problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e5) It might increase the risk of heart attack or stroke.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e6) It may cause severe skin reactions. If a rash develops, stop usage immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e7) It might affect the blood clotting ability.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e8) Not suitable for people who have, or had, a stomach ulcer, heart disease, or diabetes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways consult with a healthcare professional before starting or stopping any medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIn case of any severe reactions, seek medical help immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote: This information may not cover all possible precautions. Always consult with your doctor or pharmacist for your specific circumstances.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid using if you are allergic to ibuprofen or any other ingredients in this product.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take if you are pregnant or breastfeeding without consulting your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid consumption if you have a history of gastrointestinal bleeding or ulceration.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor if symptoms persist or worsen.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMay cause drowsiness; do not drive or operate machinery until you know how this medication affects you.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid consuming alcohol when taking these tablets.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take with other NSAIDs or aspirin without consulting with a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCheck with healthcare providers before use if you have existing medical conditions like heart disease, asthma, kidney or liver problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways read the label and follow the instructions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54299781923160,"sku":"NUR0255T","price":4.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-07T204240.451.png?v=1738875540"},{"product_id":"sudafed-decongestion-tablets-non-drowsy","title":"Sudafed Decongestion 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\u003esudafed-decongestion-tablets-non-drowsy Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eRelieve congestion effectively with Sudafed Decongestion Tablets Non Drowsy. Handle allergies and cold symptoms, and breathe easier without feeling drowsy or lethargic. Suitable for day use, these tablets tackle nasal and sinus congestion right at its source. Ideal for those suffering from allergies, cold, or flu-related symptoms while going about their day seamlessly. Feel your best with Sudafed Decongestion Tablets - your non-drowsy solution for clearer, easier breathing.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eEnsure the tablets are taken by mouth with or without food.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe typical dosage is one tablet every 4 to 6 hours.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNever exceed the maximum daily limit of four tablets in a period of 24 hours.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not crush, chew, or break the tablets. Swallow them whole with a full glass of water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose, take the missed dose as soon as you remember.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf it's close to your next dose time, skip the missed dose and continue with your regular schedule. Do not double the dose to catch up.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eUse the tablets regularly and at the same time each day to get the most benefit out of it.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote: Dosage is based on your age, medical condition, and response to treatment. Consult your doctor or pharmacist for more information. If your symptoms persist or get worse, seek medical attention immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePseudoephedrine Hydrochloride, Lactose Monohydrate, Maize Starch, Magnesium Stearate, Povidone\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSide effects of Sudafed Decongestion Tablets may include nervousness, restlessness, dizziness, headache, increased blood pressure, irregular heartbeat, stomach upsets, or skin rashes. Do not use this medicine if you have high blood pressure, heart disease, glaucoma, urinary problems due to an enlarged prostate, or if you're pregnant or breastfeeding without consulting your doctor. Avoid alcohol and other sedatives while taking Sudafed. Do not exceed the recommended dose and avoid using it for prolonged periods. It may cause sleeplessness if taken too close to bedtime.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you are allergic to Sudafed or any of its ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid usage if you have high blood pressure, heart disease, or thyroid problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use in conjunction with other decongestants or stimulants.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a doctor if you are pregnant, planning to become pregnant, or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use in children under the age of 12 without medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOveruse may cause sleep disturbances or make your congestion worse.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSeek medical help immediately if you experience any severe side effects such as rapid heartbeat or breathing problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54299785888088,"sku":"SUD0016D","price":3.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-21T210149.870.png?v=1738875637"},{"product_id":"sudafed-decongestant-liquid-100ml","title":"Sudafed Decongestant Liquid 100ml","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003esudafed-decongestant-liquid-100ml Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eExperience effective relief from nasal and sinus congestion with Sudafed Decongestant Liquid. This fast-acting oral solution, which contains active ingredients, efficiently combats symptoms of cold, flu or allergies. Not only does it unblock your nose and sinuses, but it also helps alleviate discomfort, facilitating easier breathing. Its easy-to-administer form makes it a practical choice for all ages. Sudafed Decongestant Liquid, your perfect partner for cold relief.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSudafed Decongestant Liquid should only be taken orally.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAdults and children over 12 years: Take two 5 ml spoonfuls every 4-6 hours, up to 4 times a day.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChildren 6-12 years: Take one 5 ml spoonful every 4-6 hours, up to 4 times a day.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChildren under 6 years: Not recommended.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eEnsure to leave at least 4-6 hours between doses, and do not take more than 4 doses in any 24 hours. If symptoms persist or worsen, consult your doctor. Always read the label and take only as directed.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePseudoephedrine hydrochloride, liquid glucose, sucrose, ethanol, glycerol, sodium benzoate, saccharin sodium, raspberry essence, caramel (E150), carbomer, ponceau 4R (E124), sodium hydroxide, purified water.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic reactions: If you notice symptoms like rash, itching\/swelling (especially of the face\/tongue\/throat), severe dizziness, difficulty breathing, seek medical help immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eInsomnia and Anxiety: This medication could cause sleep problems and anxiety in some individuals.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eHigh blood pressure: Sudafed can increase blood pressure, so those with hypertension should use it with caution.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eHeart issues: If you have heart problems, consult your doctor before using Sudafed as it can increase heart rate.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKidney problems: Those with kidney diseases should use this medication with caution as it could exacerbate the condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eInteractions with other drugs: Sudafed can interact with other drugs and supplements, so provide your doctor a complete list of medications you are currently taking before starting Sudafed.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, always follow the prescribed dosage and consult your healthcare provider in case you experience any adverse reaction.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 6 years old.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid if you're pregnant, planning to become pregnant, or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDon't use if you have high blood pressure, heart disease, diabetes or thyroid disease.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a healthcare professional before use if you're taking any other medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCan cause drowsiness; avoid driving or operating heavy machinery.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStop use and seek medical help if you experience serious allergic reactions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFollow the prescribed dosage; overdosing can lead to serious health problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist, seek medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54299785953624,"sku":"SUD0103J","price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-21T205946.753.png?v=1738875641"},{"product_id":"snufflebabe-saline-spray-15ml","title":"Snufflebabe Nasal Spray 15ml","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\u003esnufflebabe-saline-spray-15ml Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .question-card {\n background: #FFFFFF !important;\n border-radius: 12px !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n \/* Media queries *\/\n @media (max-width: 768px) {\n .treated-content .section-title {\n font-size: 1.5rem !important;\n }\n\n .treated-content .question-title {\n font-size: 1.25rem !important;\n }\n\n .treated-content .content-text {\n font-size: 1.125rem !important;\n }\n\n .treated-content .accordion-button {\n padding: 1rem !important;\n }\n\n .treated-content .tw-px-8 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important;\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important;\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003cdiv class=\"tw-max-w-4xl tw-mx-auto tw-px-4\"\u003e\n \u003c!-- Introduction --\u003e\n \n \u003cdiv class=\"tw-mb-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eSnufflebabe Nasal Spray is a gentle yet effective solution designed to help clear your baby’s blocked and stuffy nose. Specifically formulated for little noses, the saline spray aids in easing breathing by thinning and clearing mucus. Easy to use and suitable from birth, Snufflebabe Saline Nasal Spray ensures your baby feels comfortable and breathes easier, contributing to better feeding and sleeping. Choose Snufflebabe for a quick and gentle way to help relieve nasal congestion in infants.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBefore using the nasal spray, clear the baby's nose of any mucus.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eLay the baby down flat, or at an angle where their head is slightly turned.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep the bottle upright and insert the nozzle into one of the baby’s nostrils.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eApply 1-2 squirts of the Snufflebabe Nasal Spray in each nostril.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not insert the nozzle too far into the nostril.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eYou may wish to repeat the dose after 4-6 hours, but do not exceed the maximum dose of 4 doses per day per nostril.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eClean and dry the nozzle after each use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to always read the product information before use and consult your doctor or pharmacist if you are unsure. Do not use if your child is allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eSodium chloride, benzalkonium chloride, purified water\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePossible side effects include nasal irritation, sneezing, or a slight stinging sensation.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eYou should not use it if you're allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid contact with eyes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt should not be used for more than 7 consecutive days to avoid rebound congestion.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult a healthcare professional before use if the patient is a child under 2 years of age.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist or worsen after use, seek medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for use in babies under 3 months unless advised by a doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid contact with eyes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist or worsen, consult a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways keep out of reach and sight of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if allergic to any of its ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use after the expiry date.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscard 6 weeks after first opening.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Patient Information --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('patient-info')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-file-medical tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"patient-info\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003cdiv class=\"tw-flex tw-flex-wrap tw-gap-4\"\u003e\n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-px-6 tw-py-3 tw-border-2 tw-border-primary tw-text-base md:tw-text-lg tw-font-medium tw-rounded-lg tw-text-primary tw-bg-white hover:tw-bg-primary-light focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-primary tw-transition-all tw-duration-200 tw-shadow-sm hover:tw-shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link tw-text-lg md:tw-text-xl tw-mr-3\"\u003e\u003c\/i\u003e\n Patient Information Leaflet\n \u003c\/a\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54299818656088,"sku":"SNU0032W","price":8.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-20T214010.913.png?v=1738876431"},{"product_id":"nurofen-day-night-cold-flu-16-tablets","title":"Nurofen Day \u0026 Night Cold \u0026 Flu 16 Tablets","description":"\u003cp\u003e\u003cspan\u003eFor relief from symptoms of \u003c\/span\u003e\u003cb\u003eCold and Flu\u003c\/b\u003e\u003cspan\u003e including:\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFever.\u003c\/li\u003e\n\u003cli\u003eCongestion.\u003c\/li\u003e\n\u003cli\u003eSore Throat.\u003c\/li\u003e\n\u003cli\u003eHead \u0026amp; Body Aches.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cb\u003eDirections for Use:\u003c\/b\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eTablets must be taken with water and swallowed whole.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eIt is important to drink plenty of fluids when suffering from colds and flu.\u003c\/span\u003e\u003cbr\u003e\u003cb\u003eAdults, the elderly and children over 12 years:\u003c\/b\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eThis medicine is for short-term use only.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eTake two tablets up to 3 times a day.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eLeave at least four hours between doses and do not take more than 6 tablets in any 24 hour period.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003eDo not take this medicine for longer than 10 days\u003c\/b\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003e\u003ci\u003eDo not give to children under 12 years\u003c\/i\u003e\u003c\/b\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003eRead the enclosed leaflet carefully before use\u003c\/b\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003eIngredients:\u003c\/b\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eActive ingredients: Ibuprofen 200mg and Phenylephrine Hydrochloride 5mg.\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eOther ingredients: Cellulose, Sodium Starch Glycolate, Hypromellose, Magnesium Stearate, Talc, Mastercate Yellow (contains Hydroxypropylmethyl Cellulose (E464), Titanium Dioxide (E171), Quinoline Aluminum Lake (E104) Sunset Yellow Aluminum Lake (E110)) and black printing ink (contains shellac, iron oxide black (E172) and propylene glycol)\u003c\/span\u003e\u003c\/p\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54417781555544,"sku":"","price":4.89,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/Nurofen-CF-Day-and-Night-Tabs.jpg?v=1740674249"},{"product_id":"sudafed-blocked-nose-sinus-capsules","title":"Sudafed Blocked Nose \u0026 Sinus Capsules","description":"\u003cul class=\"featureList\"\u003e\n\u003cli\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cp\u003eSudafed Blocked Nose \u0026amp; Sinus Capsules ease nasal congestion and blocked sinuses caused by head colds, the flu, and sinusitis. Phenylephrine, a decongestant, unblocks a stuffy nose for easier breathing, while paracetamol reduces sinus pressure and discomfort. Caffeine amplifies the pain-relieving effects of paracetamol while giving you an energising lift. It's suitable for adults and children aged 16 and above and contains paracetamol, caffeine, and phenylephrine hydrochloride. \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSoothes pain and facilitates clearer breathing\u003c\/li\u003e\n\u003cli\u003eActs rapidly to relieve blocked noses\u003c\/li\u003e\n\u003cli\u003eQuickly relieves sinus pressure\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54418142003544,"sku":"","price":5.09,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/sudafedblockednose.jpg?v=1740677242"}],"url":"https:\/\/westburychemist.net\/collections\/colds.oembed","provider":"Westbury Chemist","version":"1.0","type":"link"}