{"title":"Cold Sores","description":"\u003cmeta charset=\"utf-8\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eAlleviate the discomfort of cold sores with our range of effective cold sore treatments at Westbury Chemist. Explore our selection of creams, ointments, and patches designed to soothe, heal, and reduce the duration of cold sore outbreaks. Our trusted cold sore treatments provide relief from pain, itching, and promote faster healing. Shop now and find relief from cold sores with our quality treatments at Westbury Chemist.\u003c\/span\u003e","products":[{"product_id":"valtrex-cold-sores","title":"Valtrex","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\u003eValtrex Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eValtrex is a prescription tablet used to treat cold sores.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt helps clear your skin by preventing the herpes virus from multiplying.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eYou might notice an improvement in symptoms within five days.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Valtrex?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValtrex tablets are a prescribed medicine used to alleviate herpes symptoms. They effectively treat cold sores and herpes sores on the skin, leaving your skin clear and relieving the pain, itching, and discomfort associated with herpes outbreaks. Additionally, they can help prevent the spread of herpes to other areas of your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's also occasionally used to lower the chances of transmitting herpes to sexual partners, though it's not guaranteed to be completely effective. If you'd like more information on this, have a chat with our clinician.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Valtrex work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValtrex contains the active ingredient valaciclovir. It works by preventing the herpes virus from multiplying, which helps to clear up outbreaks, including cold sores or lesions, and eases any soreness or itching.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTaking Valtrex at the first signs of symptoms can help reduce the severity of a herpes outbreak and prevent it from spreading to other areas of the body.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Valtrex are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValtrex is available as a tablet. We provide a 500mg tablet of Valtrex for treating Herpes. If this treatment isn't effective for you, it's a good idea to talk to your clinician about other treatment options, as there isn't a different dose available.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Valtrex to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThe duration of Valtrex treatment can differ based on the person and how severe your herpes infection and outbreak are. Generally, you should notice improvement within five days of starting Valtrex. If your symptoms continue, please get in touch with our clinician for further advice and other treatment options.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Valtrex?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eMake sure to read the instructions that come with your Valtrex treatment thoroughly before using it. This will help you avoid any mistakes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose of your Valtrex, take it as soon as you remember, then carry on with your usual schedule.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you notice any side effects or have concerns about your treatment, please talk to our clinician for more guidance.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Valtrex different to other treatments for herpes?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValtrex contains a different antiviral medication compared to treatments like aciclovir, but it functions in much the same way. It helps prevent the virus from multiplying and spreading to nearby healthy cells. This can speed up the healing of herpes sores and ease any pain, itching, or discomfort they cause.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValtrex is only available in tablet form. It doesn't come as a cream or an oral suspension. If you have trouble taking tablets, it's best to discuss other treatment options with our clinician. Log into your account and send them a message.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Valtrex similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou can get a generic version of Valtrex called valaciclovir. It has the same active ingredient and works just like Valtrex, but it's produced by a different company and might be a bit cheaper. Deciding between a branded or generic treatment is entirely up to you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Valtrex should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere are two strengths available, 250mg and 500mg. If the initial dose prescribed by our clinicians isn't effective, please inform us so we can discuss it further.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Valtrex?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValtrex, along with its generic version valaciclovir, can reduce the period during which the herpes virus is contagious. It has also been shown to significantly speed up the healing process of herpes lesions, which can help ease discomfort and improve the look of the lesion or cold sore.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eTaking Valtrex daily can also help reduce the chance of passing herpes to sexual partners. It can lower the risk of a partner developing symptomatic genital herpes by up to 77%.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHowever, it's important to always use condoms to lower the risk of transmission. If you'd like more information on this, feel free to have a chat with our clinician.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValtrex tablets won't permanently cure herpes since it's a virus that remains in the body. However, they can help lessen future outbreaks and reduce the severity of the virus, which can enhance your comfort, confidence, and overall quality of life.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Valtrex?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou'll need a prescription to get Valtrex tablets, as they aren't available over the counter. A clinician will need to review your medical history and situation to ensure that Valtrex is safe and appropriate for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOur healthcare professionals are here to help you select the right medication for your herpes, whether you're dealing with cold sores or genital herpes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValtrex isn't right for everyone, and there are a few things you should know before taking it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information about it. If there's anything you don't understand, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/162\/pil\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"500mg \/ 10 Tablets","offer_id":54299903328600,"sku":"VALTREX-500-10","price":59.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/valtrex_blister-pack-2-1.png?v=1738931365"},{"product_id":"aciclovir-cold-sores","title":"Aciclovir","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\u003eAciclovir Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eAciclovir is available as a cream or tablet to treat cold sores.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's used to treat infections caused by the herpes virus.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe active ingredient in both formulas works by preventing the virus from spreading.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Aciclovir?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAciclovir is the generic form of Zovirax. Being a generic medicine, it's typically a bit more affordable, yet it delivers the same results. Aciclovir is commonly prescribed for infections caused by the herpes virus. It works to clear up visible symptoms from the infection, leaving your skin looking healthy. You might also find this medication used for treating other viruses such as shingles or chickenpox.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe cream is typically prescribed for treating cold sores, while the tablets are used to directly address herpes and genital herpes. Aciclovir is also available as an injection, but this is generally given in a hospital setting. You don't always need a prescription for these treatments. Aciclovir can often be purchased over the counter at a supermarket or pharmacy.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Aciclovir work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAciclovir gets its name from its active ingredient, aciclovir, which works by stopping the virus from replicating its DNA. This helps lessen the severity of the infection and prevents the virus from spreading.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhile aciclovir won't cure herpes, it can ease the pain and discomfort, and help any sores heal more quickly. Besides treating current outbreaks, aciclovir can also help prevent future ones.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Aciclovir are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAciclovir comes in just two forms. The tablets are available in a 200 mg dose, and the cream is provided in a tube containing 5% aciclovir.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n Aciclovir tablet instructions\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eDissolve the tablet in a glass of water, then give it a stir before drinking.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you'd rather, you can swallow the tablet whole with a small amount of water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBegin taking your tablets as soon as you notice an outbreak.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eThe amount of Aciclovir you need to take depends on the condition it's been prescribed for. Our clinician will talk this over with you before you place your order.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n Aciclovir cream instructions\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eBegin your treatment as soon as you spot a cold sore starting to develop.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eGently massage the cream into the affected area.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eAllow the cream to soak into your skin. Avoid rinsing it off with water.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Aciclovir to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThe length of treatment can differ based on your condition and how severe your infection is. You should begin to notice improvements from Aciclovir within five days of starting it. If you don't see any benefits after five days, please get in touch with our clinician.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when taking Aciclovir?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eAciclovir is generally safe, but it's important not to take too much over a few days. If you think you've taken too much, get in touch with our clinician or a healthcare professional for advice as soon as possible. If they ask you to come in for an appointment, remember to bring your medication box and leaflet with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What if I forget to take Aciclovir?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose of Aciclovir 200 mg, simply take a tablet as soon as you remember.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you realise you've missed a dose when it's time for your next one, simply skip the missed dose and carry on with your treatment as usual.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you miss a tablet, don't take two to catch up.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Aciclovir different to other treatments for herpes?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eMost antiviral treatments for herpes and cold sores have a similar type of active ingredient. The key difference is that not all of them come in forms like creams and oral suspensions, as Aciclovir does.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Aciclovir similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAciclovir is the generic version of Zovirax. Both have the same active ingredient, so they function in the same way. The main difference is that branded products like Zovirax can be a bit more costly than generic options.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eZovirax is produced by a particular company, so it's considered a branded product. Some people like using brand names because they prefer them, while others are content with a treatment that's basically the same but more affordable.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What type of Aciclovir should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor cold sores, it's generally best to use Aciclovir 50 mg cream. The tablets are more effective for treating genital herpes and can help prevent future outbreaks. Our clinicians can help you choose the right treatment for your needs.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Aciclovir?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eA clinical study conducted in 2002 found that Aciclovir is very effective at alleviating herpes symptoms and preventing future outbreaks. The study involved 131 adults of both sexes who had the herpes virus.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor those treated with Aciclovir, lesions typically lasted four days. In contrast, the group given a placebo (a dummy tablet) experienced lesions for up to six days. This indicates that Aciclovir helps shorten the duration of genital herpes symptoms.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's important to understand that Aciclovir doesn't eliminate the herpes virus; it simply prevents it from spreading. Even after taking this medication, the herpes virus remains in your body, but Aciclovir stops it from multiplying.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Aciclovir?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, you'll need a prescription to get Aciclovir online. This ensures the treatment is safe and suitable for you. Herpes can be difficult to manage, so it's always a good idea to consult a medical professional before choosing the right medication.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAciclovir isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAciclovir Tablets | Aciclovir Cream\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/4334\/smpc\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Aciclovir Tablets\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/9273\/smpc\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Aciclovir Cream\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"5% cream \/ 1 Pack","offer_id":54299903492440,"sku":"ACICLOVIR-5% cream-1","price":26.95,"currency_code":"GBP","in_stock":true},{"title":"200mg tablets \/ 1 Pack","offer_id":54299903525208,"sku":"ACICLOVIR-200 tablets-1","price":26.95,"currency_code":"GBP","in_stock":true},{"title":"200mg dispersible tablets \/ 1 Pack","offer_id":54299903557976,"sku":"ACICLOVIR-200 dispersible tablets-1","price":26.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/westbury-prescription-medication_4820de4f-bdab-4cde-a5f4-8a7544393cbe.png?v=1738934181"},{"product_id":"zovirax-cold-sores","title":"Zovirax","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\u003eZovirax Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eZovirax is a treatment for cold sores that comes in either a cream or tablet form.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt contains aciclovir, which helps reduce sores and swelling on your skin.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe type you’re given will depend on how severe your symptoms are.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Zovirax?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eZovirax is available as a cream or tablets and is used to reduce the visible symptoms of herpes, helping you achieve clear and comfortable skin. While it doesn't cure the herpes virus, it can help heal the sores that appear during an outbreak and speed up recovery.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe cream is applied to help treat cold sores, which typically appear on the face or mouth. On the other hand, the tablets are more often used for treating genital herpes. They can lessen the severity of an outbreak and also reduce how often outbreaks occur.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Zovirax work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe active ingredient in Zovirax is aciclovir, which is commonly used to treat cold sores and genital herpes. Aciclovir works by stopping the virus from replicating its DNA, which helps to heal the visible sores and reduce swelling. It also helps to prevent future outbreaks and lowers the risk of the virus spreading to other areas of your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Zovirax are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eZovirax comes in various doses, tailored to the type and severity of your herpes outbreak. Our clinicians can discuss the most suitable treatment and dosage for your condition. The available doses are:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cdiv class=\"space-y-4\"\u003e\n \n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eZovirax 200mg tablets – A single dose of the tablet is available\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eZovirax Cream 200mg \/ 5ml – Each bottle holds 125ml\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"flex items-center gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check text-xl\"\u003e\u003c\/i\u003e\n \u003cspan class=\"flex-1 text-lg\"\u003eZorivax Cream 0.05 – This cream contains 5% aciclovir and comes in either 2g or 10g tubes.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Zovirax to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThe time it takes for Zovirax to start working can differ, depending on how severe your herpes outbreak is. You should see results within five days of starting your treatment. If your outbreak continues beyond this period despite taking the medication, it's best to contact our clinician for further advice.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when using Zovirax?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally use Zovirax cream or tablets incorrectly, here's what you can do:\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a dose of Zovirax tablets, take it as soon as you remember. However, if it's almost time for your next dose, just skip the missed one. Never take two doses at the same time.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take too many Zovirax tablets, get emergency medical help to find out what to do next.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003cdiv class=\"tw-flex-shrink-0 tw-w-7 tw-h-7 tw-bg-primary-light tw-rounded-full tw-flex tw-items-center tw-justify-center\"\u003e\n \u003cspan class=\"tw-text-sm tw-font-semibold tw-text-primary\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tw-flex-1 tw-text-lg tw-text-gray-600\"\u003eIf you forget to use your Zovirax cream, just apply it as you normally would, up to five times a day.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Zovirax different from other treatments for herpes?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAciclovir, the main ingredient in Zovirax, is a widely used treatment for herpes. Other alternatives work in a similar manner, but not all of them are available as both creams and tablets like Zovirax.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Zovirax?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which version of Zovirax should I use?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Zovirax?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, Zovirax requires a prescription, so initially, a clinician will need to ensure it's safe and appropriate for you by reviewing your health history.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOur clinical team is here to assist you in selecting the right medication for your needs, whether you're seeking treatment for cold sores or genital herpes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Zovirax similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eZovirax is a popular brand that uses aciclovir to treat herpes outbreaks. You can also get aciclovir without the brand name, and it works just as effectively. However, the packaging and look of the medicine might be different.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eOpting for a generic version is generally more affordable than Zovirax. However, some individuals prefer to use the brand name due to personal preference. Ultimately, it's down to personal choice.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eZovirax isn't suitable for everyone, and there are a few things you should keep in mind when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If you find anything unclear, just let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eZovirax Tablets | Zovirax Cream\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/1634\/smpc\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Zovirax Tablets\n \n \u003c\/a\u003e\n \n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/27\/smpc\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Zovirax Cream\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"200mg \/ 25 Tablets","offer_id":54299903820120,"sku":"ZOVIRAX-200-25","price":27.95,"currency_code":"GBP","in_stock":true},{"title":"5% \/ 25 Tablets","offer_id":54299903852888,"sku":"ZOVIRAX-5%-25","price":27.95,"currency_code":"GBP","in_stock":true}]},{"product_id":"valaciclovir-cold-sores","title":"Valaciclovir","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\u003eValaciclovir Description\u003c\/title\u003e\n \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n \u003cscript defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n \u003cscript\u003e\n tailwind.config = {\n prefix: 'tw-',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Instrument Sans', 'sans-serif'],\n },\n colors: {\n primary: '#3F88CE',\n 'primary-light': '#EBF5FF',\n }\n }\n }\n }\n \u003c\/script\u003e\n \u003cstyle\u003e\n \/* Reset styles for our content only *\/\n .treated-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Instrument Sans', sans-serif !important;\n }\n\n \/* Defensive styles to prevent Shopify styles from bleeding in *\/\n .treated-content button {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n width: 100%;\n text-align: left;\n }\n\n .treated-content button:hover {\n background: none;\n }\n\n .treated-content button:focus {\n outline: none;\n }\n\n \/* Override any Shopify specific styles *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Enhanced button and hover states *\/\n .treated-content button.accordion-button {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n transition: all 200ms ease-in-out !important;\n padding: 1.5rem 1rem !important;\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .treated-content button.accordion-button:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content button.accordion-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Section styling *\/\n .treated-content .section-header {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem 2rem !important;\n margin-bottom: 2rem !important;\n display: flex !important;\n align-items: center !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n }\n\n .treated-content .section-icon {\n width: 48px !important;\n height: 48px !important;\n background-color: #EBF5FF !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-right: 1rem !important;\n color: #3F88CE !important;\n }\n\n \/* Text colors and typography *\/\n .treated-content .content-text {\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n color: #4B5563 !important;\n }\n\n .treated-content .section-title {\n font-size: 1.875rem !important;\n font-weight: 600 !important;\n color: #111827 !important;\n }\n\n .treated-content .question-title {\n font-size: 1.5rem !important;\n font-weight: 600 !important;\n color: #1F2937 !important;\n }\n\n \/* Card and container styles *\/\n .treated-content .text-block {\n background-color: #FFFFFF !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin: 1rem 0 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .content-container {\n max-width: 800px !important;\n margin: 0 auto !important;\n padding: 0 2rem !important;\n }\n\n \/* Link button styles *\/\n .treated-content .link-button {\n display: inline-flex !important;\n align-items: center !important;\n padding: 0.75rem 1.5rem !important;\n background-color: #FFFFFF !important;\n border: 2px solid #3F88CE !important;\n color: #3F88CE !important;\n border-radius: 0.5rem !important;\n font-weight: 500 !important;\n transition: all 200ms ease-in-out !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:hover {\n background-color: #EBF5FF !important;\n text-decoration: none !important;\n }\n\n .treated-content .link-button:focus {\n outline: 2px solid #3F88CE !important;\n outline-offset: 2px !important;\n }\n\n \/* Icon colors *\/\n .treated-content .fa-solid.tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .fa-solid.tw-text-white {\n color: #FFFFFF !important;\n }\n\n \/* Additional color overrides *\/\n .treated-content .tw-bg-gray-50 {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .tw-text-gray-400 {\n color: #9CA3AF !important;\n }\n\n .treated-content .tw-text-gray-500 {\n color: #6B7280 !important;\n }\n\n .treated-content .tw-text-gray-700 {\n color: #374151 !important;\n }\n\n \/* Ensure proper rounded corners *\/\n .treated-content .tw-rounded-xl {\n border-radius: 0.75rem !important;\n }\n\n .treated-content .tw-rounded-lg {\n border-radius: 0.5rem !important;\n }\n\n .treated-content .tw-rounded-full {\n border-radius: 9999px !important;\n }\n\n \/* Ensure proper spacing *\/\n .treated-content .tw-mb-16 {\n margin-bottom: 4rem !important;\n }\n\n .treated-content .tw-p-8 {\n padding: 2rem !important;\n }\n\n \/* Force proper text colors *\/\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-gray-600 {\n color: #4B5563 !important;\n }\n\n .treated-content .tw-text-gray-800 {\n color: #1F2937 !important;\n }\n\n .treated-content .tw-text-gray-900 {\n color: #111827 !important;\n }\n\n \/* Ensure proper borders *\/\n .treated-content .tw-border {\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .tw-border-gray-200 {\n border-color: #E5E7EB !important;\n }\n\n \/* Force proper background colors *\/\n .treated-content .tw-bg-white {\n background-color: white !important;\n }\n\n .treated-content .hover\\:tw-bg-gray-50:hover {\n background-color: #F9FAFB !important;\n }\n\n \/* Ensure proper shadows *\/\n .treated-content .tw-shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n }\n\n \/* Ensure proper transitions *\/\n .treated-content .tw-transition-all {\n transition-property: all !important;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n transition-duration: 200ms !important;\n }\n\n \/* Ensure proper font sizes *\/\n .treated-content .tw-text-2xl {\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n .treated-content .tw-text-3xl {\n font-size: 1.875rem !important;\n line-height: 2.25rem !important;\n }\n\n .treated-content .tw-text-lg {\n font-size: 1.125rem !important;\n line-height: 1.75rem !important;\n }\n\n \/* Ensure proper font weights *\/\n .treated-content .tw-font-semibold {\n font-weight: 600 !important;\n }\n\n .treated-content .tw-font-bold {\n font-weight: 700 !important;\n }\n\n \/* Preserve accordion styles *\/\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n }\n\n \/* Additional spacing and layout styles *\/\n .treated-content .tw-gap-4 {\n gap: 1rem !important;\n }\n\n .treated-content .tw-gap-6 {\n gap: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-4 \u003e * + * {\n margin-top: 1rem !important;\n }\n\n .treated-content .tw-space-y-6 \u003e * + * {\n margin-top: 1.5rem !important;\n }\n\n .treated-content .tw-space-y-8 \u003e * + * {\n margin-top: 2rem !important;\n }\n\n \/* Icon styles *\/\n .treated-content .fa-solid {\n font-family: \"Font Awesome 6 Free\" !important;\n }\n\n .treated-content .tw-rotate-180 {\n transform: rotate(180deg) !important;\n }\n\n \/* Link styles *\/\n .treated-content a.tw-inline-flex {\n display: inline-flex !important;\n text-decoration: none !important;\n }\n\n .treated-content a:hover {\n text-decoration: none !important;\n }\n\n \/* Ensure proper padding for all sections *\/\n .treated-content .tw-py-6 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n }\n\n .treated-content .tw-px-4 {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .tw-py-8 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n }\n\n \/* Ensure proper flex behavior *\/\n .treated-content .tw-flex {\n display: flex !important;\n }\n\n .treated-content .tw-items-center {\n align-items: center !important;\n }\n\n .treated-content .tw-justify-between {\n justify-content: space-between !important;\n }\n\n .treated-content .tw-flex-1 {\n flex: 1 1 0% !important;\n }\n\n .treated-content .tw-flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n\n body {\n font-family: 'Instrument Sans', sans-serif;\n background-color: #FFFFFF;\n color: #374151;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n }\n \n .content-text {\n font-size: 1.25rem;\n line-height: 1.8;\n color: #4B5563;\n }\n\n .section-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #111827;\n }\n\n .question-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: #1F2937;\n }\n\n .content-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .text-block {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 2rem;\n margin: 1rem 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n border: 1px solid #E5E7EB;\n }\n\n .text-block p {\n margin: 0;\n padding: 0;\n }\n\n .text-block + .text-block {\n margin-top: 1.5rem;\n }\n\n\n\n .section-icon {\n width: 48px;\n height: 48px;\n background: #EBF5FF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n color: #3F88CE;\n }\n\n \/* Content Layout *\/\n .content-layout {\n padding-left: 4rem;\n }\n\n \/* Toggle Button *\/\n .toggle-btn {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n transition: all 0.2s;\n }\n\n .toggle-btn:hover {\n background: #F9FAFB;\n }\n\n .toggle-btn.active {\n background: #EBF5FF;\n color: #3F88CE;\n border-color: #3F88CE;\n }\n\n \/* Transitions *\/\n .transition-fade {\n transition: all 0.3s ease-in-out;\n }\n\n \/* List Styling *\/\n .list-content, .content-list, .space-y-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .list-content li, .content-list li, .space-y-4 li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .list-content li i, .content-list li i, .space-y-4 li i {\n flex-shrink: 0;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .list-content li span, .content-list li span, .space-y-4 li span {\n flex: 1;\n }\n\n \/* Remove default list styling *\/\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n \/* Numbered List Styling *\/\n ol.list-decimal {\n list-style: none;\n counter-reset: custom-counter;\n padding: 0;\n margin: 0;\n }\n\n ol.list-decimal li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n counter-increment: custom-counter;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n ol.list-decimal li::before {\n content: counter(custom-counter);\n position: absolute;\n left: 0;\n top: 0.15rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 0.875rem;\n }\n\n \/* Checkmark List Styling *\/\n .space-y-6 li {\n position: relative;\n padding-left: 2.5rem;\n margin-bottom: 1rem;\n font-size: 1.125rem;\n line-height: 1.7;\n color: #4B5563;\n }\n\n .space-y-6 li .fa-check {\n position: absolute;\n left: 0;\n top: 0.25rem;\n width: 1.75rem;\n height: 1.75rem;\n background-color: #EBF5FF;\n color: #3F88CE;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n }\n\n .question-card {\n background: #FFFFFF;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n border: 1px solid #E5E7EB;\n width: 100%;\n max-width: 100%;\n }\n\n .text-container {\n background: #F9FAFB;\n border-radius: 12px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #E5E7EB;\n }\n\n .content-section {\n max-width: 100%;\n margin: 0;\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n }\n \n .accordion-content.active {\n max-height: 2000px;\n opacity: 1;\n pointer-events: auto;\n transition: all 0.5s ease-in;\n }\n\n .accordion-button {\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .accordion-button:hover {\n background-color: #F9FAFB;\n }\n\n .chevron-icon {\n transition: transform 0.3s ease;\n }\n\n .chevron-icon.active {\n transform: rotate(180deg);\n }\n\n @media (max-width: 768px) {\n .max-w-5xl {\n max-width: 100%;\n padding: 1rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n }\n\n .question-title {\n font-size: 1.25rem;\n }\n\n .content-text {\n font-size: 1.125rem;\n }\n\n .accordion-button {\n padding: 1rem;\n }\n\n .pt-8 {\n padding-top: 1.5rem;\n }\n\n .px-6 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .pb-10 {\n padding-bottom: 1.5rem;\n }\n\n .mb-16 {\n margin-bottom: 2rem;\n }\n\n .py-16 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .px-8 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n \/* Read More Hero Section *\/\n .treated-content .readmore-hero {\n background-color: #3F88CE !important;\n color: white !important;\n border-radius: 0.75rem !important;\n padding: 2rem !important;\n margin-bottom: 4rem !important;\n }\n\n .treated-content .readmore-hero h2 {\n color: white !important;\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-hero p {\n color: white !important;\n opacity: 0.9 !important;\n }\n\n .treated-content .readmore-hero i {\n color: white !important;\n font-size: 2rem !important;\n }\n\n .treated-content .readmore-hero .tw-flex {\n display: flex !important;\n align-items: flex-start !important;\n gap: 1.5rem !important;\n }\n\n \/* Accordion Styles *\/\n .treated-content .accordion-section {\n border-bottom: 1px solid #E5E7EB !important;\n margin-bottom: 2rem !important;\n }\n\n .treated-content .accordion-header {\n background-color: white !important;\n padding: 1.5rem 1rem !important;\n border-radius: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n width: 100% !important;\n transition: all 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header:hover {\n background-color: #F9FAFB !important;\n }\n\n .treated-content .accordion-header i.fa-solid {\n color: #3F88CE !important;\n font-size: 1.875rem !important;\n margin-right: 1.25rem !important;\n }\n\n .treated-content .accordion-header .chevron {\n color: #9CA3AF !important;\n transition: transform 200ms ease-in-out !important;\n }\n\n .treated-content .accordion-header.active .chevron {\n transform: rotate(180deg) !important;\n }\n\n .treated-content .accordion-content {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n transition: all 300ms ease-in-out !important;\n background-color: white !important;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n }\n\n .treated-content .accordion-content.active {\n max-height: 2000px !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n padding-top: 2rem !important;\n padding-bottom: 2.5rem !important;\n }\n\n \/* Readmore List Items *\/\n .treated-content .readmore-list-item {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n color: white !important;\n margin-bottom: 1rem !important;\n }\n\n .treated-content .readmore-list-item i {\n color: white !important;\n font-size: 1.5rem !important;\n }\n\n .treated-content .readmore-list-item span {\n color: white !important;\n font-size: 1.5rem !important;\n line-height: 2rem !important;\n }\n\n \/* Override specific Tailwind classes *\/\n .treated-content .tw-bg-primary {\n background-color: #3F88CE !important;\n }\n\n .treated-content .tw-text-white {\n color: white !important;\n }\n\n .treated-content .tw-text-primary {\n color: #3F88CE !important;\n }\n\n .treated-content .tw-bg-primary-light {\n background-color: #EBF5FF !important;\n }\n\n \/* Additional accordion content styles *\/\n .treated-content .accordion-content .tw-bg-white {\n background-color: white !important;\n border-radius: 0.75rem !important;\n padding: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;\n border: 1px solid #E5E7EB !important;\n }\n\n .treated-content .accordion-content h3 {\n color: #1F2937 !important;\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n margin-bottom: 1rem !important;\n display: flex !important;\n align-items: center !important;\n }\n\n .treated-content .accordion-content h3 i {\n color: #3F88CE !important;\n margin-right: 1rem !important;\n }\n\n .treated-content .accordion-content p {\n color: #4B5563 !important;\n font-size: 1.125rem !important;\n line-height: 1.75 !important;\n }\n\n \/* Accordion header icon spacing *\/\n .treated-content button .tw-flex.tw-items-center {\n gap: 2rem !important; \/* Add consistent gap between all elements *\/\n }\n\n .treated-content button i.fa-solid {\n margin: 0 1rem !important; \/* Add margin on both sides of the icon *\/\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"treated-content\"\u003e\n \u003c!-- Read More Hero --\u003e\n \n \u003cdiv class=\"tw-mb-16\"\u003e\n \u003cdiv class=\"tw-bg-primary tw-rounded-xl tw-p-8 tw-text-white\"\u003e\n \u003cdiv class=\"tw-max-w-7xl tw-mx-auto\"\u003e\n \n \u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n \n \n \n \u003cdiv class=\"tw-mt-8\"\u003e\n \n \u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n \u003cdiv class=\"tw-space-y-4\"\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eValaciclovir is a tablet used to treat cold sores.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt's a generic form of Valtrex and works in much the same way to alleviate symptoms.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eYou typically take four tablets when symptoms first appear, followed by another four tablets 12 hours later.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Essential Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('essential')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eEssential Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \n \n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What is Valaciclovir?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValaciclovir is a medicine you can use to reduce the symptoms of cold sores and genital herpes. The virus responsible for these skin issues is called herpes simplex, and it often leads to blisters on the skin. These blisters can be embarrassing, but there are treatments to help manage them.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eStarting Valaciclovir as soon as you notice symptoms helps you manage the virus and reduce any discomfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How does Valaciclovir work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValaciclovir is the generic name for the branded medicine Valtrex, and it's also the main active ingredient in the medication. Both tablets work in the same way. As a generic option, Valaciclovir is typically less expensive than Valtrex.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValaciclovir works by stopping the enzymes produced by the herpes simplex virus from multiplying, which helps lessen the severity of your outbreak. It also prevents the infection from spreading. For the best results, it's important to take it as soon as you notice any symptoms starting.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n What doses of Valaciclovir are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValaciclovir comes in a standard dose of 500mg. The number of tablets you take can vary depending on whether you're treating cold sores or genital herpes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you have any questions about the dosage or feel it's not effective for you, we're more than happy to discuss other treatment options with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Usage Instructions --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('usage')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eUsage Instructions\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Valaciclovir to work?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThe time it takes to treat cold sores and genital herpes symptoms can differ for each person and depends on how severe the infection is. If you start treatment early, as soon as you notice the first signs, it can help manage the outbreak more quickly.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eAfter you begin treatment, it should start working within five days. If you feel it's not as effective as expected, please message our clinician, and they can advise you on what to do next.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n What should I do if I make a mistake when using Valaciclovir?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take a dose, take it as soon as you remember, then continue with your usual schedule. Avoid taking two doses at the same time to compensate for the one you missed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eStick to the prescribed dose. If you've accidentally taken too much Valaciclovir, head to the hospital and bring the medication packet along with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How is Valaciclovir different to other treatments for herpes?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValaciclovir and Aciclovir are mainly used to treat herpes simplex. On the other hand, Famciclovir is used for treating the herpes zoster virus, which is more commonly known as shingles.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValaciclovir is highly effective at addressing the signs and symptoms of herpes simplex if you take it at the start of an outbreak. It functions similarly to Aciclovir, but its main advantage is that it stays active in the body for a longer period (half-life), allowing you to take fewer doses.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Valaciclovir similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValaciclovir is also sold under the brand name Valtrex. Both tablets have the same active ingredient and function the same way in the body. However, Valtrex, being a branded version, tends to be a bit pricier. The packaging and the look of the tablet might also vary between the two.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Valaciclovir should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere's just one dose available: a 500mg tablet. Our clinician will let you know how often you should take it, based on the symptoms you're experiencing.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIf you have any questions about your medication or want to discuss your treatment plan, simply log in to your account and send a message to our clinician.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n How effective is Valaciclovir?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eIt's an effective treatment for the herpes simplex virus when you take it at the first signs of an outbreak. You'll usually notice it works within five days of beginning the treatment.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe herpes simplex virus can stay inactive in your body for a long time. You might have the virus without showing any symptoms for years.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor some people, repeated outbreaks can happen, with symptoms appearing between two to ten days after being exposed to the virus.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eAn initial outbreak can last between two and four weeks. Subsequent outbreaks generally don't last as long and typically clear up within a week. It's helpful to know that herpes simplex outbreaks may become less frequent or stop altogether as you get older.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eWhen the virus becomes active and you begin experiencing cold sores or genital herpes outbreaks, there isn't a cure. However, you can take medication like Valaciclovir to reduce the frequency and severity of these outbreaks. This medication has been shown to decrease the symptoms of the Herpes Simplex virus and lower the risk of passing it on to others. In a study involving 1,484 adults taking the medication, it was found that they were 75% less likely to transmit the virus compared to those who took a placebo.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Valaciclovir?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYes, Valaciclovir is only available with a prescription. A healthcare professional will need to review your medical history to determine if it's a safe and appropriate option for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003ePlease let us know about any other long-term health conditions you have and any other medications you're taking. This helps us determine if Valaciclovir is suitable for you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- Important Info --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('important')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eImportant Information\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"important\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \u003cdiv class=\"space-y-8\"\u003e\n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Important Information\n \u003c\/h3\u003e\n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eValaciclovir isn't right for everyone, and there are a few things you should know when using it.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eHere's all the official information on it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\n \n \n \u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/4349\/smpc\" rel=\"noopener\" target=\"_blank\" class=\"inline-flex items-center px-6 py-3 border-2 border-[#3F88CE] text-base md:text-lg font-medium rounded-lg text-[#3F88CE] bg-white hover:bg-[#EBF5FF] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#3F88CE] transition-all duration-200 shadow-sm hover:shadow-md\"\u003e\n \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e\n \n Official Information\n \n \u003c\/a\u003e\n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- Key Points --\u003e\n \n \u003c\/div\u003e\n\n \u003cscript\u003e\n function toggleAccordion(id) {\n const content = document.getElementById(id);\n const button = content.previousElementSibling;\n const icon = button.querySelector('.chevron-icon');\n const allContents = document.querySelectorAll('.accordion-content');\n const allIcons = document.querySelectorAll('.chevron-icon');\n \n allContents.forEach(item =\u003e {\n if (item !== content \u0026\u0026 item.classList.contains('active')) {\n item.classList.remove('active');\n }\n });\n \n allIcons.forEach(icon =\u003e {\n icon.classList.remove('active');\n });\n \n content.classList.toggle('active');\n icon.classList.toggle('active');\n }\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"POM","offers":[{"title":"500mg \/ 10 Tablets","offer_id":54299903951192,"sku":"VALACICLOVIR-500-10","price":51.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/valaciclovir_blister-pack-1.png?v=1738931374"},{"product_id":"zovirax-cold-sore-cream","title":"Zovirax Cold Sore Cream","description":"\u003ch2\u003e\u003ca title=\"Read more \/ less\"\u003eProduct details\u003c\/a\u003e\u003c\/h2\u003e\n\u003cdiv id=\"contentOmnipresent\"\u003e\n\u003cdiv dir=\"ltr\"\u003e\n\u003cp id=\"product_long_description\"\u003ePlease note that you must be in to sign for this delivery\u003cbr\u003e\u003cbr\u003eZovirax Cold Sore Cream is indicated in adults and children for the treatment of a cold sore which is an infection caused by the herpes simplex virus (HSV)\u003cbr\u003e\u003cbr\u003eClinically proven to:\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eImprove healing\u003c\/li\u003e\n\u003cli\u003eTreat the virus\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"contentCollapse\"\u003e\n\u003cdiv class=\"product_long_description_subsection\"\u003e\n\u003ch3 dir=\"ltr\" id=\"product_how_to_use\"\u003eHow to use\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cb\u003ePlease read the enclosed leaflet carefully before use.\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003ePatient Information Leaflets are updated periodically by the manufacturer.\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003ePlease read the enclosed leaflet carefully before use.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003eApply the cream liberally to completely cover the whole of the affected area. Apply to the affected area five times a day at approximately 4 hourly intervals for four days. If your cold sore has not healed after this time, you can use the cream for up to 10 days in total. See the enclosed leaflet for further details. Consult your doctor or pharmacist before using this product if you know that your immune system is weakened.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product_long_description_subsection\"\u003e\n\u003ch3 dir=\"ltr\" id=\"product_hazardous\"\u003eHazards and Cautions\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eIf symptoms persist, consult your doctor. \u003c\/span\u003eDo not exceed the stated dose.\u003cspan\u003e \u003c\/span\u003e\u003cspan\u003eDo not use in eyes, on genitals or in the mouth or the nose.\u003c\/span\u003e\u003cspan\u003e \u003c\/span\u003eThe ends of this carton have been glued down. Do not use if the carton ends are open.\u003cbr\u003e \u003cbr\u003e\u003cspan\u003eUse this medicine only on your skin\u003c\/span\u003e\u003cbr\u003e \u003cbr\u003e\u003cspan\u003eKeep out of the sight and reach of children\u003c\/span\u003e\u003cbr\u003e \u003cbr\u003e\u003cspan\u003eStorage:\u003c\/span\u003e\u003cbr\u003eStore below 25°C.\u003cbr\u003eDo not refrigerate.\u003cbr\u003e \u003cbr\u003e\u003cspan\u003ePrecautions\u003c\/span\u003e\u003cbr\u003eThis is a medicine;\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eConsult your doctor or pharmacist if you have an underlying medical condition, are taking any other medication or complementary therapy, or if symptoms persist\u003c\/li\u003e\n\u003cli\u003eSeek advice before using if you are pregnant, planning to become pregnant, breastfeeding or suffer from allergies\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product_long_description_subsection\"\u003e\n\u003ch3 dir=\"ltr\" id=\"product_active_ingredients\"\u003eActive ingredients\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003eAciclovir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product_long_description_subsection\"\u003e\n\u003ch3 dir=\"ltr\" id=\"product_ingredients\"\u003eIngredients\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eActive Ingredient: \u003c\/span\u003e5% w\/w Aciclovir\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eOther ingredients\u003c\/span\u003e: Dimeticone, Propylene Glycol, Poloxamer 407, Cetostearyl Alcohol, Sodium Laurilsulfate, White Soft Paraffin, Liquid Paraffin, Arlacel 165 (Glycol Monostearate, Macrogol Stearate 100), Purified Water.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54417934516568,"sku":"","price":7.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/zovirax_f724c461-be53-49ad-821a-c5565231c9a3.jpg?v=1740675838"},{"product_id":"compeed-cold-sore-patches","title":"Compeed Cold Sore Patches","description":"\u003ch3\u003eWhat are Compeed Cold Sore Discreet Healing Patches?\u003c\/h3\u003e\n\u003cp\u003eCompeed Cold Sore Discreet Healing patches contain hydrocolloid active gel technology. The gel protects the skin, which speeds up healing and reduces scabbing. The patch is discreet and acts as a shield to help reduce risk of cold sores spreading and worsening.\u003c\/p\u003e\n\u003ch3\u003eWhat are the benefits of using Compeed Cold Sore Discreet Healing Patches?\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eDiscreet and protective\u003c\/li\u003e\n\u003cli\u003eSpeeds up healing\u003c\/li\u003e\n\u003cli\u003eEasy to apply\u003c\/li\u003e\n\u003cli\u003ePrevents further spreading\u003c\/li\u003e\n\u003cli\u003eStays in place for up to 12 hours\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eIs Compeed Cold Sore Discreet Healing Patch as effective as Aciclovir?\u003c\/h3\u003e\n\u003cp\u003eA\u003cspan\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/www.ncbi.nlm.nih.gov\/pubmed\/18462303\" rel=\"nofollow noreferrer\" title=\"NCBI: Randomized Clinical Study Comparing Compeed Cold Sore Patch to Acyclovir Cream 5%\" target=\"_blank\"\u003eclinical study\u003c\/a\u003e\u003cspan\u003e \u003c\/span\u003eprovided evidence that the speed of healing of the Compeed Invisible Cold Sore Patch is comparable to a cream that contains 5% acyclovir.\u003c\/p\u003e","brand":"Pharmacy Only","offers":[{"title":"Default Title","offer_id":54418060280152,"sku":"","price":6.49,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/compeedcoldsore.jpg?v=1740676703"}],"url":"https:\/\/westburychemist.net\/collections\/cold-sores-1.oembed","provider":"Westbury Chemist","version":"1.0","type":"link"}