{"title":"Test","description":"","products":[{"product_id":"berocca-orange-effervescent-tablets","title":"Berocca Orange Energy Vitamin 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\u003eberocca-orange-effervescent-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\"\u003eBerocca Orange Effervescent 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\"\u003eDissolve one tablet in a glass of water (about 200-250ml).\u003c\/span\u003e\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\"\u003eAllow the tablet to fully dissolve to create a fizzy, orange flavoured drink.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOnce the tablet has fully dissolved, drink the entire glass of solution.\u003c\/span\u003e\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\"\u003eThis medication is usually taken once per day, or as directed by your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended daily 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-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 should not take this product on an empty stomach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf symptoms persist despite treatment, 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-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool dry place, out of sight and 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-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 follow the manufacturer's instructions included in the packaging.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- 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\"\u003eCitric Acid, Sodium Hydrogen Carbonate, Vitamin C, Magnesium Sulphate, Mannitol, Calcium Carbonate, Magnesium Carbonate, Sodium Carbonate, Niacin, Salt, Zinc, Pantothenic Acid, Vitamin B1, Vitamin B2, Vitamin B6, Maltodextrin, Acacia Gum, Vitamin B12, Biotin, Folic Acid, Orange Flavour, Beetroot Red, Beta Carotene, Sucralose, Sodium Saccharin.\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: Seek immediate medical attention if you experience difficulty breathing, hives, or swelling on the face, lips, or throat.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStomach upset: This may cause stomach upset, so take it with meals to prevent this problem.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMedication interaction: Berocca may interact with other medications, so discuss with your healthcare provider if you're taking other 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-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: High doses or prolonged use can lead to 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\"\u003eDiarrhoea or constipation: These tablets may cause changes in bowel movements. If this persists, consult 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\"\u003ePregnancy and lactation: While Berocca is generally safe for pregnant or breastfeeding women, always consult with a healthcare provider before taking 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\"\u003eAlways follow the dosage instructions unless your doctor tells you otherwise. Do not take more than the recommended dose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended daily 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\"\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\"\u003eIf pregnant or breastfeeding, consult your healthcare provider before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for people with kidney problems.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult your doctor if any adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool and dry place, away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid taking along with other vitamin or mineral supplements.\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":"Vitamins \u0026 Supplements","offers":[{"title":"15","offer_id":54299841167704,"sku":"BER0212T","price":4.99,"currency_code":"GBP","in_stock":true},{"title":"45","offer_id":54299841200472,"sku":"BER0212T-2","price":13.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T125050.743.png?v=1738877054"},{"product_id":"floradix-formula-iron-extract","title":"Floradix Liquid Iron Formula","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\u003efloradix-formula-iron-extract 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\"\u003eShake the Floradix liquid iron formula bottle well before using.\u003c\/span\u003e\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 above 12 years old: Take 10 ml (half a capful) twice a day, preferably before breakfast and dinner.\u003c\/span\u003e\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 between 6 to 12 years old: Take 10 ml (half a capful) once 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 between 3 to 5 years old: Take 5 ml (quarter of a capful) once 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\"\u003eThe liquid can be directly consumed or mixed with fruit juice if preferred.\u003c\/span\u003e\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\"\u003eAvoid drinking coffee, tea, or consuming dairy products within 30 minutes of taking the formula as they can hinder absorption.\u003c\/span\u003e\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 refer to the packaging label or consult with a health professional for any changes or specific situations.\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\"\u003eAqueous herbal extract, fruit juice concentrates, honey, iron gluconate, vegetable extracts, ascorbic acid, vitamin B1, vitamin B2, vitamin B6, vitamin B12, yeast extract.\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: Discontinue use and consult your healthcare provider if you get an allergic reaction like skin rash, itching or swelling.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGastrointestinal issues: It may cause diarrhoea, stomach upset, or constipation. If these effects persist or worsen, contact your doctor immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTooth discoloration: It can also stain the teeth. To prevent this, dilute the solution with water or juice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIron overdose: Be careful not to exceed the recommended dose as it may lead to iron overdose causing harmful effects like vomiting or persistent diarrhoea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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: Do not take it with dairy products, antacids, tea, or coffee as these can interfere with the absorption of iron.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnancy and Breastfeeding: Consult your doctor before using this product if you are pregnant, planning to get pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways follow the directions of usage and dosage instructions given by your healthcare provider.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed recommended dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\u003eConsult your doctor before use, if you are pregnant or breastfeeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you are allergic to any ingredient.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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\"\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\"\u003eMay cause constipation or upset stomach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 seal is broken or missing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 a substitute for a balanced diet and healthy lifestyle.\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":"Vitamins \u0026 Supplements","offers":[{"title":"500ml","offer_id":54299841659224,"sku":"FLO0141F","price":15.99,"currency_code":"GBP","in_stock":true},{"title":"250ml","offer_id":54299841691992,"sku":"FLO0235G","price":10.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-09-14T020730.512.png?v=1738877057"},{"product_id":"forceval-caps","title":"Forceval Multivitamin \u0026 Mineral 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\u003eforceval-caps 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\"\u003eForceval Multivitamin \u0026amp; Mineral Capsules should be taken orally, typically once a day or as directed by your doctor. The capsule should be swallowed whole with a glass of water, preferably with a meal to increase absorption and to reduce stomach upset. Do not crush or chew the capsules. It's important to take this medication regularly to get the most benefit from it.\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\"\u003eVitamin A, Vitamin D3, Vitamin E, Vitamin K, Vitamin B1, Vitamin B2, Vitamin B6, Vitamin B12, Biotin, Pantothenic Acid, Vitamin C, Calcium, Iron, Iodine, Magnesium, Zinc, Selenium, Copper, Manganese, Chromium, Molybdenum, Potassium.\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\"\u003eForceval Multivitamin \u0026amp; Mineral Capsules may cause few side effects such as upset stomach, diarrhoea, or constipation. It may also cause allergic reactions in people sensitive to some ingredients. Long term use or excessive doses may lead to other side effects like vitamin or mineral imbalances. Always follow the recommended dosage and stop use and consult your doctor if unusual symptoms occur, if you're pregnant, breastfeeding, have a medical condition, or are taking other medications.\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 unless prescribed by your doctor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for children under 12 years of age.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 pregnant or breastfeeding, consult your doctor before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSome users may experience allergic reactions, stop use immediately and seek medical attention.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 a doctor if you have any existing medical conditions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place, away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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\"\u003eIf you are taking other medications, please consult your doctor to avoid any potential interactions.\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":"Vitamins \u0026 Supplements","offers":[{"title":"15","offer_id":54299841823064,"sku":"FOR0161Q","price":11.99,"currency_code":"GBP","in_stock":true},{"title":"30","offer_id":54299841855832,"sku":"FOR0161Q-2","price":16.99,"currency_code":"GBP","in_stock":true},{"title":"90","offer_id":54299841888600,"sku":"FOR0161Q-3","price":39.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T131123.104.png?v=1738877061"},{"product_id":"vitabiotics-osteocare","title":"Vitabiotics Osteocare Chewable 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\u003evitabiotics-osteocare 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\"\u003eOptimise your bone health with Vitabiotics Osteocare, clinically formulated to provide a rich source of calcium, vitamin D, zinc, and magnesium. Ideal for individuals in need of enhanced bone support, Osteocare contributes to the maintenance of normal muscle function, aiding overall bodily well-being. Incorporating Vitabiotics Osteocare into your daily routine can help maintain optimal bone health and guard against future issues. Stay active and protect your body with our scientifically developed, comprehensive bone health supplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFor adults and children over 4 years: Two tablets daily (or as directed by your healthcare professional), preferably with a meal.\u003c\/span\u003e\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\"\u003eChewing the tablet before swallowing will release its full flavour and should be done thoroughly before swallowing.\u003c\/span\u003e\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 intake\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTo be taken on a full stomach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSwallow with water or a cold drink. Not to be chewed.\u003c\/span\u003e\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 2 tablets in a 24-hour period.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you are pregnant, nursing, taking any medications or have any medical condition, consult your doctor 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!-- 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\"\u003eCalcium carbonate, Magnesium oxide, Maltitol, Sodium Crosslinked Carboxy Methyl Cellulose, Vitamin D3, Vitamin K1, Copper sulfate, Manganese sulfate, Sodium selenite.\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 allergic reaction: If you experience symptoms like difficulty in breathing, swelling of the face, lips, tongue, or throat, stop taking the tablets immediately and seek medical help.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 disturbance: Some users might experience minor gastrointestinal problems like constipation, diarrhoea, or stomach upset.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eExcessive intake: Do not exceed the recommended dosage. Over-consumption might lead to imbalance in mineral or vitamin levels.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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: The Tablets may interact with certain medications. Notify your doctor about any other drugs or supplements you are taking.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid during pregnancy: Unless advised by a doctor, avoid using Vitabiotics Osteocare Chewable Tablets during pregnancy.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 everyone: These tablets are not suitable for those with kidney stone, hypercalcemia or thyroid issues without doctor'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\"\u003eAlways refer to the product packaging and labels for additional information and warnings.\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 dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor before use if you are pregnant, breastfeeding, or have any pre-existing medical condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\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\"\u003eIf any adverse reaction occurs, stop the use immediately and 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-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if the inner seal is broken or missing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place, away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eContains a source of phenylalanine; not recommended for people with phenylketonuria.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take if you have a known allergy 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!-- 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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299842117976,"sku":"OST1313B","price":5.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-22T224817.613.png?v=1738877064"},{"product_id":"sanatogen-a-z-complete-3","title":"Sanatogen A-Z Complete Multivitamin 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\u003esanatogen-a-z-complete-3 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\"\u003eSanatogen A-Z Complete Multivitamin Tablets should be taken orally. Adults, including the elderly and teenagers (12 years and above) are advised to take one tablet daily with food, preferably with a main meal. Do not exceed the recommended daily dose. Always consume the tablet with a full glass of water. These tablets are not suitable for children under 12. Ensure to read the product packaging and labels 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!-- 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\"\u003eVitamin A, Vitamin D, Vitamin E, Vitamin K, Vitamin C, Thiamin (Vitamin B1), Riboflavin (Vitamin B2), Niacin, Vitamin B6, Folic Acid, Vitamin B12, Biotin, Pantothenic Acid, Calcium, Phosphorus, Magnesium, Iron, Zinc, Copper, Manganese, Selenium, Chromium, Molybdenum, Iodine, Lutein.\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\"\u003eSanatogen A-Z Complete Multivitamin Tablets are usually well tolerated. However, some may experience:\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e- Mild stomach upset, including nausea or diarrhoea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e- An allergic reaction, such as rash, itching, or swelling.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e- Unusual or unexpected bleeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e- Dehydration symptoms, especially if taking too many or on a long-term basis.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAs a precaution, consult your healthcare provider before starting to take these tablets if you are pregnant, breastfeeding, taking other medications, or suffer from food allergies. Always follow the dosage instruction and do not exceed the recommended dose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\u003eDon't exceed the recommended daily dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor before use, especially if you are pregnant, breastfeeding, or have any pre-existing medical conditions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product should not be used as a substitute for a balanced diet and a healthy lifestyle.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 people 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\"\u003eStore in a cool, dry place, out of the reach and sight of young 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":"Vitamins \u0026 Supplements","offers":[{"title":"30","offer_id":54299842249048,"sku":"SAN0432N30","price":6.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-17T211813.254.png?v=1738877068"},{"product_id":"seven-seas-cod-liver-oil-liquid-450ml","title":"Seven Seas Cod Liver Oil Plus Omega-3 Liquid","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\u003eseven-seas-cod-liver-oil-liquid-450ml 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\"\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\"\u003eUse the included measuring spoon to measure out the correct 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-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 recommended dosage for adults and children over 15 years of age is 10ml once or twice daily.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFor children between 5 to 15 years, the recommended dosage is 10ml once daily.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFor children 1 to 4 years, the recommended dosage is only 5ml once daily.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSeven Seas Cod liver Oil can be taken on its own or mixed with milk or orange juice.\u003c\/span\u003e\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, always consult your doctor or pharmacist before giving this to children or if you're pregnant, breastfeeding, have existing medical conditions or are on any other medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eCod Liver Oil, Omega-3 Fish Oil, Vitamin A, Vitamin D, Eicosapentaenoic Acid (EPA), Docosahexaenoic Acid (DHA)\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: Some people could be allergic to fish oil or its ingredients, leading to rash, itching, or difficulty in breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDigestive Issues: It may cause mild GI disturbances like diarrhoea, stomach upset, or bloating.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBleeding issues: It may slow blood clotting and increase risk of bleeding; those with blood-related health problems, or undergoing surgery should take special precaution.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eVitamin A\/D Overdose: High doses of cod liver oil might cause too much Vitamin A or D in the body causing serious side effects, so avoid use above 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\"\u003eInteraction with Medication: It could interact adversely with anticoagulants, birth control pills, or blood pressure medication. Hence, caution is advised for those on 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\"\u003eNot suitable during Pregnancy and Breastfeeding: Excessive consumption might pose risks during pregnancy and breastfeeding, so consult a healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways consult your healthcare provider before starting this supplement.\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 individuals with fish or seafood allergy.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnant and breastfeeding women should consult a healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\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\"\u003eStore in a cool dry place, away from sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 seal is broken or damaged.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 on medication or have a medical condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult a healthcare professional if adverse reactions occur.\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":"Vitamins \u0026 Supplements","offers":[{"title":"150ml","offer_id":54299842281816,"sku":"SEV0024V150","price":9.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-18T124142.661.png?v=1738877072"},{"product_id":"seven-seas-one-a-day-capsules-12","title":"Seven Seas Omega-3 Fish Oil Plus One-A-Day 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\u003eseven-seas-one-a-day-capsules-12 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\"\u003eSeven Seas Omega-3 Fish Oil Plus One-A-Day Capsules support daily health by providing essential nutrients for energy \u0026amp; vitality. Aiding both physical and cognitive health, each easy-to-swallow capsule provides an optimal dose of Omega-3 fatty acids, vitamins A \u0026amp; D. Stay vibrant and active with Seven Seas One-A-Day capsules! This perfect health partner can be a pivotal aspect of your daily wellness routine.\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 over 12 years: Take one capsule a day with a cold drink, preferably during a meal.\u003c\/span\u003e\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 daily 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-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 have difficulty swallowing the pill, you can open the capsule and mix the contents with 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 use if seal is broken.\u003c\/span\u003e\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 out of reach of young 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-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your healthcare professional if pregnant, lactating, taking medications, or suffering from a medical condition before taking this supplement.\u003c\/span\u003e\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\"\u003eDiscontinue use and consult your doctor if any adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place, out of direct sunlight.\u003c\/span\u003e\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 follow the directions given on the product packaging or provided by your healthcare professional. If unsure of usage, consult with your healthcare provider.\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\"\u003eFish Oil, Vitamin D, Omega 3 Nutrients (DHA+EPA), Capsule Shell (Gelatin), Humectant (Glycerol), Natural Flavourings\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 individuals may experience allergic reactions to fish oil.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGastrointestinal Problems: Some people may experience heartburn, upset stomach, or diarrhoea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBleeding Disorders: Omega-3 can slow blood clotting and may increase the risk of bleeding in people with bleeding disorders.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiabetes: High doses of omega-3 can increase blood sugar levels in individuals with 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\"\u003eHigh Blood Pressure: Omega-3 might lower blood pressure and could cause blood pressure to drop too low in individuals on blood pressure medications.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFishy Breath or Odour: Some individuals might experience a fishy taste, or fishy body odour, after consuming fish oil.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 the doctor before starting any supplement regimen. This product is not recommended for pregnant or breastfeeding women without medical advice. It's always important to tell your doctor about all the drugs you're taking to avoid any potential drug interactions.\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 daily 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\"\u003eIf you're allergic to fish or shellfish, avoid 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\"\u003eNot suitable for pregnant or breastfeeding women without medical advice.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor before use if you're on blood-thinning 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\"\u003eDiscontinue use and consult a healthcare practitioner if adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\u003eStore in a cool, dry place, away from sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if the security seal is broken.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 vegetarians or vegans.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299842347352,"sku":"SEV0108S","price":8.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-18T125739.012.png?v=1738877075"},{"product_id":"seven-seas-max-strength-liquid-150ml","title":"Seven Seas Cod Liver Oil Max Strength Liquid 150ml","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\u003eseven-seas-max-strength-liquid-150ml 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\"\u003eRich in natural Omega-3 nutrients, this supplement supports heart, vision, and brain health. Seven Seas' 100% natural fish oil is purified and fast-absorbing, providing maximum benefit. Boost your overall wellbeing with Seven Seas Liquid 150ml, your daily essential supplement for a healthy lifestyle. Great for adults and kids alike, its unique formulation aids in maintaining a strong immune system. Explore the seas of good health with Seven Seas Max Strength Liquid 150ml today!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eShake the bottle well before use. Once opened, use the included measuring spoon and take two 10 ml doses daily. This can be taken alone or mixed with milk or orange juice. Not suitable for children under 15 years. Do not exceed the recommended daily dose.\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\"\u003eCod Liver Oil (Fish), Omega-3 Fatty Acids, Vitamin A, Vitamin D, Vitamin E\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: If you are allergic to fish or seafood, avoid taking this product as it may cause serious allergic reactions such as skin rash, itching, difficulty breathing, and swelling of face or tongue.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrug Interaction: Don’t use this product if you are taking blood thinners or anticoagulants as it may increase the risk of bleeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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: Do not exceed the recommended dose. It may cause vitamin A and D toxicity which can result in nausea, vomiting, loss of appetite, constipation, and weakness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 During Surgery: Stop using this product at least two weeks before a scheduled surgery as it may interfere with blood clotting.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCaution for Pregnant and Nursing Women: Pregnant or nursing women should consult their healthcare provider before using this supplement as high doses of vitamin A can cause birth defects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePeople with Diabetes or Hypertension: People with diabetes or high blood pressure should use this product cautiously as it may increase blood sugar levels and blood pressure.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStorage: Store at room temperature and keep 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\"\u003eAlways consult a healthcare professional before starting any new medication or supplement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf pregnant or breastfeeding, consult your healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended daily intake.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you have a fish allergy, consult your doctor before using.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 use as directed.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place, away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if the seal is broken or missing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 gastrointestinal discomfort; stop use if symptoms persist.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot a substitute for a balanced and varied diet or a healthy lifestyle.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299842675032,"sku":"SEV0287G","price":8.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-18T124758.190.png?v=1738877078"},{"product_id":"seven-seas-be-active","title":"Seven Seas JointCare Active 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\u003eseven-seas-be-active 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\"\u003eBoost your energy and overall health with Seven Seas JointCare Active! This unique blend of vitamins and minerals promotes vitality and supports joint function, perfect for those with an active lifestyle or seeking a wellness boost. Join the millions who trust our brand for their dietary supplement needs.\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\"\u003eTake one capsule daily with a cold drink. If required, for best results take one capsule twice daily. It is important not to exceed the recommended dosage. The capsules should be swallowed whole. Do not chew or break open the capsules.\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\"\u003eGlucosamine, Omega-3 Nutrients, Vitamin D, Vitamin C, Manganese, Chondroitin, Zinc, Copper\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\"\u003eSeven Seas JointCare Active Capsules may cause side effects including upset stomach, belching, and diarrhoea. People who are allergic to fish or shellfish should not use this product. Additionally, it may interact with some medications, so always consult a healthcare professional before use. It is also not recommended for pregnant or breastfeeding women, unless under medical advice. If symptoms persist or worsen, stop use and consult a healthcare professional. Always follow the recommended dosage.\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\"\u003eIf you are pregnant, breastfeeding, or on medication, consult your doctor before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for those with a fish or shellfish allergy.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place, out of children's reach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult a doctor if adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot intended for use by persons under the age of 18.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThese capsules should not replace a balanced diet and healthy lifestyle.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299842871640,"sku":"SEV0412R","price":15.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-18T114417.972.png?v=1738877081"},{"product_id":"betteryou-magnesium-gel-150ml","title":"Betteryou Magnesium Gel 150ml","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\u003ebetteryou-magnesium-gel-150ml 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\"\u003eThis 150ml supports natural muscle recovery, promotes overall wellbeing, and aids in the regulation of calcium and potassium in the body. Uniquely formulated to replace magnesium lost through modern diet and pressured lifestyles, it's free from pollutants and perfect for everyday health. Try it out and feel the difference in your health today. Optimise your wellness routine with Betteryou Magnesium Gel.\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\"\u003eApply a small amount of BetterYou Magnesium Gel directly to the skin.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGently massage the gel into the skin around the desired area.\u003c\/span\u003e\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\"\u003eContinue massage until the product is thoroughly absorbed.\u003c\/span\u003e\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\"\u003eBetterYou Magnesium Gel can be used in the morning or before sleep.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check 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 can be used up to twice 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\"\u003eFor best results, apply to areas such as the thighs, arms, chest or feet.\u003c\/span\u003e\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\"\u003eAfter application, thoroughly wash hands.\u003c\/span\u003e\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 apply the gel to broken or irritated skin.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt is always recommended to patch test before full application.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote: The dosage might vary depending on individual needs, always refer to the product packaging for specific directions on usage and dosage.\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\"\u003eConcentrated solution of Zechstein Inside® magnesium chloride (30% concentration), xanthan gum.\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\"\u003eSkin Irritation: Some people might experience skin irritation or allergic reactions like rashes, redness, itching, or swelling after applying the gel. Discontinue use if any of these occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid sensitive areas: Do not apply the gel on open wounds, broken skin, or sensitive areas like eyes, nose, or 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\"\u003eInternal Consumption: This product is for external use only. Do not ingest it. If accidentally swallowed, immediately seek medical help.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnancy and Breastfeeding: Consult your healthcare provider before using the product 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\"\u003eInteraction with other medications: If you are on other medications, consult your healthcare provider to ensure that the magnesium gel does not interfere with your other medications.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children: The product should be stored in a safe place, away from children's reach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue if discomfort occurs: If you experience any discomfort or unwanted side effects, stop using the product and consult a healthcare professional.\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 contact with eyes and 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\"\u003eFor external use only.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not apply to broken skin or wounds.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 irritation, discontinue use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult with your healthcare provider before use if you are pregnant, nursing, or have a medical condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if seal is broken or missing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place away from direct sunlight.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299842904408,"sku":"MAG0612E","price":12.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/betteryou_magnesium_gel_150ml_mag0612e_1.jpg?v=1738877084"},{"product_id":"centrum-multigummies-mixed","title":"Centrum Multigummies Adults","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\u003ecentrum-multigummies-mixed 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\"\u003eBoost your immunity and support optimal health with Centrum Multigummies Mixed. A balanced mix of essential vitamins and minerals, this multivitamin supplement promotes better metabolism, increases energy, supports bone health, and aids in reducing oxidative stress. Ideal for daily use, these multigummies are a tasty and easy way to fill nutritional gaps. Gluten-free, natural mixed fruit flavours, and GMO-free - top choice for a comprehensive dietary supplement. Health is wealth, fortify it with Centrum.\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\"\u003eTake two (2) gummies daily. Do not exceed the suggested daily dose. If taking other supplements, read the label, as they may contain the same ingredients. Chew thoroughly before swallowing. This product should not be used as a substitute for a balanced diet and a healthy lifestyle.\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\"\u003eVitamin A, Vitamin C, Vitamin D3, Vitamin E, Vitamin B6, Folic Acid, Vitamin B12, Biotin, Pantothenic Acid, Iodine, Zinc, Sodium, Inositol, Choline\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 allergic reactions: Look out for symptoms like rash, itching\/swelling, dizziness, or trouble breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eUpset stomach: Some may experience upset stomach or diarrhoea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOverdose risk: Avoid taking more than the recommended dose, it can lead to increased risk of side effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 medication: Consult a doctor before taking Centrum if you're on other medications as it can interact with them causing adverse 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\"\u003eVitamin and mineral toxicity: Consumption of very high levels can lead to toxicity.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot to be consumed by children: This product is intended for adults only.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if seal under cap is broken or missing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 \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 the age of 12.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid if allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\u003eConsult your doctor if you are pregnant, nursing, taking medications, or have a chronic illness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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\"\u003eIn case of accidental overdose, seek immediate medical attention.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place and out of direct sunlight.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299842969944,"sku":"CEN0111S","price":6.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-20T122002.751.png?v=1738877087"},{"product_id":"berocca-boost","title":"Berocca Boost Acerola Cherry","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\u003eberocca-boost 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\"\u003eTo use Berocca Boost, dissolve one tablet in a glass of water (approximately 200ml) to create a refreshing effervescent drink. Do not exceed the recommended daily intake of one tablet per day. For best results, take Berocca Boost right after a meal. This product is not intended for use in children under 12 years old. Remember, dietary supplements should not replace a balanced diet and healthy lifestyle.\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\"\u003eVitamin B1, Vitamin B2, Vitamin B6, Vitamin B12, Vitamin C, Biotin, Calcium, Folic Acid, Zinc, Guarana Extract, Magnesium, Pantothenic Acid, Niacin, Guarana, Caffeine\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 show allergic reactions like itching, swelling of face\/tongue\/throat, severe dizziness, and trouble breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDigestive issues: Stomach upset, constipation, diarrhoea may occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKidney problems: Too much usage may lead to 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\"\u003eOverdose: Overdose can lead to serious health problems such as nerve damage, urinary problems, seizures.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eVitamins\/Minerals: Avoid taking more than one type of multivitamin product at a time unless your doctor advises, as it can lead to a vitamin\/mineral imbalance.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf any of these effects persist or worsen, immediately seek medical attention.\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 daily 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\"\u003eNot suitable for individuals with kidney stones or hyperoxaluria.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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're pregnant, nursing, or taking other medications.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use if adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\u003eStore at controlled room temperature.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIndividuals with phenylketonuria should avoid this supplement as it contains aspartame.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 supplement should not be used as a substitute for a balanced diet and healthy lifestyle.\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":"Vitamins \u0026 Supplements","offers":[{"title":"10","offer_id":54299843035480,"sku":"BER0228W","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"20","offer_id":54299843068248,"sku":"BER0228W-2","price":13.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T123027.638.png?v=1738877090"},{"product_id":"berocca-mango-effervescents","title":"Berocca Mango Energy Vitamin 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\u003eberocca-mango-effervescents 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\"\u003eBoost your mental and physical energy with Berocca Mango Effervescents. Packed with vitamins and minerals, this great tasting mango tablet enhances concentration and reduces fatigue.\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\"\u003eFill a glass or cup with approximately 200 mL of cold water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTake one Berocca Mango Effervescent tablet and drop it into the 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\"\u003eAllow the tablet to fully dissolve in the water, creating a fizzy, mango-flavoured drink.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \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 only once per day, or as directed by your healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, it is not recommended to exceed daily dose. Consult your doctor before starting any new supplement regimen.\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\"\u003eCitric acid, Sodium hydrogen carbonate, Vitamin C, Magnesium sulfate, Mannitol, Calcium carbonate, Magnesium carbonate, Niacin, Sodium carbonate, Flavorings, Sweeteners (Acesulfame K, Aspartame), Salt, Zinc citrate, Colour (Beetroot red, Beta carotene), Pantothenic acid, Vitamin B2, Vitamin B1, Vitamin B6, Folic acid, Biotin, Vitamin B12.\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\"\u003eBerocca Mango Effervescents can cause certain side effects such as allergic reactions, stomach upset, headache, or insomnia. It is important to avoid taking more than the recommended dose. If you are pregnant, breastfeeding or have any pre-existing health conditions or are taking other medication, consult your healthcare provider before taking this supplement. In case of severe side effects like prolonged nausea, vomiting, or diarrhoea, seek immediate medical attention. Always dissolve the tablet in water and drink, never swallow or chew the tablet directly.\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 daily 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\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not take if allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult healthcare provider before use if pregnant or nursing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 persons under 12 years of age.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eExcessive consumption may produce laxative 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 usage if seal is broken.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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, consult 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\"\u003eDo not use as a substitute for a balanced diet and healthy lifestyle.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299843101016,"sku":"BER0235P","price":6.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T124841.241_f827b854-04f2-45a3-9832-9eeaf34c48b3.png?v=1738877093"},{"product_id":"berocca-blackcurrant-tablets","title":"Berocca Blackcurrant 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\u003eberocca-blackcurrant-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 \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\"\u003eBoost your energy level and mental performance with Berocca Blackcurrant Tablets. Packed full of essential vitamins and minerals, these tablets aid in reducing fatigue, enhancing concentration, and improving physical stamina. Suitable for daily use and free from caffeine and sugar, Berocca Blackcurrant Tablets are your natural supplement to keep going strong all day. Stay sharp and focused, naturally with Berocca. Perfect for busy professionals, students, athletes, and those in need of a mental or physical boost. Also, the delicious blackcurrant flavour makes it a healthy and tasty choice for your daily regimen.\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\"\u003eDissolve one tablet in approximately 200ml 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 \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\"\u003eConsume daily, or as directed by your healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended daily 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-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt is not advisable to take on an empty stomach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot recommended 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\"\u003ePlease consult your doctor if you are pregnant, breastfeeding, have a medical condition, or are taking any medication.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAscorbic acid (Vitamin C), Thiamine hydrochloride (Vitamin B1), Riboflavin (Vitamin B2), Nicotinamide (Vitamin B3), Pantothenic Acid (Vitamin B5), Pyridoxine hydrochloride (Vitamin B6), Biotin (Vitamin B7), Folic acid (Vitamin B9), Cyanocobalamin (Vitamin B12), Calcium, Magnesium, Zinc, Blackcurrant flavour.\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 have an allergic reaction to Berocca Blackcurrant Tablets. Symptoms may include rash, itching, swelling or severe 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\"\u003eGastrointestinal Issues: Berocca can cause stomach upsets, constipation, or loose bowels 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\"\u003eOverdose Risks: High doses of certain vitamins in Berocca may lead to health issues like nerve damage or diarrhoea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot for Certain People: It should not be taken by people with kidney problems, certain types of anaemia, or those who have an intolerance to some sugars, 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\"\u003eDrug Interactions: It can interact with other medications like antibiotics, leading to reduced effectiveness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eEnhanced Urine Yellowing: The vitamin B2 in Berocca might turn your urine bright yellow. This is harmless and will stop once you discontinue use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot a substitute for a balanced diet: Berocca should not replace a healthy, balanced diet. It is a supplement and should be used as part of a healthy lifestyle.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to always consult with a healthcare professional before starting any new medication or supplement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed recommended dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\u003eNot suitable for individuals with a blackcurrant allergy.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eShould not be taken on an empty stomach to avoid possible upset.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eInform your doctor before using if you are pregnant, breastfeeding, or have any pre-existing medical conditions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult your doctor if any adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore at a cool, dry place and avoid exposure to direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if the seal is broken or damaged.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eContains a source of Phenylalanine.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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.\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":"Vitamins \u0026 Supplements","offers":[{"title":"15","offer_id":54299843330392,"sku":"BER0239W","price":6.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T122911.880.png?v=1738877096"},{"product_id":"betteryou-turmeric-daily-oral-spray-25ml","title":"Betteryou Turmeric Daily Oral Spray 25ml","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\u003ebetteryou-turmeric-daily-oral-spray-25ml 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\"\u003eGood for the immune system and the skin, it's your daily dose of wellness.\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 well before use. Spray directly into mouth, preferably on the inside of the cheek. Use four sprays daily. Avoid swallowing for a minute after spraying to enhance the absorption in the mouth. It's safe to take on an ongoing basis. Do not exceed the recommended daily dosage.\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\"\u003eWater, xylitol, curcumin extract, acacia gum, potassium sorbate, citric acid, preservative: potassium sorbate, orange oil, xanthan gum.\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\"\u003eBetterYou Turmeric Daily Oral Spray is generally considered safe for use. However, some possible side effects may include:\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 have an allergic reaction to turmeric. If you experience difficulty breathing, hives, swelling of face, lips, tongue, or throat, seek medical attention immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDigestive issues: Some people might experience an upset stomach, nausea, dizziness, or diarrhoea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 medication: Turmeric may interact with certain medication such as blood thinners, acid reducers, diabetes medications, and 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-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAs with any supplement, pregnant and breastfeeding women or people with medical conditions should consult a healthcare professional before usage. In case of any adverse reactions, stop usage immediately and consult your healthcare provider.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember, it is essential to follow the given usage instructions and never exceed the recommended daily dosage.\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 the age of 3 years.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended dosage 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\"\u003ePregnant or breastfeeding women should consult their doctor before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product should not be used as a substitute for a varied, balanced diet and healthy lifestyle.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you have a medical condition or are taking any medication, please consult your doctor before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\u003eDo not use if the seal is broken or damaged.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 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\"\u003eStore in a cool, dry place away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult your doctor if adverse reactions occur.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299843592536,"sku":"BET0470F","price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject_86_-2023-09-06T181249.895.png?v=1738877100"},{"product_id":"betteryou-magnesium-oil-original-spray-100ml","title":"Betteryou Magnesium Oil Original Spray 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\u003ebetteryou-magnesium-oil-original-spray-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\"\u003eThis highly absorbent, mineral-rich spray offers a natural solution to improve your health \u0026amp; wellness. Get BetterYou Magnesium Oil Original Spray \u0026amp; turn towards better health naturally today.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eShake the bottle well before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSpray the Magnesium Oil directly onto your skin.\u003c\/span\u003e\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\"\u003eRoughly 5-10 sprays across the body are 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\"\u003eMassage well into the skin.\u003c\/span\u003e\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 leave it on your skin or if preferred, shower or wipe off after 20 minutes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt's recommended to apply the spray after showering and before sleep for optimal absorption.\u003c\/span\u003e\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\"\u003eRegular use is recommended to achieve maximum benefits.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you experience any itchiness on your skin after spraying, dilute it with water to form a 50\/50 solution.\u003c\/span\u003e\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\"\u003ePlease consult a healthcare professional before use if you have any medical conditions. Do not apply to broken or irritated skin. Avoid contact with eyes.\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\"\u003eConcentrated solution of Zechstein Inside® magnesium chloride (31% concentration), 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\"\u003eAvoid Contact with Eyes: The spray should not come into contact with the eyes as it could cause irritation.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSkin Irritation: Some people may experience skin irritation after application. It's advised to perform a patch test before using it on larger areas of the body.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid Broken Skin or Wounds: Do not apply the spray on broken skin or wounds, as this may cause discomfort and slow the healing process.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot for Internal Use: The spray is meant for external use only, and should not be ingested.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult with Doctor: If you are pregnant, breastfeeding, or have a medical condition, it's recommended to consult with a doctor before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep Out of Children's Reach: The spray should be kept out of the reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIn case of Over-dosage: Excessive use can lead to a condition called hypermagnesemia which can be harmful.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 the product label for detailed instructions and precautions.\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 contact with the eyes or with damaged or sensitive skin.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 swallow. This product is for external use only.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of young 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\"\u003eIt's recommended to patch test before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf irritation occurs, discontinue use 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\"\u003eConsult your doctor before using, if you're pregnant or have any medical condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you're 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!-- 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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299843887448,"sku":"MAG0563W","price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject_86_-2023-09-06T180931.428.png?v=1738877103"},{"product_id":"bio-kult-advance-multi-strain-formula","title":"Bio-Kult Advance Multi-Strain Formula","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\u003ebio-kult-advance-multi-strain-formula 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\"\u003eBoost your gut health with Bio-Kult Advance Multi-Strain Formula. This specially developed formula combines 14 unique probiotic strains to aid digestion, bolster your immune system, and promote a balanced gut flora. It's gluten-free, non-GMO and suitable for vegetarians. Maintain your overall wellness with Bio-Kult Advance Multi-Strain Formula, and enjoy a healthier, happier life.\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\"\u003eTake one to two capsules once or twice daily with food and drink.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended daily intake.\u003c\/span\u003e\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 can swallow the capsules whole or pull them apart and sprinkle the contents on food or mix it with a drink.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf taking two or more capsules daily, you may wish to split the dose between two meals.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBio-Kult Advanced Multi-Strain Formula can be taken on an ongoing basis, however following a course of antibiotics, you may wish to use one capsule a day for a period of 4 weeks.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDrink plenty of water to support the beneficial effects of the bacteria.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways read the label and use as directed. Consult a healthcare professional if you have any specific health concerns.\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\"\u003eCellulose (bulking agent), Live bacteria cultures (Bacillus subtilis PXN 21, Bifidobacterium spp. (B. bifidum PXN 23, B. breve PXN 25, B. infantis PXN 27, B. longum PXN 30), Lactobacillus spp. (L. acidophilus PXN 35, L. delbrueckii ssp. bulgaricus PXN 39, L. casei PXN 37, L. plantarum PXN 47, L. rhamnosus PXN 54, L. helveticus PXN 45, L. salivarius PXN 57), Lactococcus lactis ssp. lactis PXN 63, Streptococcus thermophilus PXN 66), Vegetable Capsule Shell (Hydroxypropyl Methylcellulose)\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\"\u003eAs a dietary supplement, Bio-Kult Advance Multi-Strain Formula is generally considered safe for most people. But there can be potential side effects including:\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDigestive issues: Some people may experience bloating, gas, upset stomach, or diarrhoea, especially when first starting the supplement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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: Individuals with allergies to specific strains of bacteria included in the supplement might experience 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\"\u003eInteractions with medications: This includes antibiotics which can reduce the supplement's effectiveness.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAdditionally, individuals under medical supervision, on long term medication, anyone with immune system issues, or those who are pregnant or nursing are advised to consult their doctor or healthcare provider before taking any dietary supplement, including Bio-Kult. Always follow the manufacturer's dosage instructions, unless your healthcare provider advises otherwise.\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\"\u003eAlways follow the recommended daily dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your healthcare professional before using it if you are pregnant, breastfeeding, or on 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\"\u003eNot suitable for those with an immune system disorder 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\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if seal is broken.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt might cause mild stomach discomfort, especially when first starting to take it.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended daily intake.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFood supplements should not replace a varied and balanced diet and healthy lifestyle.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299843920216,"sku":"BIO0367H","price":9.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T130753.771.png?v=1738877106"},{"product_id":"abidec-multvitamin-syrup-omega-3-150ml","title":"Abidec Multivitamin Syrup with Omega 6 \u0026 9 150ml","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\u003eabidec-multvitamin-syrup-omega-3-150ml 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\"\u003ePacked with Omega 3, it strengthens brain function and heart health. Its multi-vitamin complex boosts immunity, promotes healthy growth, and fights deficiencies. Ideal for both children and adults, this 150ml bottle promises enhanced energy levels and overall wellness. Ordering online? This brings perfect health to your doorstep!\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\"\u003eAbidec Multivitamin Syrup should be taken once daily.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFor children aged 1-3 years: Dose is 5ml.\u003c\/span\u003e\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\"\u003eFor children aged 4-6 years: Dose is 10ml.\u003c\/span\u003e\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 syrup can be taken directly or can be mixed with your child's milk or 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 stated dose. Always use the spoon provided to measure the correct dose. It is important to ensure the neck of the bottle is clean and dry before use. Shake 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\"\u003eDo not use if your child is allergic to any of the ingredients. If your child is under medical supervision, seek advice from a healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 forget to give your child the syrup on a particular day, do not give them a double dose the next day. Just carry on with the usual dosage.\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\"\u003eWater, Sugar, Vitamin C, Maltitol, Sodium Citrate, Vitamin B Complex, Omega 6 \u0026amp; 9, Vitamin A, Vitamin D2, Citric Acid, Potassium Sorbate, Orange Oil, Vitamin E.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: Some individuals might be allergic to certain ingredients in this multivitamin syrup. If you experience any allergic symptoms like rashes, itching, swelling, dizziness or trouble 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\"\u003eOverdose: Avoid overdosing on this syrup as it may lead to symptoms such as stomach pain, diarrhoea, hair loss, or peeling skin.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eInteraction with Other Medication: The syrup might interact with certain medications. Talk to your healthcare provider if you are already on 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\"\u003eNot Suitable for Certain Health Conditions: It may not be suitable for individuals with certain health conditions like 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\"\u003eGastrointestinal Discomfort: Some people may experience stomach upset, diarrhoea, or constipation.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to always use this product under the supervision of a healthcare provider.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed recommended dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf allergic reactions occur, stop using and 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-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of the reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways read the label before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for those with fish or soya allergy due to Omega 6 \u0026amp; 9 content.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor or pharmacist if you are pregnant, breastfeeding, taking any other medicines, or have a medical condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place, away from direct sunlight.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844018520,"sku":"ABI0024D","price":7.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject_86_3.png?v=1738877109"},{"product_id":"dextro-energy-natural-47g","title":"Dextro Energy Classic 47g","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\u003edextro-energy-natural-47g 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\"\u003eBoost your energy naturally with Dextro Energy Natural. Ideal for athletes, fitness enthusiasts, or anyone needing a pick-me-up. These convenient, individual packs provide a quick energy source, promoting improved mental and physical performance. Dextro Energy Natural - your perfect partner in maintaining a healthy, active lifestyle.\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\"\u003eTo use Dextro Energy Natural 47g, simply open the packaging and consume the tablets orally. They can be used before, during, or after physical activities for an energy boost. It can also be used during mental tasks to enhance cognitive performance. The quantity and frequency should be adjusted according to individual energy requirements.\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\"\u003eDextrose (88%), maltodextrin, magnesium citrate, acid citric acid, natural flavoring, vitamin C, niacin, vitamin E, pantothenic acid, vitamin B6, vitamin B2, vitamin B1, folic acid, biotin, vitamin B12.\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\"\u003eAs a dietary supplement, Dextro Energy Natural 47g is generally considered safe for most people. However, misuse can lead to potential side effects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eHyperglycemia: Excessive consumption can lead to high blood sugar levels, especially in people with pre-existing 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\"\u003eWeight Gain: Consuming too many glucose tablets can increase calorie intake and lead to weight gain.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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: Overuse may lead to gastrointestinal issues such as bloating, gas and diarrhoea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 show allergic reactions. If you have known allergies always check product's 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 consult with your doctor or healthcare provider before starting any new supplement regimen. It's also important to use Dextro Energy tablets as directed, usually in instances of low blood sugar (hypoglycemia).\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not consume if you are allergic to any ingredient.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 diabetics or individuals with high blood sugar levels.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eCould cause weight gain if consumed excessively.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 the expiry date before consuming.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 as a substitute for a balanced and varied diet.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844149592,"sku":"DEX0033S","price":2.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T130612.681.png?v=1738877112"},{"product_id":"dextro-energy-lemon-47g","title":"Dextro Energy Lemon 47g","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\u003edextro-energy-lemon-47g 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\"\u003eDextro Energy Lemon is ideal for active individuals. This energy-packed glucose tablet, infused with a refreshing lemon flavour, quickly replenishes energy and revitalizes the body. Perfect for athletes or people wanting a quick boost - contains essential vitamins to support physical health and performance.\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\"\u003eOpen the packaging of the Dextro Energy Lemon 47g.\u003c\/span\u003e\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\"\u003eConsume a single tablet before or during periods of intense physical activity or when you feel your energy levels dropping.\u003c\/span\u003e\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 \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\"\u003eAdjust the number of tablets you consume based on your individual energy needs.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt's recommended not to exceed the suggested daily intake.\u003c\/span\u003e\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 remember to reseal the packaging to maintain freshness until next 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!-- 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\"\u003eDextrose (88%), maltodextrin, citric acid, magnesium carbonate, flavouring, vitamin C, vitamin E, vitamin B1, niacin, vitamin B6, folic acid.\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: In case of rash, itching, swelling, severe dizziness, or trouble breathing after the consumption of Dextro Energy Lemon 47g, seek immediate medical attention.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 sugar: People with diabetes need to monitor their blood sugar levels as this product contains high amounts of glucose or dextrose.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDental problems: Long-term usage can lead to tooth decay due to the sugar content.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eWeight gain: Overconsumption can lead to weight gain due to the caloric content.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for individuals with fructose intolerance, as they might experience digestive discomfort.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 recommended dosage and consult a healthcare professional if any problems persist.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if you are allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAvoid use if you have diabetes or other sugar related health issues.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed recommended dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you are pregnant, breastfeeding, or taking any medications, consult your doctor or pharmacist before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOverconsumption may lead to stomach upset or laxative effect.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 intended as a substitute for a balanced diet.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMonitor blood sugar level if you are a diabetic patient.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eExercise caution if you have a history of heart problems as sudden energy surge may lead to potential complications.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool and dry place, away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 the expiry date before consumption.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844280664,"sku":"DEX0072P","price":2.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T125349.424.png?v=1738877115"},{"product_id":"dextro-energy-blackcurrant-47g","title":"Dextro Energy Blackcurrant 47g","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\u003edextro-energy-blackcurrant-47g 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\"\u003eBoost your energy with Dextro Energy Blackcurrant, power-packed with essential nutrients. Ideal for athletes and fitness enthusiasts, this energy supplement is loaded with delicious blackcurrant flavour. Dextro Energy Blackcurrant 47g is also convenient to carry and consume on-the-go, making it a perfect partner for all your outdoor activities.\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\"\u003eDextro Energy Blackcurrant 47g is ready to consume and does not require any preparation. Consume it directly from the package. You can have it before or after physical activities for an energy boost, or use it to manage low blood sugar episodes. Do not exceed the recommended daily dose. Store in a cool, dry place.\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\"\u003eDextrose (78%), maltodextrin, citric acid, magnesium carbonate, flavouring, vitamin C, vitamin B1, acidifier (calcium phosphates).\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\"\u003eIncreased heart rate or palpitations due to possible high caffeine content.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAbdominal discomfort, nausea or diarrhoea if consumed excessively.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIncreases in blood glucose levels, problematic for diabetics.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eWeight gain when consumed excessively due to high sugar content.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic reactions in those allergic to specific 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 consume such products responsibly, and seek advice from a healthcare professional if you have any health conditions or concerns.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for diabetics or those with fructose intolerance.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eExcessive consumption may have laxative 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\"\u003eAlways consult your doctor before starting any dietary supplement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 ingredient.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you're pregnant, nursing, taking any medications, consult your doctor before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult your doctor if any adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDon't exceed the recommended daily dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if the seal is broken or missing.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844346200,"sku":"DEX0312X","price":2.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T125322.688.png?v=1738877119"},{"product_id":"dextro-energy-tropical-47g","title":"Dextro Energy Tropical 47g","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\u003edextro-energy-tropical-47g 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\"\u003eBoost your energy levels with Dextro Energy Tropical, packed with glucose and essential vitamins. Ideal for athletes, fitness enthusiasts or anyone requiring an energy lift. Convenient to carry \u0026amp; great tasting, Dextro Energy provides sustained energy, enhancing physical performance and mental concentration. Perfect energy source for everyday life and physical activity. Contains 14 individually wrapped cubes per pack. Savour the quick, sustained energy boost offered by Dextro Energy Tropical.\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\"\u003eConsume Dextro Energy Tropical 47g directly from the package. Ensure you maintain a balanced and varied diet and follow a healthy lifestyle. The product should be stored in a cool, dry place to maintain its quality. Do not exceed daily recommended dose. Not suitable for children under 3 years of age.\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\"\u003eDextrose (88%), maltodextrin, citric acid, flavouring, magnesium carbonate, calcium carbonate, niacin, vitamin E, vitamin B6, riboflavin, thiamin.\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\"\u003eWeight gain\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIncreased blood sugar levels\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePrecautions:\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePeople with diabetes should use with caution due to high sugar content.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for those trying to maintain a low sugar diet.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 adhere to the recommended daily intake.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eExcessive use may lead to dental 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\"\u003eNot advised for 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\"\u003eHave a balanced and varied diet and a healthy lifestyle.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 if any adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not consume if you are 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\"\u003eNot suitable for diabetics.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eExcessive consumption may lead to weight gain.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 on an empty stomach to avoid digestive issues.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 usage if you are pregnant, nursing, or have a medical condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended daily 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\"\u003eThis product should not be used as a substitute for a balanced and varied diet.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 store in a dry and cool place, away from sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsume only until the 'best before' date mentioned on the pack.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844411736,"sku":"DEX0384F","price":2.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-18T130649.458.png?v=1738877122"},{"product_id":"abidec-multivitamin-drops-25ml","title":"Abidec Multivitamin Drops 25ml","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\u003eabidec-multivitamin-drops-25ml 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\"\u003eAbidec Multivitamin Drops 25ml are an ideal health supplement for children. Enriched with seven essential vitamins, they support growth, vitality, and overall wellness. These vitamin drops enhance immune system, brain function, and healthy skin. Perfect for daily use and suitable for kids of all ages. Boost your child's health and development with our easy-to-use, fast-absorbing multivitamin drops.\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 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\"\u003eUse the enclosed dropper and fill with Abidec Multivitamin Drops up to the 0.6ml mark for children under the age of 1 year.\u003c\/span\u003e\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\"\u003eFor children aged 1-12 years, fill the dropper up to the 1.0ml mark.\u003c\/span\u003e\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\"\u003eDrops can be administered directly into the mouth or mixed with milk or 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\"\u003eAlways ensure to thoroughly clean the dropper 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\"\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-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote: Always consult a healthcare professional before giving to infants under 6 months. Please follow any additional instructions provided by your 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\"\u003eVitamin A, Vitamin D2, Vitamin B1, Vitamin B2, Niacin, Vitamin B6, Vitamin C, Omega 6, Anhydrous glucose, Concentrated pineapple juice, Arachis oil (Peanut Oil), Lecithin\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: Seek immediate medical attention if you experience rashes, itching, swelling, dizziness, or trouble breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOverdose: High doses of vitamins A, D, E, and K could lead to serious or life-threatening 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\"\u003eStomach upset: This supplement may cause mild stomach upset.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnant and breastfeeding women should consult a healthcare professional before taking this supplement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 Abidec Multivitamin Drops if you are allergic to any of its ingredients. Always check with your healthcare provider if you have a history of liver disease, alcoholism, or other medical conditions that may interact negatively with this product. This is not a complete list of precautions or side effects, and others may occur.\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\"\u003eDo not use if the seal is broken.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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\"\u003eIf symptoms persist, consult 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\"\u003ePossible allergic reactions, discontinue use if rash appears or if you feel unwell.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eLong-term intake of excessive amounts of certain vitamins may lead to toxicity.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if allergic to any of the ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt is intended for use in infants and children, not for adult consumption.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place, away from sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 instructions 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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844510040,"sku":"ABI0010P","price":6.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject_86_1.png?v=1738877125"},{"product_id":"wellman-50-30","title":"Wellman 50+ Health \u0026 Vitality 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\u003ewellman-50-30 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\"\u003eBoost your overall health with Wellman 50+, specifically formulated to support men over 50. Packed with essential vitamins, nutrients, and bio-elements, it aids in maintaining vitality, stamina, and cognitive function. This unique supplement fosters cardiovascular, brain health, and helps in maintaining an active lifestyle. Enrich your health journey with Wellman 50+ today!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eWellman 50+ Health \u0026amp; Vitality Tablets should be taken once a day. Swallow one tablet with your main meal; do not chew the tablet. It is not to be used as a substitute for a varied, balanced diet and a healthy lifestyle. CAUTION: Do not exceed the recommended intake. This product must not be used to replace a well-balanced diet and a healthy lifestyle. Not suitable for women. Always consult your doctor before starting any new supplement regimen.\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\"\u003eVitamin A, Vitamin D3, Vitamin E, Vitamin C, Thiamin, Riboflavin, Niacin, Vitamin B6, Folic Acid, Vitamin B12, Biotin, Pantothenic Acid, Magnesium, Iron, Zinc, Copper, Manganese, Selenium, Chromium, Iodine, L-Carnitine, Siberian Ginseng Extract, Co-enzyme Q10, Lutein Esters, Lycopene Extract.\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 individuals may experience allergic reactions like hives, difficulty breathing, or swelling of the face, lips, tongue, or throat.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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: Consumption of these tablets may lead to stomach upset, constipation, or diarrhoea.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSleep Problems: Some might experience difficulty sleeping.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSkin Rash: Skin rashes or itching might occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eHeadache: It may cause headaches in some users.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eChanges in Urine: It can cause changes in the colour of urine, making it darker.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePrecautions:\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 your doctor before taking these tablets, especially if you have any pre-existing medical conditions or allergies.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 without a doctor's consultation.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThese tablets are not a substitute for a varied diet or healthy lifestyle.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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\"\u003eIf you experience any adverse effects, stop taking the tablets and seek medical attention immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 advice is of a general nature, and specific side effects or precautions may vary based on individual health conditions and other factors.\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\"\u003eDesigned for adults, not intended for 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 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 use if the seal is broken.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 under any medication or have a medical condition, consult a healthcare professional before usage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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\"\u003eThese tablets are not a substitute for a balanced diet and healthy lifestyle.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place, out of children's reach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 any adverse reactions occur, stop using immediately and consult a doctor.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844641112,"sku":"WEL1427Q","price":8.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-22T231334.210.png?v=1738877128"},{"product_id":"vitabiotics-pregnacare-his-hers-60","title":"Vitabiotics Pregnacare His \u0026 Hers","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\u003evitabiotics-pregnacare-his-hers-60 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\"\u003eThis nutrient-rich formula contains essential vitamins and minerals tailored to both male and female reive health. Packed with ingredients including Folate, Iron, Vitamin D \u0026amp; B12, it supports fertility and boosts overall wellness. Conscious of potency and purity, this supplement promotes a healthy conception for partners trying to conceive. For the wellness of mom, dad, and baby, choose Vitabiotics Pregnacare.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFor Women: One tablet (previously known as Pregnacare Conception) per day is recommended. Pregnacare should be taken with your main meal. Swallow with a glass of water or a cold drink and take with a main meal. Do not chew or take on an empty stomach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFor Men: One tablet (previously known as Wellman Conception) per day is recommended. Wellman should be taken with your main meal. Swallow with a glass of water or a cold drink and take with a main meal. Not to be chewed. Do not exceed the recommended intake. To be taken only on a full stomach.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote:\u003c\/span\u003e\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\"\u003eThis comprehensive formula replaces other Pregnacare supplements and multivitamins. There is no need to take an additional multivitamin.\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\"\u003eVitamin D, Vitamin E, Vitamin K, Vitamin C, Thiamin (Vitamin B1), Riboflavin (Vitamin B2), Niacin (Vitamin B3), Vitamin B6, Folic Acid, Vitamin B12, Biotin, Pantothenic Acid, Magnesium, Iron, Zinc, Copper, Manganese, Selenium, Chromium, Iodine, Betacarotene (Carotenoid), Inositol, Para-Aminobenzoic Acid, Co-enzyme Q10, L-Arginine, L-Taurine, Siberian Ginseng Extract, Kelp, Lycopene Extract\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\"\u003eAs with any supplement, Vitabiotics Pregnacare His \u0026amp; Hers should be taken with caution. Possible side effects may include an upset stomach, constipation, or diarrhoea. If these side effects persist or worsen, seek medical attention.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePrecautions:\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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\"\u003eAlways consult a healthcare professional before starting any new medication or supplement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnacare is not intended to replace a varied and balanced diet.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you have any underlying health conditions or are on any other medication, consult your doctor before taking Pregnacare.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult your doctor if adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\u003eStore in a cool, dry place.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 Pregnacare if you are allergic to any of its ingredients.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \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 12 years.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended intake.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 overdose, seek medical advice 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\"\u003eIf you are under medical supervision, consult a doctor before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product should not be used as a substitute for a balanced and varied diet.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 pregnant, breastfeeding, taking any medications, or under medical supervision, please consult a doctor or healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult a doctor if adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\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\"\u003eStore in a cool, dry place.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 seal under cap is broken or missing.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844706648,"sku":"PRE1274S","price":14.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-22T225329.351.png?v=1738877131"},{"product_id":"seven-seas-omega-3-daily-30-capsules","title":"Seven Seas Omega-3 Fish Oil Daily 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\u003eseven-seas-omega-3-daily-30-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\"\u003e\"Experience optimal health support with Seven Seas Omega-3 Fish Oil Daily Capsules. Fortified with essential nutrients, this 30-day supply prioritises your well-being by promoting heart health, boosting cognitive function, and supporting joint mobility. Omega-3 fatty acids naturally sourced from fish oil ensure both bioavailability and potency for the best 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\"\u003eTake one to three capsules per 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\"\u003eConsume it with a cold drink during meals.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eSwallow the capsules whole, do not chew or crush them.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended daily 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-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 forget a dose, consume it as soon as you remember, but do not take double dose to make up for forgotten 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\"\u003eCapsules can be taken on an ongoing basis for long-term health support.\u003c\/span\u003e\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\"\u003eConsult your healthcare provider before taking this supplement if you are pregnant, breastfeeding, have a medical condition or are taking 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-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 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-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote: The directions might differ depending on the particular product, so always check the package label.\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\"\u003eFish Oil Concentrate (Triomega), Capsule Shell (Gelatin, Glycerol, Purified Water), Vitamin E\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: Seek immediate help if you start experiencing symptoms of an allergic reaction such as hives, difficulty in breathing, or swelling of your face, lips, tongue, or throat.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBleeding: Omega-3 fish oil can cause excessive bleeding. Avoid its use if you have a blood clotting disorder or are on blood-thinning 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\"\u003eFishy Aftertaste: Some users might experience a fishy aftertaste or bad breath.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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: Stomach upset, nausea, diarrhoea, or constipation might occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eLiver Damage: Excessive intake might cause liver damage. In case of symptoms like persistent nausea, vomiting, dark urine, or abdominal pain, please seek medical attention immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 Sugar: Diabetic users should monitor their blood sugar levels regularly as it can increase blood sugar levels.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 Medications: The capsules can interact with medications including blood thinners and birth control pills, altering their affects.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 is not a complete list of side effects and others may occur. Always consult with a healthcare professional before starting any new supplement regimen.\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 dosage.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you are allergic to fish, you should avoid 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\"\u003ePregnant women, nursing mothers and children should consult a healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use it if the seal is broken or missing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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\"\u003eIf you are taking any medication or have a medical condition, consult with your healthcare provider before starting any new dietary supplement.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 contact a doctor if adverse reactions occur.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844804952,"sku":"SEV0493W","price":9.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-18T125133.823.png?v=1738877135"},{"product_id":"seven-seas-omega-3-max-strength-30-capsules","title":"Seven Seas Omega-3 Max Strength Fish Oil 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\u003eseven-seas-omega-3-max-strength-30-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\"\u003eThese easy-to-take capsules deliver the optimum dosage of Omega-3 in a single dose. Produced from sea-harvested fish oil, it's molecularly distilled for purity. Rejuvenate your health journey today!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Simple Description (for products with only paragraph content) --\u003e\n \n\n \u003c!-- How to Use --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n How to use\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eTake two capsules per day with a cold drink. If required, adults may increase up to three capsules a day. Do not exceed the recommended dosage.\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\"\u003eFish Oil Concentrate Omega-3, Gelatin, Glycerol, Purified Water, Vitamin E.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: Some people might be allergic to fish oil or the inactive ingredients of the capsule.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eUpset Stomach: Consuming fish oil can sometimes lead to gastrointestinal problems such as diarrhoea, bloating, indigestion or heartburn.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBlood Thinners: If you're taking anticoagulant medication or blood thinners, use with caution as fish oil could increase the risk of bleeding.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eFishy Aftertaste: A common and minor side effect is a fishy odour or taste.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 Doses: High doses of omega-3 may suppress the immune system.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eVitamin A or D Overdose: Some fish oils contain high levels of vitamins A and D. Long-term use of these can cause toxic levels in the body.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eConsult your doctor before starting any new supplement, especially if you have any pre-existing health conditions, are pregnant, breastfeeding or considering its use in children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not exceed the recommended 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\"\u003eConsult with your doctor or pharmacist before use if you are pregnant, planning to become pregnant, breastfeeding or if you suffer from any medical conditions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult your doctor if any adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product should not be used as a substitute for a balanced diet.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if the seal is broken.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you are allergic to fish or any other ingredient in this product, do not consume.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 intended for use by persons under the age of 12.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844870488,"sku":"SEV0495Y","price":19.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-18T125511.540.png?v=1738877138"},{"product_id":"centrum-multigummies-immunity","title":"Centrum Multigummies Immunity Support","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\u003ecentrum-multigummies-immunity 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\"\u003eBoost your body's defenses with Centrum Multigummies Immunity, packed with essential vitamins and minerals. Formulated to support a strong immune system, they contain beneficial antioxidants, B-Vitamins, Vitamin C, D, E \u0026amp; Zinc. Perfect for comprehensive well-being.\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 should chew two gummies daily. No need to take with water or food. Do not exceed the recommended daily dose.\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\"\u003eVitamins A, C, E, D, B6, B12, Biotin, Folic Acid, Iodine, Pantothenic Acid, Zinc, Inositol, Sodium, Lycopene, Glucose Syrup, Sugar, Water, Gelatin, Natural and Artificial flavours, Fruit and Vegetable Juice (Colour), Phosphoric Acid, Sodium Citrate.\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: Seek immediate medical attention if symptoms like rash, swelling, dizziness, or trouble breathing occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOverdose: This may cause serious or life-threatening side effects. Symptoms may include stomach pain, nausea, diarrhoea, or vomiting.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIn case you have a pre-existing medical condition like kidney disease, it's crucial to discuss with your doctor, as overuse of vitamins\/minerals could worsen your 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\"\u003eIf pregnant or breastfeeding, consult your doctor before using this product to discuss any potential risks.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 are already taking medications, notably ones like diuretics or heart medications, as it can interfere.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAn overdose of certain minerals can cause imbalance or lead to some unwanted 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\"\u003eUse with caution in children; always consult a paediatrician first.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eMake sure to swallow the gummy whole, do not crush, chew, or break it.\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 for children under 2 years or those who have a hard time chewing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 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\"\u003eDo not use if the inner seal is broken or missing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eInform your healthcare provider about any medical condition or if you are taking 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\"\u003eDiscontinue use and contact your healthcare provider if you experience any adverse reaction.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnant or nursing women are advised to consult with a healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore at room temperature. Avoid excessive heat.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844903256,"sku":"CEN0114G","price":7.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-20T122031.155.png?v=1738877142"},{"product_id":"vitabiotics-wellman-helth-vitality-tablets","title":"Vitabiotics Wellman Health \u0026 Vitality 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\u003evitabiotics-wellman-helth-vitality-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 \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\"\u003eBoost your daily wellness routine with Vitabiotics Wellman Health \u0026amp; Vitality Tablets. Filled with essential nutrients like B Complex, vitamin D, \u0026amp; zinc, these tablets support your immune system, energy release, \u0026amp; overall daily health. Fortify your health with these scientifically developed vitality tablets.\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\"\u003eTake one Vitabiotics Wellman Health \u0026amp; Vitality tablet daily with your main meal. Swallow with water or a cold drink. Do not chew the tablet. It is advised not to exceed the recommended intake. This comprehensive formula replaces other Wellman supplements and multivitamins. There is no need to take an additional multivitamin.\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\"\u003eVitamin D, Vitamin E, Vitamin K, Vitamin C, Thiamin (Vitamin B1), Riboflavin (Vitamin B2), Niacin (Vitamin B3), Vitamin B6, Folic acid, Vitamin B12, Biotin, Pantothenic acid, Magnesium, Iron, Zinc, Copper, Manganese, Selenium, Chromium, Iodine, L-Arginine, Siberian Ginseng Extract, Co-enzyme Q10, L-Carnitine, Citrus Bioflavonoids, Lutein Esters, Lycopene Extract, Rosemary Extract.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('side-effects')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Side Effects \u0026amp; Cautions\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"side-effects\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllergic Reaction: Some people may have an allergic reaction to the ingredients in these tablets. If you experience symptoms such as rash, itching, swelling, severe dizziness, or trouble breathing, get medical attention immediately.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 users have reported episodes of nausea, stomach upset or constipation.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eInteraction with Other Medicine: If you're on other medication, particularly blood thinners or medication for chronic illnesses, consult your doctor before starting Wellman 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\"\u003eOverdose Risk: Don't take more than the recommended dose. An overdose could lead to vitamin or mineral toxicity.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 All: These tablets are not recommended for children or during pregnancy or breastfeeding unless advised by a healthcare professional.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eContains Iron: Vitabiotics Wellman tablets contain iron which can be harmful to very young children if consumed in excess.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eRemember to keep all medicine out of sight and reach of kids.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eKeep out of reach of children.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAlways consult your doctor before starting any new supplement regimen.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 daily 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\"\u003eNot suitable for children or adolescents under the age of 18.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you are under any prescribed medication or have any medical conditions, seek professional advice before 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\"\u003eThese tablets should not be used as a substitute for a varied diet and healthy lifestyle.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if the seal is broken or tampered with.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you experience any adverse reactions, discontinue use and 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-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 intended for use by pregnant or nursing women.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299844968792,"sku":"WEL0985H","price":7.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-10-22T225505.141.png?v=1738877145"},{"product_id":"betteryou-dlux-4000-vitamin-d-oral-spray-15ml","title":"Betteryou Dlux 4000 Vitamin D Oral 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\u003ebetteryou-dlux-4000-vitamin-d-oral-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\"\u003eThe perfect health solution, this Vitamin D oral spray supports a robust immune system, bone health, and normal muscle function. It offers peace of mind knowing you're getting your daily Vitamin D intake efficiently and effectively. Each 15ml bottle provides you with a month's supply of daily sunshine.\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\"\u003eCarefully remove the plastic cap from the top of the spray.\u003c\/span\u003e\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\"\u003ePosition the spray nozzle to your mouth, ideally under the tongue or on the inside of the cheek.\u003c\/span\u003e\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\"\u003eSpray once, and you'll have your daily dose of 4000IU of Vitamin D.\u003c\/span\u003e\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\"\u003eAfter spraying, avoid swallowing for a few seconds to allow the Vitamin D to fully absorb.\u003c\/span\u003e\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\"\u003eReplace the cap after use and store the bottle in a cool, dry place.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNote: Do not exceed the recommended dosage unless directed by 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\"\u003ePurified water, xylitol, acacia gum, cholecalciferol (vitamin D3), sunflower lecithin, citric acid, preservative: potassium sorbate, peppermint oil.\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 allergic reactions: Discontinue usage and seek medical attention if you exhibit signs of allergy such as rash, itching or difficulty breathing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eOverdose risk: Excessive usage may lead to hypercalcemia, causing damage to heart, kidneys and blood vessels.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eInteraction with other supplements or medicines: There may be potential interactions with certain medicines or supplements. Consult your doctor or pharmacist before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eNot suitable for some people: Not recommended for people with hypercalcemia, sarcoidosis or other granulomatous diseases 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\"\u003eUse during pregnancy or breastfeeding: Consult your healthcare professional before usage 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\"\u003eRemember, this does not include all potential side effects and others may occur. Always consult a healthcare professional for 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\"\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\"\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\"\u003eConsult your doctor or pharmacist before use if pregnant, breastfeeding, or have a medical condition.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDiscontinue use and consult a doctor if adverse reactions occur.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThis product should not substitute a balanced diet.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place away from direct sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDo not use if the seal is broken or missing.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 or any sensitive areas.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 is not intended for use by persons under the age of 18.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299845132632,"sku":"DLU0002U","price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/betteryou_dlux_4000_vitamin_d_oral_spray_15ml_dlu0002u_1.jpg?v=1738877154"},{"product_id":"betteryou-multivit-daily-oral-spray-25ml","title":"Betteryou Multivit Daily Oral Spray 25ml","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\u003ebetteryou-multivit-daily-oral-spray-25ml 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\"\u003eBetterYou Multivit Daily Oral Spray 25ml is your perfect companion for optimal health. It's a unique formulation designed to deliver essential vitamins and minerals directly into the bloodstream. Rich in B vitamins, selenium, and iodine, it promotes immunity, energy, and wellbeing. Our oral spray is a fast, effective, and convenient alternative to tablets. Suitable for vegans, vegetarians, and those with dietary restrictions. Perfect for adults and children above 13 years. Try our oral spray and experience a new level of health boost.\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\"\u003eCarefully remove the cap from the BetterYou Multivit Daily Oral Spray.\u003c\/span\u003e\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\"\u003eSpray directly into your mouth on the inside of your cheek.\u003c\/span\u003e\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\"\u003eAdminister 4 sprays a day or as directed by your health practitioner.\u003c\/span\u003e\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\"\u003eReplace the cap after use to keep the contents fresh and protected.\u003c\/span\u003e\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.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIt's important to note, this oral spray format is not designed to be swallowed, instead, it gets directly absorbed into the bloodstream through the rich vein system in the 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-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 can use the BetterYou Multivit Daily Oral Spray at any time of the day, but it's ideal to incorporate it as part of your daily routine. It does not need to be taken with food or drink.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Ingredients --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('ingredients')\" class=\"accordion-button tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-4 tw-text-left\"\u003e\n \u003cspan class=\"section-title tw-flex tw-items-center\"\u003e\n \u003ci class=\"fa-solid fa-flask tw-text-3xl tw-mr-5 tw-text-primary\"\u003e\u003c\/i\u003e\n Main Ingredients\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 chevron-icon\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"ingredients\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePurified water, xylitol, acacia gum, ascorbic acid (Vitamin C), niacinamide (Vitamin B3), calcium d-pantothenate (Vitamin B5), medium chain triglycerides, emulsifier: lecithin, pyridoxine HCI (Vitamin B6), thiamine mononitrate (Vitamin B1), riboflavin 5 phosphate sodium (Vitamin B2), preservative: potassium sorbate, folate (Vitamin B9), Vitamin E (d-alpha tocopherol), Vitamin A (retinyl palmitate), thickener: xanthan gum, Vitamin D3 (cholecalciferol), Vitamin B12 (methylcobalamin \u0026amp; 5-deoxyadenosylcobalamin).\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\"\u003eAs a responsible AI developed by OpenAI, I must clarify that the product you mentioned, Betteryou Multivit Daily Oral Spray, is generally considered safe as it's a vitamin supplement. However, possible side effects are typically very rare and might include an allergic reaction like rash, itching, dizziness, trouble breathing, or swelling of your face, lips, tongue, or throat.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePrecaution:\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e- Consult your physician if you are pregnant, nursing, taking medication, or have a medical condition before starting any supplement regimen.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003e- Do 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\"\u003e- Discontinue use if you experience any adverse 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\"\u003e- Avoid spraying into 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\"\u003e- Keep 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\"\u003e- Store in a cool, dry place.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePlease remember, it's always safest to discuss any concerns or questions with a healthcare professional.\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 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\"\u003eNot suitable for children under the age of 3.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003ePregnant or breastfeeding women should consult healthcare professional before use.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you're under medical supervision, 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 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 it if the seal is broken.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-exclamation tw-text-xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eStore in a cool, dry place away from sunlight.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 adverse reactions occur, stop using the product and consult 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\"\u003eIt's a supplement and should not replace a balanced diet or healthy lifestyle.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-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 spraying in eyes.\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299845198168,"sku":"MUL0167E","price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject_86_-2023-09-06T181136.081.png?v=1738877157"},{"product_id":"wellkid-immune-chewable","title":"Wellkid Immune Chewable 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\u003ewellkid-immune-chewable 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\"\u003eWellkid Immune Chewable tablets offer a convenient way to support your child's nutritional intake with 24 nutrients in one tasty supplement. These chewables include essential vitamins A, C, and D, with vitamin D specifically contributing to normal immune system function in children. They come in a delightful orange and lemon flavour, making them a great choice for kids.\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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299865907544,"sku":"WELLKIIMMCHE","price":7.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-10T123905.153.png?v=1738877726"},{"product_id":"wellbaby-multivitamin-liquid","title":"Wellbaby Multivitamin Liquid","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\u003ewellbaby-multivitamin-liquid 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\"\u003eWellbaby Multi-vitamin Liquid is specially formulated for babies and toddlers from 6 months to 4 years, supporting their rapid growth and development. This carefully balanced liquid includes 14 essential vitamins and minerals, including vitamins A, C, and D, which contribute to normal immune system function. It's an ideal supplement to ensure your little one gets the nutrients they need during their vital early 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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299866038616,"sku":"WELLBABMULTLIQ","price":5.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-10T164620.713.png?v=1738877730"},{"product_id":"biocare-baby-childrens-vitamin-d3-15ml","title":"BioCare Baby \u0026 Childrens Vitamin D3 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\u003ebiocare-baby-childrens-vitamin-d3-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\"\u003eBioCare Baby \u0026amp; Children's Vitamin D3 is a tailored supplement suitable for babies from one month old. It comes in an easy-to-use liquid form, providing key nutrients in levels appropriate for infants. This 15ml solution is designed to support the health and development of your little ones.\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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299866071384,"sku":"77915","price":7.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-11T102721.319.png?v=1738877733"},{"product_id":"betteryou-immune-health-kids-daily-oral-spray","title":"BetterYou Immune Health Kids Daily Oral Spray","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\u003ebetteryou-immune-health-kids-daily-oral-spray 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\"\u003eMinami Nutrition's MINAMI DHA+EPA Liquid Kids + Vitamin D is a 100ml supplement specially formulated for children. It contains EPA and DHA, which support heart function, and DHA for normal brain function and vision. The addition of Vitamin D3, the 'sunshine nutrient', boosts children's immune system and is essential for bone growth and development. This product is designed to support children's overall health and well-being.\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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299866300760,"sku":"112901","price":23.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-11T103919.419.png?v=1738877737"},{"product_id":"minami-nutrition-mordha-mini-3-years-60-capsules","title":"Minami Nutrition MorDHA Mini 3 Years+ 60 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\u003eminami-nutrition-mordha-mini-3-years-60-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\"\u003eMinami Nutrition MorDHA Mini for children aged 3 years and above comes in a 60-capsule pack. These capsules are rich in Omega-3 fatty acids, EPA and DHA, crucial for a child's brain and vision development. DHA, comprising 25% of brain fat, is key to maintaining brain function and vision.\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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299866431832,"sku":"112903","price":23.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-11T104203.124.png?v=1738877741"},{"product_id":"minami-nutrition-morepa-mini-6-years-60-capsules","title":"Minami Nutrition MorEPA Mini 6 Years+ - 60 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\u003eminami-nutrition-morepa-mini-6-years-60-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\"\u003eThis combination supports optimal development, aiding concentration, memory, and learning. Vitamin D contributes to normal bone growth, dental health, and immune function. The inclusion of Evening Primrose oil benefits the skin. This supplement is tailored to support the overall well-being and development of children.\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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299866497368,"sku":"112906","price":23.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-11T104431.078.png?v=1738877745"},{"product_id":"betteryou-vitamin-d-k2-kids-daily-oral-spray","title":"BetterYou Vitamin D + K2 Kids Daily Oral Spray","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\u003ebetteryou-vitamin-d-k2-kids-daily-oral-spray 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\"\u003eThe Vitamin D + K2 Kids Daily Oral Spray combines vitamin D and K2 to support immune health and healthy bone development in children. It offers a delightful blueberry and bubblegum flavour, making it enjoyable for kids. Two sprays deliver 800IU of vitamin D3, and the K2 component helps prevent arterial calcification and supports normal blood clotting. This product is part of a unique range developed in partnership with The Roald Dahl Story Company, aimed at supporting children's health, wellbeing, and sleep.\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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299866628440,"sku":"100189","price":8.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/NewProject-2023-12-11T104744.568.png?v=1738877749"},{"product_id":"vitamin-d3-20000iu-tablets","title":"SunVit Vitamin D3 20,000IU 28 High Strength Weekly 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\u003evitamin-d3-20000iu-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 \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\"\u003eWith over 1 billion people estimated to have D3 deficiency, our high strength tablets are the solution to achieving balanced Vitamin D3 levels. Whether you're seeking immune system support, improved bone health, or enhanced nutrient absorption, our vegetarian tablets are here to enrich your life.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eKey Features:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eThis is a high strength supplement \u0026amp; not intended for long term usage.Do not exceed the recommended intake unless directed by your doctor. For further information please read the enclosed information leaflet.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eBenefits:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299868037464,"sku":"DD0500","price":8.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/28-vitamin-d3-20000iu-weekly-tablets-for-adults-851436_c2d71e5b-b9e3-4fd1-9f65-a73726d8f7f7.jpg?v=1738877783"},{"product_id":"vitamin-d3-1000iu-tablets","title":"SunVit Vitamin D3 1,000IU 28 Low Strength Daily 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\u003evitamin-d3-1000iu-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 \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 \n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eKey Features:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eBenefits:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eOur tablets are composed of cholecalciferol, absorbed quickly by body fats.\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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299868168536,"sku":"DD0004","price":5.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/28-vitamin-d3-1000iu-daily-tablets-for-adults-children-947964.jpg?v=1738877786"},{"product_id":"vitamin-d3-2000iu-tablets","title":"SunVit Vitamin D3 2,000IU 28 Low Strength Daily 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\u003evitamin-d3-2000iu-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 \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\"\u003eGive your body the boost it needs with our Vitamin D3 2,000IU tablets. Designed for easy absorption, these vegetarian tablets are perfect for those with diagnosed deficiency or looking to maintain healthy D3 levels.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eKey Features:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eBenefits:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eOur tablets are composed of cholecalciferol, absorbed quickly by body fats.\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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299868234072,"sku":"DD0005","price":5.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/28-vitamin-d3-2000iu-daily-tablets-for-adults-children-300608_28f970e9-7edc-4505-bc6c-ee0a0206f757.jpg?v=1738877790"},{"product_id":"vitamin-d3-10000iu-tablets","title":"SunVit Vitamin D3 10,000IU 28 High Strength Weekly 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\u003evitamin-d3-10000iu-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 \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\"\u003eFormulated with highly absorbable cholecalciferol, these vegetarian tablets are ideal for individuals with low D3 levels, addressing a concern affecting over 1 billion people globally.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eKey Features:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eThis is a high strength supplement \u0026amp; not intended for long term usage.Do not exceed the recommended intake unless directed by your doctor. For further information please read the enclosed information leaflet.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eBenefits:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6 last:tw-mb-0\"\u003e\n \u003cp class=\"content-text\"\u003eKey ingredients include Microcrystalline Cellulose, Silica Magnesium Stearate, Di Calcium Phosphate, Carnauba Wax, and a White Coating Solution.\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\n \u003c!-- Ingredients --\u003e\n \n\n \u003c!-- Side Effects --\u003e\n \n\n \u003c!-- Patient Information --\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":"Vitamins \u0026 Supplements","offers":[{"title":"Default Title","offer_id":54299868299608,"sku":"DD0250","price":9.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/28-vitamin-d3-10000iu-weekly-tablets-for-adults-925834_7e784245-1fa4-4aea-a1b3-edb9d513a4e8.jpg?v=1738877793"}],"url":"https:\/\/westburychemist.net\/collections\/test.oembed?page=2","provider":"Westbury Chemist","version":"1.0","type":"link"}