{"title":"Period Problems","description":"\u003cp\u003eHeavy periods, painful periods and endometriosis can be treated with a prescription hormone tablet such as norethisterone. Treatment is supplied after an online consultation with our clinical team.\u003c\/p\u003e","products":[{"product_id":"norethisterone-endometriosis","title":"Norethisterone","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\u003eNorethisterone 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\"\u003eNorethisterone can postpone your period for as long as 17 days.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-flex tw-items-center tw-gap-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-check tw-text-2xl tw-text-white\"\u003e\u003c\/i\u003e\n \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIt helps manage heavy, painful, or irregular periods as well as endometriosis.\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 tablet for delaying your period, so it's more affordable than the branded version.\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 Norethisterone?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNorethisterone is a tablet that can ease symptoms of endometriosis or heavy periods. It can also be used to delay your period. If you have a holiday or special event coming up and your period is expected, taking Norethisterone can help you enjoy it without worry.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNorethisterone is a generic medicine, which makes it more affordable than the branded version. It's slightly different from the usual contraceptive pill, as it's meant for short-term use.\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 Norethisterone work?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNorethisterone is a medication known as a progestin. Progestins are synthetic versions of the natural female hormone progesterone and they function in nearly the same way within the body.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eProgesterone is the hormone that causes the lining of your womb to thicken in preparation for pregnancy. When progesterone levels fall, this lining is shed, resulting in your period. Taking progestins can delay your period if it hasn't begun yet, or make it lighter and less painful if it has already started.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003e[1]\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 Norethisterone are there?\n \u003c\/h3\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eGeneric Norethisterone is typically available in 5mg tablets for treating endometriosis, heavy or painful periods, and for delaying periods.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere's another type of mini pill called Noriday. It contains 350mcg of norethisterone, which is a lower dose, but you'll take it daily as it's a long-term contraceptive. With most mini pills, including this one, it's quite common to experience less bleeding or no bleeding at all.\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 \n \n \n \n \n \n \u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n \u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e\n How long does it take Norethisterone 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\"\u003eNorethisterone works quite quickly, reaching its highest level in your blood within one to three hours after taking it. If you're using it to delay your period, it takes two to three days to become effective. You'll need to give it time to work, so be sure to follow the instructions given by 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 Norethisterone?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThere are several ways to take Norethisterone, so be sure to follow your clinician's advice. If you miss a pill, take it as soon as you remember, then continue with your treatment as usual. Avoid taking two doses to make up for the one you missed.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"tw-mb-6\"\u003e\n \u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you accidentally take too much Norethisterone, it's important to get medical help immediately. If you're using our service, feel free to send us a message with any questions, and our experts will respond promptly.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003c!-- FAQs --\u003e\n \n \u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n \u003cbutton onclick=\"toggleAccordion('faqs')\" class=\"tw-w-full tw-flex tw-justify-between tw-items-center tw-py-6 tw-px-8 tw-text-left hover:tw-bg-gray-50 tw-rounded-lg tw-transition-colors tw-duration-200\"\u003e\n \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e\n \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e\n \u003cspan\u003eFAQs\u003c\/span\u003e\n \u003c\/span\u003e\n \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e\n \u003c\/button\u003e\n \u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n \u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Which dose of Norethisterone should I use?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThe amount of Norethisterone you need will vary based on your reason for taking it and your symptoms. If you're using it to stop your periods, you'll typically take one 5mg tablet three times a day. For conditions like endometriosis or heavy and painful periods, you might begin with a lower dose, which can be increased if your symptoms persist.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I get pregnant on Norethisterone?\n \u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eYes. Norethisterone at these doses is not a contraceptive, so you can still become pregnant while taking it. Use condoms if you need to avoid pregnancy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eDo not take norethisterone if you are pregnant or think you might be.\u003c\/p\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Is Norethisterone similar to any other treatments?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eUtovlan is a branded version of Norethisterone. Both contain the same active ingredient in the same dose, so they function in much the same way. Choosing between Norethisterone and Utovlan is really your decision. The key differences are that Norethisterone tends to be more affordable and may not always have the same appearance.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eThere's also a 350mcg injection containing the same active ingredient as Norethisterone, known as Noriday, which is used for contraception. However, it won't be suitable if you're aiming to delay your period or manage bleeding.\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 Norethisterone?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eNorethisterone is effective in managing heavy or painful bleeding and symptoms of endometriosis. For heavy periods, it has been shown to reduce bleeding by 87%.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eFor those with endometriosis, taking Norethisterone for six months reduced the abnormal growth that leads to pain and bleeding by 37.2%.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \n \n \n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eJust 8% of women taking Norethisterone experienced a little spotting, whereas 43% of those on the combined pill did. Additionally, women using Norethisterone were more satisfied with their treatment and more likely to recommend it to others.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Can I take Norethisterone to delay my period if it’s already started?\n \u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNo. To delay a period, norethisterone needs to be started three days before the period is due. Once bleeding has started, taking it will not reliably stop your period.\u003c\/p\u003e\n\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv class=\"question-card\"\u003e\n \u003ch3 class=\"question-title\"\u003e\n \u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e\n Do I need a prescription for Norethisterone?\n \u003c\/h3\u003e\n \n \n \n \u003cdiv class=\"mb-6\"\u003e\n \u003cp class=\"content-text\"\u003eYou'll need a prescription for Norethisterone. A clinician must ensure it's safe and suitable for you. If you discuss your health with one of our experts, they can guide you through the various options.\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\"\u003eNorethisterone 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 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\/1494\/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":"5mg \/ 90 Tablets","offer_id":54482343002456,"sku":"NORETHISTERONE-5-90-endometriosis","price":89.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 90 Tablets","offer_id":54482343035224,"sku":"NORETHISTERONE-10-90-endometriosis","price":89.95,"currency_code":"GBP","in_stock":true},{"title":"2mg \/ 90 Tablets","offer_id":54482343067992,"sku":"NORETHISTERONE-2-90-endometriosis","price":89.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/norestherone.png?v=1741784141"},{"product_id":"norethisterone-heavy-periods","title":"Norethisterone","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\" defer\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" rel=\"stylesheet\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\"\u003e \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\u003c\/p\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\u003cdiv class=\"treated-content\"\u003e\n\u003c!-- Read More Hero --\u003e\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\u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n\u003cdiv class=\"tw-mt-8\"\u003e\n\u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n\u003cdiv class=\"tw-space-y-4\"\u003e\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 \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eA generic hormonal tablet that can help with heavy periods and endometriosis, or even stop periods altogether.\u003c\/span\u003e\n\u003c\/div\u003e\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 \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eActs like natural progesterone to help reduce the thickening of the uterine lining, which can delay periods or make them lighter.\u003c\/span\u003e\n\u003c\/div\u003e\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 \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eIf you're having trouble with heavy periods, norethisterone might help lessen the bleeding by up to 87%.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Essential Info --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eEssential Information\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \u003c\/button\u003e\n\u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n\u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e What is Norethisterone?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNorethisterone is a tablet that can ease symptoms of endometriosis or heavy periods. It can also be used to delay your period. If you have a holiday or special event coming up and your period is expected, taking Norethisterone can help you enjoy it without worry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNorethisterone is a generic medicine, which makes it more affordable than the branded version. It's slightly different from the usual contraceptive pill, as it's meant for short-term use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How does Norethisterone work?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNorethisterone is a medication known as a progestin. Progestins are synthetic versions of the natural female hormone progesterone and they function in nearly the same way within the body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eProgesterone is the hormone that causes the lining of your womb to thicken in preparation for pregnancy. When progesterone levels fall, this lining is shed, resulting in your period. Taking progestins can delay your period if it hasn't begun yet, or make it lighter and less painful if it has already started.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e What doses of Norethisterone are there?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eGeneric Norethisterone is typically available in 5mg tablets for treating endometriosis, heavy or painful periods, and for delaying periods.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eThere's another type of mini pill called Noriday. It contains 350mcg of norethisterone, which is a lower dose, but you'll take it daily as it's a long-term contraceptive. With most mini pills, including this one, it's quite common to experience less bleeding or no bleeding at all.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNorethisterone acetate tablets have been found to assist some individuals with certain types of breast cancer. In a study involving 154 people with advanced breast cancer, 41% experienced remission after being treated with norethisterone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eUsage Instructions\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \u003c\/button\u003e\n\u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n\u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n\u003cdiv class=\"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 How long does it take Norethisterone to work?\u003c\/h3\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n\u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIt reaches its highest level in your blood within one to three hours after you take it. If you're using it to delay your period, it takes two to three days to start working. You'll need to give it some time for the effects to kick in, so be sure to follow the instructions given by our clinician.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n\u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eWhat should I do if I accidentally take Norethisterone incorrectly?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n\u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eThere are several ways to take Norethisterone, so it's important to follow your clinician's advice. If you miss a pill, take it as soon as you remember, then continue with your treatment as usual. Avoid taking two doses to make up for the one you missed. If you accidentally take too much Norethisterone, seek medical help immediately. If you're using our service, feel free to message us with any questions, and our experts will respond promptly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQs --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eFAQs\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \u003c\/button\u003e\n\u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n\u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Can I get pregnant on Norethisterone?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNorethisterone isn't a contraceptive since it's only taken for a short period. If you wish to avoid pregnancy while using it, you should use another form of contraception, such as a condom, alongside it. Norethisterone doesn't impact fertility, so it's safe to use if you're considering becoming pregnant soon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Do I need a prescription for Norethisterone?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eYou'll need a prescription for Norethisterone. A clinician must ensure it's safe and suitable for you. If you discuss your health with one of our experts, they can guide you through the various options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Can I take Norethisterone to delay my period if it’s already started?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNo, once your period has begun, it can't be stopped. Norethisterone can help lessen heavy bleeding or long periods, but it can't stop them once they've started. If you're concerned about forgetting to take Norethisterone two to three days before your period, you might find it helpful to use an app to track your cycle and set a reminder in your calendar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How effective is Norethisterone?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNorethisterone is effective in managing heavy or painful bleeding and symptoms of endometriosis. For heavy periods, it has been shown to reduce bleeding by 87%.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eFor those with endometriosis, taking Norethisterone for six months reduced the abnormal growth that leads to pain and bleeding by 37.2%.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eJust 8% of women taking Norethisterone experienced a little spotting, whereas 43% of those on the combined pill did. Additionally, women using Norethisterone were more satisfied with their treatment and more likely to recommend it to others.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Which dose of Norethisterone should I use?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eThe amount of Norethisterone you need will vary based on your reason for taking it and your symptoms. If you're using it to stop your periods, you'll typically take one 5mg tablet three times a day. For conditions like endometriosis or heavy and painful periods, you might begin with a lower dose, which can be increased if your symptoms persist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Is Norethisterone similar to any other treatments?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan is a branded version of Norethisterone. Both contain the same active ingredient in the same dose, so they function in much the same way. Choosing between Norethisterone and Utovlan is really your decision. The key differences are that Norethisterone tends to be more affordable and may not always have the same appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eThere's also a 350mcg injection containing the same active ingredient as Norethisterone, known as Noriday, which is used for contraception. However, it won't be suitable if you're aiming to delay your period or manage bleeding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Important Info --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eImportant Information\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \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 Important Information\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNorethisterone 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\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eHere's all the official information about it. If anything isn't clear, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/1494\/pil\" rel=\"noopener\" 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\" target=\"_blank\"\u003e \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e Official Information \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Points --\u003e\n\u003c\/div\u003e\n","brand":"POM","offers":[{"title":"5mg \/ 90 Tablets","offer_id":54482343133528,"sku":"NORETHISTERONE-5-90-heavy-periods","price":89.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 90 Tablets","offer_id":54482343166296,"sku":"NORETHISTERONE-10-90-heavy-periods","price":89.95,"currency_code":"GBP","in_stock":true},{"title":"2mg \/ 90 Tablets","offer_id":54482343199064,"sku":"NORETHISTERONE-2-90-heavy-periods","price":89.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/norestherone_40d0d986-70b2-4680-a5a6-af637280e32f.png?v=1741784153"},{"product_id":"utovlan-heavy-periods","title":"Utovlan","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\" defer\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" rel=\"stylesheet\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\"\u003e \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\u003c\/p\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\u003cdiv class=\"treated-content\"\u003e\n\u003c!-- Read More Hero --\u003e\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\u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n\u003cdiv class=\"tw-mt-8\"\u003e\n\u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n\u003cdiv class=\"tw-space-y-4\"\u003e\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 \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eUtovlan is a hormonal tablet that can postpone your period or help with endometriosis, PMS, and heavy periods.\u003c\/span\u003e\n\u003c\/div\u003e\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 \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eHelps stop the lining of your womb from thickening, which can reduce bleeding and pain during your periods.\u003c\/span\u003e\n\u003c\/div\u003e\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 \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eFor heavy periods, you'll usually take 15 mg, which is three tablets, each day for 10 days.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Essential Info --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eEssential Information\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \u003c\/button\u003e\n\u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n\u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e What is Utovlan?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan is a tablet that falls under a group of medicines known as progestogens, which are similar to the natural hormone progesterone. The progestogen in Utovlan is norethisterone. It's a tablet you take for a short time each month, and you'll take it at various times in your cycle, depending on its purpose for you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan has several uses. It's helpful for treating heavy or painful periods, PMT, and endometriosis. Additionally, it can be used to delay periods.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How does Utovlan work?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eThe amount of progesterone in your body fluctuates throughout your menstrual cycle. It rises as the lining of the womb thickens in preparation for a fertilised egg. If pregnancy doesn't occur, this thickened lining is shed (your period begins), and progesterone levels drop once more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eThe norethisterone in Utovlan acts like natural progesterone, stopping its levels in your body from dropping. You can use Utovlan at various times during your period to imitate the different phases of your cycle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eIf you'd like to use Utovlan to delay your period, you'll start taking it towards the end of your cycle. It works by making your womb lining think you're pregnant, even though you're not. This stops the womb lining from shedding, so you won't get your period.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan is also prescribed for treating endometriosis. It works by preventing the lining of the womb (endometrium) from thickening and shedding. When used regularly, Utovlan will thin the lining and eventually stop your periods.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eMedical researchers have found that norethisterone is also an effective treatment for heavy periods.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Are there different Utovlan doses?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan is available in a 5mg dose. Depending on how severe your symptoms are or why you're taking it, your doctor might advise you to take more than one tablet a day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eIf you notice that the prescribed dose isn't effective, feel free to ask our clinician for guidance. They might suggest increasing your dose or recommend other treatments you could consider.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eUsage Instructions\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \u003c\/button\u003e\n\u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n\u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n\u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n\u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e Does Utovlan work?\u003c\/h3\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n\u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eClinical trials have also shown that norethisterone is more effective at delaying periods than the combined contraceptive pill. Norethisterone can help lessen period pain by thinning the womb lining and stopping it from shedding. While researchers aren't completely certain why norethisterone helps many women with PMT symptoms, it's thought that it might help by keeping hormone levels steady in the body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n\u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e What to do if you miss a tablet\u003c\/h3\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n\u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you forget to take your Utovlan tablet, take it as soon as you remember. Then continue with your usual schedule. Do not take two tablets at once, as this can raise the chance of side effects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQs --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eFAQs\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \u003c\/button\u003e\n\u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n\u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How do I use Utovlan to delay periods?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eTake one 5mg tablet three times a day, starting three days before your period is due. Keep taking it for as long as you need to delay your period, within the course agreed with the prescriber.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eYour period usually starts two to three days after you stop taking the tablets. Utovlan is not a contraceptive, so use condoms if you need to avoid pregnancy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How do I use Utovlan to treat painful or irregular periods?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eFor painful or irregular periods, Utovlan is usually taken on set days of each cycle for several months. The prescriber will tell you which days to take it and how many tablets to take.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eIt is important to follow the course on your label, as the timing differs depending on the problem being treated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How can Utovlan help to treat PMS?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan contains norethisterone, a progestogen that can help steady the hormone changes in the second half of the cycle that are linked to premenstrual symptoms. It is usually taken during that part of the cycle for several months.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eResponses vary, and other options are available if it does not help.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Can you take Utovlan for endometriosis?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eYes. Utovlan is licensed to treat endometriosis. It is usually taken every day without a break for several months, which stops periods and allows the endometriosis to settle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eEndometriosis should be diagnosed and monitored by a doctor, and the dose is set by the prescriber.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Can I get Utovlan over the counter?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNo. Utovlan is a prescription-only medicine in the UK. At Westbury Chemist it is supplied after an online consultation that is reviewed by a prescriber.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Important Info --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eImportant Information\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \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 Important Information\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan isn't right for everyone, and there are a few things you should be mindful of when using it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eHere’s all the official information about it. If you have any questions, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/1717\/pil\" rel=\"noopener\" 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\" target=\"_blank\"\u003e \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e Official Information \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Points --\u003e\n\u003c\/div\u003e\n","brand":"POM","offers":[{"title":"5mg \/ 30 Tablets","offer_id":54482355880280,"sku":"UTOVLAN-5-30-heavy-periods","price":36.95,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 60 Tablets","offer_id":54482355913048,"sku":"UTOVLAN-5-60-heavy-periods","price":48.95,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 90 Tablets","offer_id":54482355945816,"sku":"UTOVLAN-5-90-heavy-periods","price":59.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 30 Tablets","offer_id":54482355978584,"sku":"UTOVLAN-10-30-heavy-periods","price":36.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 60 Tablets","offer_id":54482356011352,"sku":"UTOVLAN-10-60-heavy-periods","price":48.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 90 Tablets","offer_id":54482356044120,"sku":"UTOVLAN-10-90-heavy-periods","price":59.95,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 30 Tablets","offer_id":54482356076888,"sku":"UTOVLAN-500-30-heavy-periods","price":36.95,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 60 Tablets","offer_id":54482356109656,"sku":"UTOVLAN-500-60-heavy-periods","price":48.95,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 90 Tablets","offer_id":54482356142424,"sku":"UTOVLAN-500-90-heavy-periods","price":59.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/utovlan.png?v=1741784167"},{"product_id":"utovlan-period-pain","title":"Utovlan","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\" defer\u003e\u003c\/script\u003e \u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" rel=\"stylesheet\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600;700\u0026amp;display=swap\"\u003e \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\u003c\/p\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\u003cdiv class=\"treated-content\"\u003e\n\u003c!-- Read More Hero --\u003e\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\u003cdiv class=\"tw-mb-8 tw-last:mb-0\"\u003e\n\u003cdiv class=\"tw-mt-8\"\u003e\n\u003cdiv class=\"tw-mb-6 tw-last:mb-0\"\u003e\n\u003cdiv class=\"tw-space-y-4\"\u003e\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 \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eUtovlan can postpone your period for as long as 17 days.\u003c\/span\u003e\n\u003c\/div\u003e\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 \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eAssists in managing heavy or irregular periods and premenstrual syndrome.\u003c\/span\u003e\n\u003c\/div\u003e\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 \u003cspan class=\"tw-flex-1 tw-text-2xl tw-text-white\"\u003eThe amount of tablets you take each day will depend on the condition you're treating.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Essential Info --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-circle-info tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eEssential Information\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \u003c\/button\u003e\n\u003cdiv id=\"essential\" class=\"accordion-content\"\u003e\n\u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e What is Utovlan?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan is a tablet that falls under a group of medicines known as progestogens, which are similar to the natural hormone progesterone. The progestogen in Utovlan is called norethisterone. You take this pill for a short time each month, and the timing will vary based on what you need it for.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan has several uses. It can help with heavy or painful periods, PMT, and endometriosis. Additionally, it can be used to delay periods.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How does Utovlan work?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eThe amount of progesterone in your body fluctuates throughout your menstrual cycle. It rises as the lining of the womb thickens in preparation for a fertilised egg. If pregnancy doesn't occur, this thickened lining is shed from your body, marking the start of your period, and progesterone levels drop once more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eThe norethisterone in Utovlan acts like natural progesterone, stopping its levels in your body from dropping. You can use Utovlan at various times in your menstrual cycle to replicate its different stages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eIf you'd like to use Utovlan to delay your period, you'll start taking it towards the end of your cycle. This makes your womb lining behave as if you're pregnant, even though you're not. As a result, it stops the womb lining from shedding, preventing your period from starting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan is also used to manage endometriosis. It works by preventing the womb lining, or endometrium, from thickening and shedding. With regular use, Utovlan will thin the lining and eventually stop your periods.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eMedical researchers have found that norethisterone is also an effective treatment for heavy periods.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Are there different Utovlan doses?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan is available in a 5mg dosage. Your doctor might advise you to take more than one tablet a day, depending on how severe your symptoms are or why you're using it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eIf the prescribed dose isn't effective, feel free to ask our clinician for guidance. You might need a higher dose, or they could suggest other treatments for you to consider.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Usage Instructions --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-list-check tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eUsage Instructions\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \u003c\/button\u003e\n\u003cdiv id=\"usage\" class=\"accordion-content\"\u003e\n\u003cdiv class=\"tw-pt-8 tw-px-2 tw-pb-10\"\u003e\n\u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n\u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e Does Utovlan work?\u003c\/h3\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n\u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eA clinical trial showed that norethisterone is more effective at delaying periods than the combined contraceptive pill.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n\u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eNorethisterone eases period pain by thinning the womb lining and stopping it from shedding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n\u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eResearchers aren't completely certain why norethisterone alleviates PMT symptoms for many women, but it's thought that it might help by keeping hormone levels stable in the body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tw-bg-white tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 tw-p-6\"\u003e\n\u003ch3 class=\"tw-flex tw-items-center tw-text-xl tw-font-semibold tw-text-gray-800 tw-mb-4\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right tw-text-2xl tw-text-primary tw-mr-4\"\u003e\u003c\/i\u003e What to do if you miss a tablet\u003c\/h3\u003e\n\u003cdiv class=\"tw-mb-6\"\u003e\n\u003cp class=\"tw-text-lg tw-text-gray-600\"\u003eIf you miss a dose of Utovlan, take it as soon as you remember. Then continue with your usual schedule. Avoid taking two tablets at once, as this could raise the chance of side effects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQs --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-circle-question tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eFAQs\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \u003c\/button\u003e\n\u003cdiv id=\"faqs\" class=\"accordion-content\"\u003e\n\u003cdiv class=\"pt-8 px-2 pb-10\"\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How do I use Utovlan to delay periods?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eTake one 5mg tablet three times a day, starting three days before your period is due. Keep taking it for as long as you need to delay your period, within the course agreed with the prescriber.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eYour period usually starts two to three days after you stop taking the tablets. Utovlan is not a contraceptive, so use condoms if you need to avoid pregnancy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How do I use Utovlan to treat painful or irregular periods?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eFor painful or irregular periods, Utovlan is usually taken on set days of each cycle for several months. The prescriber will tell you which days to take it and how many tablets to take.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eIt is important to follow the course on your label, as the timing differs depending on the problem being treated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e How can Utovlan help to treat PMS?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan contains norethisterone, a progestogen that can help steady the hormone changes in the second half of the cycle that are linked to premenstrual symptoms. It is usually taken during that part of the cycle for several months.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eResponses vary, and other options are available if it does not help.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Can you take Utovlan for endometriosis?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eYes. Utovlan is licensed to treat endometriosis. It is usually taken every day without a break for several months, which stops periods and allows the endometriosis to settle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eEndometriosis should be diagnosed and monitored by a doctor, and the dose is set by the prescriber.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"question-card\"\u003e\n\u003ch3 class=\"question-title\"\u003e\n\u003ci class=\"fa-solid fa-circle-chevron-right text-2xl text-[#3F88CE] mr-4\"\u003e\u003c\/i\u003e Can I get Utovlan over the counter?\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eNo. Utovlan is a prescription-only medicine in the UK. At Westbury Chemist it is supplied after an online consultation that is reviewed by a prescriber.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Important Info --\u003e\n\u003cdiv class=\"tw-border-b tw-border-gray-200 tw-mb-8\"\u003e\n\u003cbutton 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 \u003cspan class=\"tw-flex tw-items-center tw-gap-8 tw-text-2xl tw-font-semibold tw-text-gray-900\"\u003e \u003ci class=\"fa-solid fa-triangle-exclamation tw-text-3xl tw-text-primary\"\u003e\u003c\/i\u003e \u003cspan\u003eImportant Information\u003c\/span\u003e \u003c\/span\u003e \u003ci class=\"fa-solid fa-chevron-down tw-text-2xl tw-text-gray-400 tw-transition-transform tw-duration-200\"\u003e\u003c\/i\u003e \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 Important Information\u003c\/h3\u003e\n\u003cdiv class=\"mb-6\"\u003e\n\u003cp class=\"content-text\"\u003eUtovlan 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\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, please let our clinician know, and they can discuss it with you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex flex-wrap gap-4 important-links mt-8\"\u003e\u003ca href=\"https:\/\/www.medicines.org.uk\/emc\/product\/1717\/pil\" rel=\"noopener\" 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\" target=\"_blank\"\u003e \u003ci class=\"fa-solid fa-external-link text-lg md:text-xl mr-3\"\u003e\u003c\/i\u003e Official Information \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Key Points --\u003e\n\u003c\/div\u003e\n","brand":"POM","offers":[{"title":"5mg \/ 30 Tablets","offer_id":54482356175192,"sku":"UTOVLAN-5-30-period-pain","price":36.95,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 60 Tablets","offer_id":54482356207960,"sku":"UTOVLAN-5-60-period-pain","price":48.95,"currency_code":"GBP","in_stock":true},{"title":"5mg \/ 90 Tablets","offer_id":54482356240728,"sku":"UTOVLAN-5-90-period-pain","price":59.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 30 Tablets","offer_id":54482356273496,"sku":"UTOVLAN-10-30-period-pain","price":36.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 60 Tablets","offer_id":54482356306264,"sku":"UTOVLAN-10-60-period-pain","price":48.95,"currency_code":"GBP","in_stock":true},{"title":"10mg \/ 90 Tablets","offer_id":54482356339032,"sku":"UTOVLAN-10-90-period-pain","price":59.95,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 30 Tablets","offer_id":54482356371800,"sku":"UTOVLAN-500-30-period-pain","price":36.95,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 60 Tablets","offer_id":54482356404568,"sku":"UTOVLAN-500-60-period-pain","price":48.95,"currency_code":"GBP","in_stock":true},{"title":"500mg \/ 90 Tablets","offer_id":54482356437336,"sku":"UTOVLAN-500-90-period-pain","price":59.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0881\/9841\/4680\/files\/utovlan_f332e79f-ac0e-4964-a55a-d3e313d77fa2.png?v=1741784183"}],"url":"https:\/\/westburychemist.net\/collections\/period-problems.oembed","provider":"Westbury Chemist","version":"1.0","type":"link"}