PageSourceSearch

https://hydrofera.com/hydrofera-blue-classic/

html hydrofera.com collected 2026-10-07 00:34:24 UTC 163,537 bytes, 1,847 lines download raw bytes

1<!doctype html>
2<html lang="en-US">
3    <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6
7    
8                    
8<script>
9            window.dataLayer = window.dataLayer || [];
10            window.gtag = window.gtag || function () { window.dataLayer.push(arguments); };
11            window.gtag('consent', 'default', {
12                ad_storage: 'denied',
13                ad_user_data: 'denied',
14                ad_personalization: 'denied',
15                analytics_storage: 'denied',
16                functionality_storage: 'denied',
17                personalization_storage: 'denied',
18                security_storage: 'granted',
19                wait_for_update: 2000,
20            });
21            window.dataLayer.push({"ga4_page_uid":"wp-12","ga4_page_type":"product_detail","country":"US","page type":"product_detail","brand":"Hydrofera"});
22        </script>
22
23        
23<script>
24            window.loadHydroferaGtm = window.loadHydroferaGtm || function () {
25                if (document.querySelector('script[data-hydrofera-gtm]')) return;
26
27                window.dataLayer.push({
28                    'gtm.start': new Date().getTime(),
29                    event: 'gtm.js',
30                });
31
32                const firstScript = document.getElementsByTagName('script')[0];
33                const script = document.createElement('script');
34                script.async = true;
35                script.dataset.hydroferaGtm = 'true';
36                script.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-NSBN45B';
37                firstScript.parentNode.insertBefore(script, firstScript);
38            };
39        </script>
39
40        
41        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
42
43	<!-- This site is optimized with the Yoast SEO plugin v28.3 - https://yoast.com/product/yoast-seo-wordpress/ -->
44	<title>Hydrofera Blue CLASSIC® | Original PVA Foam Dressing</title>
45	<meta name="description" content="Discover Hydrofera Blue Classic—the original PVA foam dressing that manages exudate and reduces bioburden for chronic wounds." />
46	<link rel="canonical" href="https://hydrofera.com/hydrofera-blue-classic/" />
47	<meta property="og:locale" content="en_US" />
48	<meta property="og:type" content="article" />
49	<meta property="og:title" content="Hydrofera Blue CLASSIC® | Original PVA Foam Dressing" />
50	<meta property="og:description" content="Discover Hydrofera Blue Classic—the original PVA foam dressing that manages exudate and reduces bioburden for chronic wounds." />
51	<meta property="og:url" content="https://hydrofera.com/hydrofera-blue-classic/" />
52	<meta property="og:site_name" content="hydrofera.com" />
53	<meta property="article:publisher" content="https://www.facebook.com/hydroferallc" />
54	<meta property="article:modified_time" content="2026-08-11T23:30:00+00:00" />
55	<meta name="twitter:card" content="summary_large_image" />
56	
56<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hydrofera.com\/hydrofera-blue-classic\/","url":"https:\/\/hydrofera.com\/hydrofera-blue-classic\/","name":"Hydrofera Blue CLASSIC® | Original PVA Foam Dressing","isPartOf":{"@id":"https:\/\/hydrofera.com\/#website"},"datePublished":"2024-04-19T06:15:12+00:00","dateModified":"2026-08-11T23:30:00+00:00","description":"Discover Hydrofera Blue Classic—the original PVA foam dressing that manages exudate and reduces bioburden for chronic wounds.","breadcrumb":{"@id":"https:\/\/hydrofera.com\/hydrofera-blue-classic\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hydrofera.com\/hydrofera-blue-classic\/"]}],"about":[{"@id":"https:\/\/hydrofera.com\/#organization"},{"@id":"https:\/\/hydrofera.com\/#brand\/hydrofera-blue"}],"mainEntity":{"@id":"https:\/\/hydrofera.com\/hydrofera-blue-classic\/#product"}},{"@type":"BreadcrumbList","@id":"https:\/\/hydrofera.com\/hydrofera-blue-classic\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hydrofera.com\/"},{"@type":"ListItem","position":2,"name":"Hydrofera Blue CLASSIC"}]},{"@type":"WebSite","@id":"https:\/\/hydrofera.com\/#website","url":"https:\/\/hydrofera.com\/","name":"hydrofera.com","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hydrofera.com\/search\/{search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US","publisher":{"@id":"https:\/\/hydrofera.com\/#organization"},"about":{"@id":"https:\/\/hydrofera.com\/#brand\/hydrofera-blue"}},{"@type":"Organization","@id":"https:\/\/hydrofera.com\/#organization","name":"Hydrofera","legalName":"Hydrofera, LLC","alternateName":"Hydrofera Blue","url":"https:\/\/hydrofera.com\/","description":"Hydrofera develops Hydrofera Blue antibacterial wound dressings for advanced wound care professionals.","parentOrganization":{"@id":"https:\/\/www.essity.com\/#organization"},"brand":{"@id":"https:\/\/hydrofera.com\/#brand\/hydrofera-blue"},"sameAs":["https:\/\/www.linkedin.com\/company\/hydrofera","https:\/\/www.facebook.com\/hydroferallc\/"],"logo":{"@type":"ImageObject","@id":"https:\/\/hydrofera.com\/#logo","url":"https:\/\/hydrofera.com\/build\/images\/icons\/hydrofera-blue-logo.svg","contentUrl":"https:\/\/hydrofera.com\/build\/images\/icons\/hydrofera-blue-logo.svg","width":544,"height":97,"caption":"Hydrofera Blue"}},{"@type":"Brand","@id":"https:\/\/hydrofera.com\/#brand\/hydrofera-blue","name":"Hydrofera Blue","alternateName":"Hydrofera Blue Antibacterial Wound Dressings","url":"https:\/\/hydrofera.com\/hydrofera-blue\/","description":"Hydrofera Blue is Hydrofera's family of antibacterial foam wound dressings.","logo":{"@id":"https:\/\/hydrofera.com\/#logo"}},{"@type":"Organization","@id":"https:\/\/www.essity.com\/#organization","name":"Essity","legalName":"Essity Aktiebolag (publ)","url":"https:\/\/www.essity.com\/","subOrganization":{"@id":"https:\/\/hydrofera.com\/#organization"}},{"@type":"Product","@id":"https:\/\/hydrofera.com\/hydrofera-blue-classic\/#product","name":"Hydrofera Blue CLASSIC","url":"https:\/\/hydrofera.com\/hydrofera-blue-classic\/","category":"Antibacterial wound dressing","brand":{"@id":"https:\/\/hydrofera.com\/#brand\/hydrofera-blue"},"manufacturer":{"@id":"https:\/\/hydrofera.com\/#organization"},"mainEntityOfPage":{"@id":"https:\/\/hydrofera.com\/hydrofera-blue-classic\/"}}]}</script>
56
57	<!-- / Yoast SEO plugin. -->
58
59
60<link rel="preload" href="https://hydrofera.com/build/assets/font-gaeUdFpm.woff2" as="font" type="font/woff2" crossorigin>
61<link rel="preload" href="https://hydrofera.com/build/assets/font-Cb3GgQ2W.woff2" as="font" type="font/woff2" crossorigin>
62<style id='wp-img-auto-sizes-contain-inline-css'>
63img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
64/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
65</style>
66<link rel="icon" href="https://hydrofera.com/content/uploads/2025/06/cropped-hydrofera-favicon-32x32.png" sizes="32x32">
67<link rel="icon" href="https://hydrofera.com/content/uploads/2025/06/cropped-hydrofera-favicon-192x192.png" sizes="192x192">
68<link rel="apple-touch-icon" href="https://hydrofera.com/content/uploads/2025/06/cropped-hydrofera-favicon-180x180.png">
69<meta name="msapplication-TileImage" content="https://hydrofera.com/content/uploads/2025/06/cropped-hydrofera-favicon-270x270.png">
70    <link rel="preload" as="style" href="https://hydrofera.com/build/assets/app-DHkCy5W9.css" /><link rel="modulepreload" as="script" href="https://hydrofera.com/build/assets/app-CSi8aqFn.js" /><link rel="stylesheet" href="https://hydrofera.com/build/assets/app-DHkCy5W9.css" />
70<script type="module" src="https://hydrofera.com/build/assets/app-CSi8aqFn.js"></script>
70    
71            <!-- OneTrust Cookies Consent Notice start for hydrofera.com -->
72        <style>
73            /* Keep the first-visit banner non-modal; OneTrust restores the scrim for Preferences. */
74            #onetrust-consent-sdk:has(#onetrust-pc-sdk.ot-hide) .onetrust-pc-dark-filter {
75                display: none !important;
76            }
77
78            /* Bring OneTrust into Hydrofera's gentian-violet, indigo, and methylene-blue palette. */
79            #onetrust-consent-sdk #onetrust-accept-btn-handler,
80            #onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler,
81            #onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler,
82            #onetrust-consent-sdk #onetrust-pc-sdk #filter-apply-handler {
83                background: linear-gradient(105deg, #5751d6 0%, #4338ca 48%, #2c71eb 100%) !important;
84                border-color: transparent !important;
85                color: #fff !important;
86                opacity: 1 !important;
87            }
88
89            #onetrust-consent-sdk #onetrust-accept-btn-handler:hover,
90            #onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler:hover,
91            #onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler:hover,
92            #onetrust-consent-sdk #onetrust-pc-sdk #filter-apply-handler:hover {
93                background: linear-gradient(105deg, #4338ca 0%, #3730a3 48%, #2563eb 100%) !important;
94            }
95
96            #onetrust-consent-sdk #onetrust-reject-all-handler,
97            #onetrust-consent-sdk #onetrust-pc-btn-handler,
98            #onetrust-consent-sdk #onetrust-pc-sdk #filter-cancel-handler {
99                background: #fff !important;
100                border-color: #4338ca !important;
101                color: #3730a3 !important;
102                opacity: 1 !important;
103            }
104
105            #onetrust-consent-sdk #onetrust-reject-all-handler:hover,
106            #onetrust-consent-sdk #onetrust-pc-btn-handler:hover,
107            #onetrust-consent-sdk #onetrust-pc-sdk #filter-cancel-handler:hover {
108                background: #eef2ff !important;
109                border-color: #2c71eb !important;
110                color: #1e3a8a !important;
111            }
112
113            #onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
114            #onetrust-consent-sdk #onetrust-pc-sdk .ot-link-btn,
115            #onetrust-consent-sdk .ot-cookie-policy-link {
116                color: #312e81 !important;
117                text-decoration: underline !important;
118                text-underline-offset: 0.16em !important;
119            }
120
121            /* OneTrust owns this injected list, so enforce accessible link contrast here. */
122            #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2 a,
123            #ot-sdk-cookie-policy a {
124                color: #3730a3 !important;
125            }
126
127            body #ot-sdk-btn.ot-sdk-show-settings {
128                color: #312e81 !important;
129                border-color: #312e81 !important;
130            }
131
132            #onetrust-consent-sdk #onetrust-pc-sdk input:checked + .ot-switch .ot-switch-nob {
133                background-color: #2c71eb !important;
134                border-color: #2c71eb !important;
135            }
136
137            #onetrust-consent-sdk button:focus-visible,
138            #onetrust-consent-sdk a:focus-visible,
139            #onetrust-consent-sdk input:focus-visible + .ot-switch {
140                outline: 3px solid rgb(44 113 235 / 35%) !important;
141                outline-offset: 2px !important;
142            }
143        </style>
144        
144<script defer type="text/javascript" src="https://cdn-ukwest.onetrust.com/consent/b9f6467b-0392-4041-93d5-01c04fab8ed7/OtAutoBlock.js"></script>
144
145        
145<script>
146            (() => {
147                let oneTrustLoaded = false;
148
149                const loadOneTrust = () => {
150                    if (oneTrustLoaded) return;
151                    oneTrustLoaded = true;
152
153                    const script = document.createElement('script');
154                    script.src = 'https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js';
155                    script.type = 'text/javascript';
156                    script.charset = 'UTF-8';
157                    script.dataset.documentLanguage = 'true';
158                    script.dataset.domainScript = 'b9f6467b-0392-4041-93d5-01c04fab8ed7';
159                    document.head.appendChild(script);
160                };
161
162                const loadAfterFirstPaint = () => {
163                    requestAnimationFrame(() => requestAnimationFrame(loadOneTrust));
164                };
165
166                if (document.readyState === 'complete') {
167                    loadAfterFirstPaint();
168                } else {
169                    window.addEventListener('load', loadAfterFirstPaint, { once: true });
170                }
171            })();
172        </script>
172
173        
173<script type="text/javascript">
174            function OptanonWrapper() {
175                const activeGroups = window.OnetrustActiveGroups || '';
176                const hasConsent = (group) => activeGroups.split(',').includes(group);
177
178                const cookiePolicy = document.getElementById('ot-sdk-cookie-policy');
179                if (cookiePolicy) {
180                    const normalizeCookiePolicyHeadings = () => {
181                        const replaceHeadings = (selector, tagName) => {
182                            cookiePolicy.querySelectorAll(selector).forEach((heading) => {
183                                const replacement = document.createElement(tagName);
184
185                                for (const attribute of heading.attributes) {
186                                    replacement.setAttribute(attribute.name, attribute.value);
187                                }
188
189                                replacement.innerHTML = heading.innerHTML;
190                                heading.replaceWith(replacement);
191                            });
192                        };
193
194                        replaceHeadings('h3#cookie-policy-title', 'h2');
195                        replaceHeadings('h4.ot-sdk-cookie-policy-group', 'h3');
196                    };
197
198                    normalizeCookiePolicyHeadings();
199                    new MutationObserver(normalizeCookiePolicyHeadings).observe(cookiePolicy, {
200                        childList: true,
201                        subtree: true,
202                    });
203                }
204
205                if (typeof window.gtag === 'function') {
206                    window.gtag('consent', 'update', {
207                        ad_storage: hasConsent('C0004') ? 'granted' : 'denied',
208                        ad_user_data: hasConsent('C0004') ? 'granted' : 'denied',
209                        ad_personalization: hasConsent('C0004') ? 'granted' : 'denied',
210                        analytics_storage: hasConsent('C0002') ? 'granted' : 'denied',
211                        functionality_storage: hasConsent('C0003') ? 'granted' : 'denied',
212                        personalization_storage: hasConsent('C0003') ? 'granted' : 'denied',
213                        security_storage: 'granted',
214                    });
215                }
216
217                if (hasConsent('C0002') && typeof window.loadHydroferaGtm === 'function') {
218                    window.loadHydroferaGtm();
219                }
220
221                const cookieSettingsBtn = document.getElementById('onetrust-pc-btn-handler');
222                const acceptBtn = document.getElementById('onetrust-accept-btn-handler');
223                const declineBtn = document.getElementById('onetrust-reject-all-handler');
224                const btnContainer = document.getElementById('onetrust-button-group');
225                const cookiePolicyLink = document.querySelector('.ot-cookie-policy-link');
226
227                if (cookiePolicyLink) {
228                    cookiePolicyLink.setAttribute('aria-label', 'Cookie policy (opens in a new tab)');
229                }
230
231                if (btnContainer && cookieSettingsBtn) {
232                    if (acceptBtn) {
233                        btnContainer.insertBefore(acceptBtn, cookieSettingsBtn);
234                    }
235
236                    if (declineBtn) {
237                        btnContainer.insertBefore(declineBtn, cookieSettingsBtn);
238                    }
239                }
240            }
241        </script>
241
242        <!-- OneTrust Cookies Consent Notice end for hydrofera.com -->
243
244        
245    <style id='global-styles-inline-css'>
246:root{--wp--preset--color--inherit: inherit;--wp--preset--color--current: currentColor;--wp--preset--color--transparent: transparent;--wp--preset--color--black: #000;--wp--preset--color--white: #fff;--wp--preset--color--gray-50: #f9fafb;--wp--preset--color--gray-100: #f3f4f6;--wp--preset--color--gray-200: #e5e7eb;--wp--preset--color--gray-300: #d1d5db;--wp--preset--color--gray-400: #9ca3af;--wp--preset--color--gray-500: #6b7280;--wp--preset--color--gray-600: #4b5563;--wp--preset--color--gray-700: #374151;--wp--preset--color--gray-800: #1f2937;--wp--preset--color--gray-900: #111827;--wp--preset--color--gray-950: #030712;--wp--preset--color--indigo-50: #eef2ff;--wp--preset--color--indigo-100: #e0e7ff;--wp--preset--color--indigo-200: #c7d2fe;--wp--preset--color--indigo-300: #a5b4fc;--wp--preset--color--indigo-400: #818cf8;--wp--preset--color--indigo-500: #5856D6;--wp--preset--color--indigo-600: #4f46e5;--wp--preset--color--indigo-700: #4338ca;--wp--preset--color--indigo-800: #3730a3;--wp--preset--color--indigo-900: #312e81;--wp--preset--color--indigo-950: #1e1b4b;--wp--preset--color--blue-50: #eff6ff;--wp--preset--color--blue-100: #dbeafe;--wp--preset--color--blue-200: #bfdbfe;--wp--preset--color--blue-300: #93c5fd;--wp--preset--color--blue-400: #60a5fa;--wp--preset--color--blue-500: #2AC3BD;--wp--preset--color--blue-600: #2563eb;--wp--preset--color--blue-700: #1d4ed8;--wp--preset--color--blue-800: #1e40af;--wp--preset--color--blue-900: #1e3a8a;--wp--preset--color--green-50: #f0fdf4;--wp--preset--color--green-100: #dcfce7;--wp--preset--color--green-200: #bbf7d0;--wp--preset--color--green-300: #86efac;--wp--preset--color--green-400: #4ade80;--wp--preset--color--green-500: #70D693;--wp--preset--color--green-600: #16a34a;--wp--preset--color--green-700: #15803d;--wp--preset--color--green-800: #166534;--wp--preset--color--green-900: #14532d;--wp--preset--color--purple-50: #f7eefc;--wp--preset--color--purple-100: #daaff0;--wp--preset--color--purple-200: #bf75e5;--wp--preset--color--purple-300: #9f4bca;--wp--preset--color--purple-400: #602d7a;--wp--preset--color--purple-500: #e6c9f5;--wp--preset--color--purple-600: #c98be9;--wp--preset--color--purple-700: #af52de;--wp--preset--color--purple-800: #7c3a9e;--wp--preset--color--purple-900: #4a225d;--wp--preset--color--pink-50: #ffe5f0;--wp--preset--color--pink-100: #ffb3d4;--wp--preset--color--pink-200: #ff80b7;--wp--preset--color--pink-300: #ff4d9b;--wp--preset--color--pink-400: #ff1a80;--wp--preset--color--pink-500: #d6007a;--wp--preset--color--pink-600: #b00064;--wp--preset--color--pink-700: #8c004f;--wp--preset--color--pink-800: #68003a;--wp--preset--color--pink-900: #440025;--wp--preset--color--purple-pink-lighter: rgba(220, 102, 231, 0.70);--wp--preset--color--purple-pink-darker: rgba(98, 65, 165, 0.70);--wp--preset--font-size--sm: 0.925rem;--wp--preset--font-size--nhg-larger: 1.05rem;--wp--preset--font-family--sans: Helvetica Neue, -apple-system, BlinkMacSystemFont, "neue-haas-grotesk-display", Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;}:root { --wp--style--global--content-size: 64rem;--wp--style--global--wide-size: 64rem; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained >
246 :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{font-family: var(--wp--preset--font-family--sans);font-size: var(--wp--preset--font-size--normal);padding-right: 1.5rem;padding-left: 1.5rem;}:root :where(.wp-element-button, .wp-block-button__link){border-radius: 0;}.has-inherit-color{color: var(--wp--preset--color--inherit) !important;}.has-current-color{color: var(--wp--preset--color--current) !important;}.has-transparent-color{color: var(--wp--preset--color--transparent) !important;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-gray-50-color{color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-color{color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-color{color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-color{color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-color{color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-color{color: var(--wp--preset--color--gray-950) !important;}.has-indigo-50-color{color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-color{color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-color{color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-color{color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-color{color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-color{color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-color{color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-color{color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-color{color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-color{color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-color{color: var(--wp--preset--color--indigo-950) !important;}.has-blue-50-color{color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-color{color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-color{color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-color{color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-color{color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-color{color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-color{color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-color{color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-color{color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-color{color: var(--wp--preset--color--blue-900) !important;}.has-green-50-color{color: var(--wp--preset--color--green-50) !important;}.has-green-100-color{color: var(--wp--preset--color--green-100) !important;}.has-green-200-color{color: var(--wp--preset--color--green-200) !important;}.has-green-300-color{color: var(--wp--preset--color--green-300) !important;}.has-green-400-color{color: var(--wp--preset--color--green-400) !important;}.has-green-500-color{color: var(--wp--preset--color--green-500) !important;}.has-green-600-color{color: var(--wp--preset--color--green-600) !important;}.has-green-700-color{color: var(--wp--preset--color--green-700) !important;}.has-green-800-color{color: var(--wp--preset--color--green-800) !important;}.has-green-900-color{color: var(--wp--preset--color--green-900) !important;}.has-purple-50-color{color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-color{color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-color{color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-color{color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-color{color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-color{color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-color{color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-color{color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-color{color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-color{color: var(--wp--preset--color--purple-900) !important;}.has-pink-50-color{color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-color{color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-color{color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-color{color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-color{color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-color{color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-color{color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-color{color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-color{color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-color{color: var(--wp--preset--color--pink-900) !important;}.has-purple-pink-lighter-color{color: var(--wp--preset--color--purple-pink-lighter) !important;}.has-purple-pink-darker-color{color: var(--wp--preset--color--purple-pink-darker) !important;}.has-inherit-background-color{background-color: var(--wp--preset--color--inherit) !important;}.has-current-background-color{background-color: var(--wp--preset--color--current) !important;}.has-transparent-background-color{background-color: var(--wp--preset--color--transparent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-gray-50-background-color{background-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-background-color{background-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-background-color{background-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-background-color{background-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-background-color{background-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-background-color{background-color: var(--wp--preset--color--gray-950) !important;}.has-indigo-50-background-color{background-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-background-color{background-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-background-color{background-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-background-color{background-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-background-color{background-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-background-color{background-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-background-color{background-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-background-color{background-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-background-color{background-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-background-color{background-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-background-color{background-color: var(--wp--preset--color--indigo-950) !important;}.has-blue-50-background-color{background-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-background-color{background-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-background-color{background-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-background-color{background-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-background-color{background-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-background-color{background-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-background-color{background-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-background-color{background-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-background-color{background-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-background-color{background-color: var(--wp--preset--color--blue-900) !important;}.has-green-50-background-color{background-color: var(--wp--preset--color--green-50) !important;}.has-green-100-background-color{background-color: var(--wp--preset--color--green-100) !important;}.has-green-200-background-color{background-color: var(--wp--preset--color--green-200) !important;}.has-green-300-background-color{background-color: var(--wp--preset--color--green-300) !important;}.has-green-400-background-color{background-color: var(--wp--preset--color--green-400) !important;}.has-green-500-background-color{background-color: var(--wp--preset--color--green-500) !important;}.has-green-600-background-color{background-color: var(--wp--preset--color--green-600) !important;}.has-green-700-background-color{background-color: var(--wp--preset--color--green-700) !important;}.has-green-800-background-color{background-color: var(--wp--preset--color--green-800) !important;}.has-green-900-background-color{background-color: var(--wp--preset--color--green-900) !important;}.has-purple-50-background-color{background-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-background-color{background-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-background-color{background-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-background-color{background-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-background-color{background-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-background-color{background-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-background-color{background-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-background-color{background-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-background-color{background-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-background-color{background-color: var(--wp--preset--color--purple-900) !important;}.has-pink-50-background-color{background-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-background-color{background-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-background-color{background-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-background-color{background-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-background-color{background-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-background-color{background-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-background-color{background-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-background-color{background-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-background-color{background-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-background-color{background-color: var(--wp--preset--color--pink-900) !important;}.has-purple-pink-lighter-background-color{background-color: var(--wp--preset--color--purple-pink-lighter) !important;}.has-purple-pink-darker-background-color{background-color: var(--wp--preset--color--purple-pink-darker) !important;}.has-inherit-border-color{border-color: var(--wp--preset--color--inherit) !important;}.has-current-border-color{border-color: var(--wp--preset--color--current) !important;}.has-transparent-border-color{border-color: var(--wp--preset--color--transparent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-gray-50-border-color{border-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-border-color{border-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-border-color{border-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-border-color{border-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-border-color{border-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-border-color{border-color: var(--wp--preset--color--gray-950) !important;}.has-indigo-50-border-color{border-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-border-color{border-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-border-color{border-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-border-color{border-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-border-color{border-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-border-color{border-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-border-color{border-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-border-color{border-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-border-color{border-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-border-color{border-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-border-color{border-color: var(--wp--preset--color--indigo-950) !important;}.has-blue-50-border-color{border-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-border-color{border-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-border-color{border-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-border-color{border-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-border-color{border-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-border-color{border-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-border-color{border-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-border-color{border-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-border-color{border-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-border-color{border-color: var(--wp--preset--color--blue-900) !important;}.has-green-50-border-color{border-color: var(--wp--preset--color--green-50) !important;}.has-green-100-border-color{border-color: var(--wp--preset--color--green-100) !important;}.has-green-200-border-color{border-color: var(--wp--preset--color--green-200) !important;}.has-green-300-border-color{border-color: var(--wp--preset--color--green-300) !important;}.has-green-400-border-color{border-color: var(--wp--preset--color--green-400) !imp
246ortant;}.has-green-500-border-color{border-color: var(--wp--preset--color--green-500) !important;}.has-green-600-border-color{border-color: var(--wp--preset--color--green-600) !important;}.has-green-700-border-color{border-color: var(--wp--preset--color--green-700) !important;}.has-green-800-border-color{border-color: var(--wp--preset--color--green-800) !important;}.has-green-900-border-color{border-color: var(--wp--preset--color--green-900) !important;}.has-purple-50-border-color{border-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-border-color{border-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-border-color{border-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-border-color{border-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-border-color{border-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-border-color{border-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-border-color{border-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-border-color{border-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-border-color{border-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-border-color{border-color: var(--wp--preset--color--purple-900) !important;}.has-pink-50-border-color{border-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-border-color{border-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-border-color{border-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-border-color{border-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-border-color{border-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-border-color{border-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-border-color{border-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-border-color{border-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-border-color{border-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-border-color{border-color: var(--wp--preset--color--pink-900) !important;}.has-purple-pink-lighter-border-color{border-color: var(--wp--preset--color--purple-pink-lighter) !important;}.has-purple-pink-darker-border-color{border-color: var(--wp--preset--color--purple-pink-darker) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-nhg-larger-font-size{font-size: var(--wp--preset--font-size--nhg-larger) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;}
247/*# sourceURL=global-styles-inline-css */
248</style>
249
250</head>
251
252    <body class="wp-singular page-template page-template-template-product page page-id-12 wp-embed-responsive wp-theme-radicle hydrofera-blue-classic">
253        <!-- Google Tag Manager (noscript) -->
254    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NSBN45B"
255    height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript>
256    <!-- End Google Tag Manager (noscript) -->
257        
258        <div id="">
259            <a class="sr-only focus:not-sr-only" href="#main">
260                Skip to content
261            </a>
262            <header class="hydrofera-site-header max-w-5xl mx-auto bg-opacity-70 bg-gradient-to-r from-indigo-500 to-blue-600 text-white backdrop-blur-lg shadow-lg border border-transparent rounded-full mx-auto p-1 my-4 sticky top-0 z-50" x-data="{ mobileMenuOpen: false }" x-cloak>
263    <div class="px-6 py-1 flex justify-between items-center w-full">
264        <div class="flex items-center">
265            <a href="/" class="flex items-center" aria-label="Home">
266                <svg width="200" class="h-8" width="544" height="97" viewBox="0 0 544 97" fill="none" xmlns="http://www.w3.org/2000/svg">
267<path d="M399.744 96.7813H1.04733V70.8303H399.744V96.7813Z" fill="#ffffff"/>
268<path d="M341.576 46.0059H351.896C355.576 46.0059 358.777 44.9668 358.777 40.5683C358.777 37.2064 356.777 35.3679 352.615 35.3679H341.576V46.0059ZM341.576 24.7272H350.856C354.536 24.7272 356.855 23.6887 356.855 20.0089C356.855 17.1288 354.456 16.0887 350.856 16.0887
268H341.576V24.7272ZM323.977 2.488H355.256C370.295 2.488 373.496 10.9688 373.496 16.8084C373.496 22.5688 370.696 25.6881 366.456 28.0084C371.576 29.7688 376.376 33.8469 376.376 42.248C376.376 53.6855 366.456 59.6073 356.376 59.6073H323.977V2.488Z" fill="#ffffff"/>
269<path d="M378.813 2.488H396.412V44.9668H421.691V59.6073H378.813V2.488Z" fill="#ffffff"/>
270<path d="M476.604 37.5267C476.604 53.3679 468.048 60.9668 450.608 60.9668C433.167 60.9668 424.529 53.3679 424.529 37.5267V2.48802H442.128V33.6074C442.128 39.4486 442.128 46.7272 450.688 46.7272C459.005 46.7272 459.005 39.4486 459.005 33.6074V2.48802H476.604V37.5267Z" fill="#ffffff"/>
271<path d="M480.969 2.53201H528.248V17.1731H498.568V24.2923H525.527V37.8912H498.568V45.0111H529.125V59.6516H480.969V2.53201Z" fill="#ffffff"/>
272<path d="M0.746399 4.392H6.00466V28.3652H38.7937V4.392H44.0521V59.6073H38.7937V32.8496H6.00466V59.6073H0.746399V4.392Z" fill="#f2f3fa"/>
273<path d="M51.1088 19.7037H56.2896L69.436 49.8573L81.7317 19.7037H86.6036L69.2812 60.4797C66.4973 66.4407 64.874 68.1543 58.764 68.1543C56.8307 68.0855 55.8255 68.0855 55.0521 67.8121V64.1803C56.2125 64.3849 57.2948 64.5231 58.3776 64.5231C62.7084 64.5231 63.7136 62.2611 65.3369 58.9715L67.0385 54.9272L51.1088 19.7037Z" fill="#f2f3fa"/>
274<path d="M104.972 56.6673C115.333 56.6673 118.969 47.9303 118.969 39.6543C118.969 31.3808 115.333 22.6423 104.972 22.6423C95.6921 22.6423 91.9031 31.3808 91.9031 39.6543C91.9031 47.9303 95.6921 56.6673 104.972 56.6673ZM123.84 59.6073H119.356V52.0283H119.201C117.112 57.2089 110.772 60.7663 104.972 60.7663C92.8307 60.7663 87.0312 50.946 87.0312 39.6543C87.0312 28.3652 92.8307 18.5433 104.972 18.5433C110.927 18.5433 116.725 21.56 118.815 27.2819H118.969V4.392H123.84V59.6073Z" fill="#f2f3fa"/>
275<path d="M133.12 19.7037H137.607V29.0605H137.761C140.235 22.6423 145.649 18.8527 152.84 19.1621V24.0345C144.025 23.5704 137.993 30.0657 137.993 38.3407V59.6073H133.12V19.7037Z" fill="#f2f3fa"/>
276<path d="M158.963 39.6543C158.963 48.1621 163.603 56.6673 172.96 56.6673C182.317 56.6673 186.956 48.1621 186.956 39.6543C186.956 31.1491 182.317 22.6423 172.96 22.6423C163.603 22.6423 158.963 31.1491 158.963 39.6543ZM191.829 39.6543C191.829 51.0996 185.177 60.7663 172.96 60.7663C160.741 60.7663 154.091 51.0996 154.091 39.6543C154.091 28.21 160.741 18.5433 172.96 18.5433C185.177 18.5433 191.829 28.21 191.829 39.6543Z" fill="#f2f3fa"/>
277<path d="M214.488 23.8027H206.6V59.6073H201.728V23.8027H194.923V19.7037H201.728V16.0688C201.651 9.18653 203.584 4.392 211.395 4.392C212.787 4.392 213.945 4.46933 215.493 4.70133V8.87773C214.179 8.64546 213.096 8.49066 211.936 8.49066C206.523 8.49066 206.677 11.8933 206.6 16.224V19.7037H214.488V23.8027Z" fill="#f2f3fa"/>
278<path d="M247.817 36.8704C247.585 29.524 243.023 22.6423 235.135 22.6423C227.169 22.6423 222.763 29.6021 221.989 36.8704H247.817ZM221.989 40.9693C222.065 48.084 225.777 56.6673 235.135 56.6673C242.249 56.6673 246.116 52.4928 247.664 46.46H252.535C250.447 55.5084 245.188 60.7663 235.135 60.7663C222.452 60.7663 217.116 51.0231 217.116 39.6543C217.116 29.1387 222.452 18.5433 235.135 18.5433C247.972 18.5433 253.076 29.7559 252.689 40.9693H221.989Z" fill="#f2f3fa"/>
279<path d="M259.263 19.7037H263.748V29.0605H263.903C266.377 22.6423 271.791 18.8527 278.983 19.1621V24.0345C270.167 23.5704 264.135 30.0657 264.135 38.3407V59.6073H259.263V19.7037Z" fill="#f2f3fa"/>
280<path d="M309.141 37.8001H308.988C308.368 38.9589 306.204 39.346 304.889 39.5788C296.613 41.0475 286.329 40.9693 286.329 48.7803C286.329 53.6516 290.66 56.6673 295.223 56.6673C302.647 56.6673 309.22 51.9512 309.141 44.1412V37.8001ZM283.159 31.9225C283.621 22.5652 290.196 18.5433 299.321 18.5433C306.357 18.5433 314.013 20.7089 314.013 31.3808V52.5693C314.013 54.4251 314.943 55.5084 316.875 55.5084C317.416 55.5084 318.035 55.3532 318.421 55.1985V59.2975C317.339 59.5293 316.565 59.6073 315.251 59.6073C310.301 59.6073 309.528 56.8236 309.528 52.6464H309.375C305.971 57.8288 302.492 60.7663 294.835 60.7663C287.489 60.7663 281.456 57.1319 281.456 49.0892C281.456 37.8756 292.361 37.4903 302.879 36.2532C306.899 35.7887 309.141 35.248 309.141 30.8392C309.141 24.2663 304.425 22.6423 298.703 22.6423C292.669 22.6423 288.184 25.4261 288.031 31.9225H283.159Z" fill="#f2f3fa"/>
281<path d="M431.647 91.0147C431.647 94.224 429.043 96.8293 425.833 96.8293H4
28111.297C408.087 96.8293 405.484 94.224 405.484 91.0147V76.4797C405.484 73.2688 408.087 70.6647 411.297 70.6647H425.833C429.043 70.6647 431.647 73.2688 431.647 76.4797V91.0147Z" fill="#ffffff"/>
282<mask id="mask0_27_3" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="503" y="70" width="27" height="27">
283<path d="M529.279 91.0147C529.279 94.224 526.675 96.8293 523.464 96.8293H508.928C505.72 96.8293 503.115 94.224 503.115 91.0147V76.4797C503.115 73.2688 505.72 70.6647 508.928 70.6647H523.464C526.675 70.6647 529.279 73.2688 529.279 76.4797V91.0147Z" fill="white"/>
284</mask>
285<g mask="url(#mask0_27_3)">
286<path d="M529.279 91.0147C529.279 94.224 526.675 96.8293 523.464 96.8293H508.928C505.72 96.8293 503.115 94.224 503.115 91.0147V76.4797C503.115 73.2688 505.72 70.6647 508.928 70.6647H523.464C526.675 70.6647 529.279 73.2688 529.279 76.4797V91.0147Z" fill="url(#paint0_radial_27_3)"/>
287</g>
288<mask id="mask1_27_3" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="438" y="70" width="27" height="27">
289<path d="M464.352 91.0147C464.352 94.224 461.748 96.8293 458.537 96.8293H444.003C440.792 96.8293 438.189 94.224 438.189 91.0147V76.4797C438.189 73.2688 440.792 70.6647 444.003 70.6647H458.537C461.748 70.6647 464.352 73.2688 464.352 76.4797V91.0147Z" fill="white"/>
290</mask>
291<g mask="url(#mask1_27_3)">
292<path d="M464.352 91.0147C464.352 94.224 461.748 96.8293 458.537 96.8293H444.003C440.792 96.8293 438.189 94.224 438.189 91.0147V76.4797C438.189 73.2688 440.792 70.6647 444.003 70.6647H458.537C461.748 70.6647 464.352 73.2688 464.352 76.4797V91.0147Z" fill="url(#paint1_radial_27_3)"/>
293</g>
294<mask id="mask2_27_3" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="470" y="70" width="28" height="27">
295<path d="M497.057 91.0147C497.057 94.224 494.453 96.8293 491.243 96.8293H476.708C473.497 96.8293 470.893 94.224 470.893 91.0147V76.4797C470.893 73.2688 473.497 70.6647 476.708 70.6647H491.243C494.453 70.6647 497.057 73.2688 497.057 76.4797V91.0147Z" fill="white"/>
296</mask>
297<g mask="url(#mask2_27_3)">
298<path d="M497.057 91.0147C497.057 94.224 494.453 96.8293 491.243 96.8293H476.708C473.497 96.8293 470.893 94.224 470.893 91.0147V76.4797C470.893 73.2688 473.497 70.6647 476.708 70.6647H491.243C494.453 70.6647 497.057 73.2688 497.057 76.4797V91.0147Z" fill="url(#paint2_radial_27_3)"/>
299</g>
300<path d="M537.231 5.972H537.861C538.596 5.972 539.189 5.72666 539.189 5.132C539.189 4.60666 538.804 4.25599 537.965 4.25599C537.615 4.25599 537.371 4.292 537.231 4.32666V5.972ZM537.195 9.1912H535.865V3.452C536.389 3.38267 537.125 3.27733 538.069 3.27733C539.155 3.27733 539.645 3.452 540.029 3.732C540.38 3.97733 540.625 4.39733 540.625 4.95733C540.625 5.65733 540.101 6.11213 539.435 6.32146V6.39173C539.996 6.56626 540.276 7.02093 540.449 7.79173C540.625 8.66679 540.765 8.98187 540.869 9.1912H539.471C539.295 8.98187 539.189 8.49066 539.015 7.79173C538.911 7.19639 538.56 6.9168 537.825 6.9168H537.195V9.1912ZM533.661 6.21733C533.661 8.77093 535.587 10.8007 538.14 10.8007C540.625 10.8345 542.515 8.77093 542.515 6.2512C542.515 3.696 540.625 1.63334 538.069 1.63334C535.587 1.63334 533.661 3.696 533.661 6.21733ZM543.984 6.21733C543.984 9.436 541.393 11.9907 538.105 11.9907C534.816 11.9907 532.192 9.436 532.192 6.21733C532.192 2.99733 534.816 0.477332 538.14 0.477332C541.393 0.477332 543.984 2.99733 543.984 6.21733Z" fill="#ffffff"/>
301<defs>
302<radialGradient id="paint0_radial_27_3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(516.197 83.7468) scale(13.082 13.082)">
303<stop stop-color="white"/>
304<stop offset="0.605468" stop-color="white"/>
305<stop offset="1" stop-color="#ffffff"/>
306</radialGradient>
307<radialGradient id="paint1_radial_27_3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(451.271 83.7468) scale(13.0817 13.0817)">
308<stop stop-color="white"/>
309<stop offset="0.662225" stop-color="#ffffff"/>
310<stop offset="1" stop-color="#ffffff"/>
311</radialGradient>
312<radialGradient id="paint2_radial_27_3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(483.976 83.7468) scale(13.0817 13.0817)">
313<stop stop-color="white"/>
314<stop offset="0.419459" stop-color="white"/>
315<stop offset="1" stop-color="#ffffff"/>
316</radialGradient>
317</defs>
318</svg>            </a>
319        </div>
320        
321        <!-- Mobile Menu Button (Hamburger / X toggle) -->
322        <div class="md:hidden flex items-center ml-auto">
323            <button @click="mobileMenuOpen = !mobileMenuOpen" class="text-gray-200 focus:outline-none" aria-label="Open menu" :aria-label="mobileMenuOpen ? 'Close menu' : 'Open menu'" aria-expanded="false" :aria-expanded="mobileMenuOpen.toString()" aria-controls="mobileMenu">
324                <template x-if="!mobileMenuOpen">
325                    <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
326  <path fill-rule="evenodd" d="M3 9a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 9Zm0 6.75
326a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
327</svg> <!-- Hamburger Icon -->
328                </template>
329                <template x-if="mobileMenuOpen">
330                    <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
331  <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
332</svg> <!-- X Icon -->
333                </template>
334            </button>
335        </div>
336
337        <!-- Desktop Navigation Links -->
338        <nav class="hidden md:flex space-x-6 items-center" x-cloak>
339            <ul class="flex space-x-6 items-center list-none">
340                <li class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
341                    <a href="/hydrofera-blue" class="flex items-center text-gray-200 hover:text-white">
342                        <span class="hydrofera-nav-content">
343                            Products <svg class="ml-1 h-4 w-4 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
344  <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"/>
345</svg>                        </span>
346                    </a>
347                    <!-- Dropdown menu -->
348                    <ul x-show="open" style="display: none;" @click.away="open = false" x-transition:enter="transition ease-out duration-250" x-transition:enter-start="opacity-0 transform -translate-y-2" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-250" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform -translate-y-2" class="absolute left-0 top-full w-72 bg-white shadow-lg rounded-lg py-2 z-10" x-cloak>
349                        
350                        <!-- Product Overview -->
351                        <li><a href="/hydrofera-blue" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Product Overview</a></li>
352                        
353                        <!-- Separator -->
354                        <li class="border-t border-gray-200 my-2"></li>
355
356                        <!-- Hydrofera Blue CLASSIC with Submenu -->
357                        <li class="relative" x-data="{ openSubMenu: false }" @mouseenter="openSubMenu = true" @mouseleave="openSubMenu = false">
358                            <a href="/hydrofera-blue-classic/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">
359                                Hydrofera Blue CLASSIC<sup class="hydrofera-registered-mark">®</sup>
360                                <svg class="float-right h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
361  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
362</svg>                            </a>
363                            <!-- Sub-menu for Hydrofera Blue CLASSIC -->
364                            <ul x-show="openSubMenu" style="display: none;" x-transition:enter="transition ease-out duration-250" x-transition:enter-start="opacity-0 transform -translate-y-2" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-250" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform -translate-y-2" class="absolute left-full top-0 w-96 bg-white shadow-lg rounded-lg py-2 z-10" x-cloak>
365                                <li><a href="/hydrofera-blue-classic/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Hydrofera Blue CLASSIC<sup class="hydrofera-registered-mark">®</sup></a></li>
366                                <li><a href="/hydrofera-blue-classic-heavy/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Hydrofera Blue CLASSIC<sup class="hydrofera-registered-mark">®</sup>&nbsp;Heavy Drainage</a></li>
367	                                <li><a href="/hydrofera-blue-classic-ostomy/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Hydrofera Blue CLASSIC<sup class="hydrofera-registered-mark">®</sup>&nbsp;Ostomy Dressing</a></li>
368                                <li><a href="/hydrofera-blue-classic-tunnel/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Hydrofera Blue CLASSIC<sup class="hydrofera-registered-mark">®</sup>&nbsp;Tunneling Dressing</a></li>
369                            </ul>
370                        </li>
371
372                        <!-- Hydrofera Blue COMFORTCEL -->
373                        <li><a href="/hydrofera-blue-comfortcel/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Hydrofera Blue COMFORTCEL<sup class="hydrofera-registered-mark">®</sup></a></li>
374
375                        <!-- Hydrofera Blue READY with Submenu -->
376                        <li class="relative" x-data="{ openSubMenuReady: false }" @mouseenter="openSubMenuReady = true" @mouseleave="openSubMenuReady = false">
377                            <a href="/hydrofera-blue-ready/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">
378                                Hydrofera Blue READY<sup class="hydrofera-registered-mark">®</sup>
379                                <svg class="float-right h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
380  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
381</svg>                            </a>
382                            <!-- Sub-menu for Hydrofera Blue READY -->
383	                            <ul x-show="openSubMenuReady" style="display: none;" x-transition:enter="transition ease-out duration-250" x-transition:enter-start="opacity-0 transform -translate-y-2" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-250" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform -translate-y-2" class="absolute left-full top-0 w-[23rem] max-w-[calc(100vw-2rem)] bg-white shadow-lg rounded-lg py-2 z-10" x-cloak>
384                                <li><a href="/hydrofera-blue-ready/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Hydrofera Blue READY<sup class="hydrofera-registered-mark">®</sup></a></li>
385                                <li><a href="/hydrofera-blue-ready-border/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Hydrofera Blue READY-Border<sup class="hydrofera-registered-mark">®</sup></a></li>
386                                <li><a href="/hydrofera-blue-tube-site-dressing/" class="block whitespace-nowrap px-4 py-2 text-blue-600 hover:bg-gray-100">Hydrofera Blue READY<sup class="hydrofera-registered-mark">®</sup>&nbsp;Tube Site Dressing</a></li>
387                            </ul>
388                        </li>
389
390                        <!-- Hydrofera Blue TRANSFER -->
391                        <li><a href="/hydrofera-blue-transfer/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Hydrofera Blue TRANSFER<sup class="hydrofera-registered-mark">®</sup></a></li>
392                        
393                    </ul>
394                </li>
395                <li class="relative" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
396                    <button type="button" @click="open = !open" class="flex items-center text-gray-200 hover:text-white" :aria-expanded="open.toString()">
397                        <span class="hydrofera-nav-content">
398                            Resources <svg class="ml-1 h-4 w-4 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
399  <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"/>
400</svg>                        </span>
401                    </button>
402                    <ul x-show="open" style="display: none;" @click.away="open = false" x-transition class="absolute left-0 top-full w-56 bg-white shadow-lg rounded-lg py-2 z-10" x-cloak>
403	                        <li><a href="/evidence/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Evidence</a></li>
404                        <li><a href="/application/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Instructions for Use</a></li>
405                        <li><a href="/insights/" class="block px-4 py-2 text-blue-600 hover:bg-gray-100">Insights</a></li>
406                    </ul>
407                </li>
408                <li><a href="/about" class="text-gray-200 hover:text-gray-100"><span class="hydrofera-nav-content">About</span></a></li>
409            </ul>
410        </nav>
411
412        <!-- Desktop Action Buttons -->
413        <div class="hidden md:flex space-x-4 items-center">
414            <a href="/contact/" class="py-2 text-gray-200"><span class="hydrofera-nav-content">Contact</span></a>
415            <a href="/where-to-buy/" class="btn bg-white text-indigo-500 py-2 px-4 rounded-full shadow-lg">
416                <span class="hydrofera-button-label">Where to buy</span>
417                <svg class="w-4 h-4 ml-2 inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
418  <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/>
419</svg>            </a>              
420        </div>
421
422        <!-- Mobile Menu (Visible when toggled) -->
423        <div id="mobileMenu" class="md:hidden absolute top-full right-0 w-full bg-white shadow-lg rounded-lg z-50" x-show="mobileMenuOpen" style="display: none;" x-transition:enter="transition ease-out duration-250" x-transition:enter-start="opacity-0 transform -translate-y-2" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-250" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform -translate-y-2" x-cloak>
424            <ul class="flex flex-col space-y-2 p-4 list-none">
425                <li><a href="/hydrofera-blue" class="text-gray-500 hover:text-indigo-500">Products</a></li>
426                <li class="pt-1 text-xs font-medium uppercase tracking-wide text-gray-400">Resources</li>
427	                <li><a href="/evidence/" class="pl-3 text-gray-500 hover:text-indigo-500">Evidence</a></li>
428                <li><a href="/application/" class="pl-3 text-gray-500 hover:text-indigo-500">Instructions for Use</a></li>
429                <li><a href="/insights/" class="pl-3 text-gray-500 hover:text-indigo-500">Insights</a></li>
430                <li><a href="/about" class="text-gray-500 hover:text-indigo-500">About</a></li>
431                <li><a href="/contact/" class="text-gray-500 hover:text-indigo-500">Contact</a></li>
432                <li><a href="/where-to-buy/" class="text-indigo-500 font-medium hover:text-gray-500">Where to buy</a></li>
433            </ul>
434        </div>
435    </div>
436</header>
437
438<style>
439    .product-name {
440        display: inline-block;
441        white-space: nowrap;
442        margin-right: 0.5em;
443    }
444    .product-suffix {
445        display: inline-block;
446        margin-left: 0.25em;
447    }
448</style>
449
450            <main id="main" class="max-w-5xl mx-auto mb-24">
451                <div class="px-6">
452                    <div class="container mx-auto px-4 mb-12 mt-0 md:mt-12">
453    <div class="flex flex-col md:flex-row items-center md:items-start -mx-4">
454
455        <!-- Image Column with Slideshow -->
456                    <div class="w-full md:w-1/2 px-4 flex justify-center items-center md:mt-0 md:pt-12 md:order-last">
457                <div class="relative p-4 rounded-xl w-full" 
458                     id="heroImageSlider"
459                     @mouseenter="isPaused = true"
460                     @mouseleave="isPaused = false"
461                     @focusin="isPaused = true"
462                     @focusout="isPaused = false"
463                     x-data="{ 
464                        activeSlide: 0, 
465                        totalSlides: 5,
466                        autoplay: true,
467                        autoplayInterval: 4500,
468                        imageLabels: [],
469                        isPaused: false,
470                        autoplayTimer: null,
471                        init() {
472                            if (this.autoplay && this.totalSlides > 1) {
473                                this.autoplayTimer = setInterval(() => {
474                                    if (!this.isPaused) {
475                                        this.activeSlide = (this.activeSlide + 1) % this.totalSlides;
476                                    }
477                                }, this.autoplayInterval);
478                            }
479                        }
480                     }">
481                    <!-- A consistent frame prevents mixed image ratios from clipping later slides. -->
482                    <div class="relative aspect-[4/3] w-full overflow-hidden rounded-3xl">
483                        <!-- Images -->
484                                                                                <div x-show="activeSlide === 0" 
485                                 class="absolute inset-0 flex items-center justify-center overflow-hidden rounded-3xl transition-opacity duration-300"
486                                 x-transition:enter="opacity-0" 
487                                 x-transition:enter-start="opacity-0" 
488                                 x-transition:enter-end="opacity-100" 
489                                 x-transition:leave="opacity-100" 
490                                 x-transition:leave-start="opacity-100" 
491                                 x-transition:leave-end="opacity-0">
492                                                                    <img
493                                        src="https://hydrofera.com/build/images/client/hydrofera-v3/classic-product-curved.webp"
494                                        alt="Hydrofera Blue CLASSIC wound dressing showing the blue foam material"
495                                        class="block h-auto max-h-full w-auto max-w-full object-contain rounded-3xl "
496                                        style="mix-blend-mode: darken;"
497                                        fetchpriority="high"
498                                        decoding="async"
499                                    />
500                                                            </div>
501                                                                                <div x-show="activeSlide === 1" 
502                                 class="absolute inset-0 flex items-center justify-center overflow-hidden rounded-3xl transition-opacity duration-300"
503                                 x-transition:enter="opacity-0" 
504                                 x-transition:enter-start="opacity-0" 
505                                 x-transition:enter-end="opacity-100" 
506                                 x-transition:leave="opacity-100" 
507                                 x-transition:leave-start="opacity-100" 
508                                 x-transition:leave-end="opacity-0">
509                                                                    <img
510                                        x-bind:src="activeSlide === 1 ? $el.dataset.src : null"
511                                        data-src="https://hydrofera.com/build/images/lifestyle/classic-clinical-application-cinematic.webp"
512                                        alt="Clinical team applying a Hydrofera Blue CLASSIC dressing"
513                                        class="block h-full w-full object-cover rounded-3xl "
514                                        style="mix-blend-mode: darken;"
515                                        loading="lazy"
516                                        decoding="async"
517                                        fetchpriority="low"
518                                    />
519                                                            </div>
520                                                                                <div x-show="activeSlide === 2" 
521                                 class="absolute inset-0 flex items-center justify-center overflow-hidden rounded-3xl transition-opacity duration-300"
522                                 x-transition:enter="opacity-0" 
523                                 x-transition:enter-start="opacity-0" 
524                                 x-transition:enter-end="opacity-100" 
525                                 x-transition:leave="opacity-100" 
526                                 x-transition:leave-start="opacity-100" 
527                                 x-transition:leave-end="opacity-0">
528                                                                    <img
529                                        x-bind:src="activeSlide === 2 ? $el.dataset.src : null"
530                                        data-src="https://hydrofera.com/build/images/client/hydrofera-v3/classic-box-product.webp"
531                                        alt="Hydrofera Blue CLASSIC product box and dressing"
532                                        class="block h-auto max-h-full w-auto max-w-full object-contain rounded-3xl "
533                                        style="mix-blend-mode: darken;"
534                                        loading="lazy"
535                                        decoding="async"
536                                        fetchpriority="low"
537                                    />
538                                                            </div>
539                                                                                <div x-show="activeSlide === 3" 
540                                 class="absolute inset-0 flex items-center justify-center overflow-hidden rounded-3xl transition-opacity duration-300"
541                                 x-transition:enter="opacity-0" 
542                                 x-transition:enter-start="opacity-0" 
543                                 x-transition:enter-end="opacity-100" 
544                                 x-transition:leave="opacity-100" 
545                                 x-transition:leave-start="opacity-100" 
546                                 x-transition:leave-end="opacity-0">
547                                                                    <img
548                                        x-bind:src="activeSlide === 3 ? $el.dataset.src : null"
549                                        data-src="https://hydrofera.com/build/images/product-img-9.webp"
550                                        alt="Clinician holding a Hydrofera Blue CLASSIC antibacterial foam dressing"
551                                        class="block h-auto max-h-full w-auto max-w-full object-contain rounded-3xl "
552                                        style="mix-blend-mode: darken;"
553                                        loading="lazy"
554                                        decoding="async"
555                                        fetchpriority="low"
556                                    />
557                                                            </div>
558                                                                                <div x-show="activeSlide === 4" 
559                                 class="absolute inset-0 flex items-center justify-center overflow-hidden rounded-3xl transition-opacity duration-300"
560                                 x-transition:enter="opacity-0" 
561                                 x-transition:enter-start="opacity-0" 
562                                 x-transition:enter-end="opacity-100" 
563                                 x-transition:leave="opacity-100" 
564                                 x-transition:leave-start="opacity-100" 
565                                 x-transition:leave-end="opacity-0">
566                                                                    <img
567                                        x-bind:src="activeSlide === 4 ? $el.dataset.src : null"
568                                        data-src="https://hydrofera.com/build/images/client/hydrofera-v3/classic-package.webp"
569                                        alt="Hydrofera Blue CLASSIC packaged dressing"
570                                        class="block h-auto max-h-full w-auto max-w-full object-contain rounded-3xl "
571                                        style="mix-blend-mode: darken;"
572                                        loading="lazy"
573                                        decoding="async"
574                                        fetchpriority="low"
575                                    />
576                                                            </div>
577                                            </div>
578
579                    <!-- Navigation Arrows (only if more than one image) -->
580                                            <button type="button" @click="activeSlide = (activeSlide - 1 + totalSlides) % totalSlides" 
581                                class="absolute left-0 top-1/2 transform -translate-y-1/2 bg-white bg-opacity-50 rounded-full p-2 shadow-md hover:bg-opacity-75 focus:outline-none z-10" aria-label="Previous slide" aria-controls="heroImageSlider">
582                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
583                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
584                            </svg>
585                        </button>
586                        <button type="button" @click="activeSlide = (activeSlide + 1) % totalSlides" 
587                                class="absolute right-0 top-1/2 transform -translate-y-1/2 bg-white bg-opacity-50 rounded-full p-2 shadow-md hover:bg-opacity-75 focus:outline-none z-10" aria-label="Next slide" aria-controls="heroImageSlider">
588                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
589                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
590                            </svg>
591                        </button>
592
593                        <!-- Dots Navigation -->
594                        <div class="mt-3 flex justify-center space-x-2">
595                                                            <button type="button" @click="activeSlide = 0"
596                                        class="flex h-6 w-6 items-center justify-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
597                                        aria-label="Go to slide 1" :aria-pressed="(activeSlide === 0) ? 'true' : 'false'" aria-controls="heroImageSlider">
598                                    <span class="h-3 w-3 rounded-full" :class="{ 'bg-blue-600': activeSlide === 0, 'bg-gray-300': activeSlide !== 0 }" aria-hidden="true"></span>
599                                </button>
600                                                            <button type="button" @click="activeSlide = 1"
601                                        class="flex h-6 w-6 items-center justify-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
602                                        aria-label="Go to slide 2" :aria-pressed="(activeSlide === 1) ? 'true' : 'false'" aria-controls="heroImageSlider">
603                                    <span class="h-3 w-3 rounded-full" :class="{ 'bg-blue-600': activeSlide === 1, 'bg-gray-300': activeSlide !== 1 }" aria-hidden="true"></span>
604                                </button>
605                                                            <button type="button" @click="activeSlide = 2"
606                                        class="flex h-6 w-6 items-center justify-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
607                                        aria-label="Go to slide 3" :aria-pressed="(activeSlide === 2) ? 'true' : 'false'" aria-controls="heroImageSlider">
608                                    <span class="h-3 w-3 rounded-full" :class="{ 'bg-blue-600': activeSlide === 2, 'bg-gray-300': activeSlide !== 2 }" aria-hidden="true"></span>
609                                </button>
610                                                            <button type="button" @click="activeSlide = 3"
611                                        class="flex h-6 w-6 items-center justify-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
612                                        aria-label="Go to slide 4" :aria-pressed="(activeSlide === 3) ? 'true' : 'false'" aria-controls="heroImageSlider">
613                                    <span class="h-3 w-3 rounded-full" :class="{ 'bg-blue-600': activeSlide === 3, 'bg-gray-300': activeSlide !== 3 }" aria-hidden="true"></span>
614                                </button>
615                                                            <button type="button" @click="activeSlide = 4"
616                                        class="flex h-6 w-6 items-center justify-center rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
617                                        aria-label="Go to slide 5" :aria-pressed="(activeSlide === 4) ? 'true' : 'false'" aria-controls="heroImageSlider">
618                                    <span class="h-3 w-3 rounded-full" :class="{ 'bg-blue-600': activeSlide === 4, 'bg-gray-300': activeSlide !== 4 }" aria-hidden="true"></span>
619                                </button>
620                                                    </div>
621                                                            </div>
622            </div>
623        
624        <!-- Text Column -->
625        <div class="w-full md:w-1/2 px-4 pt-16">
626                                        <h1 class="text-black font-inter font-medium text-6xl leading-normal" style="line-height: normal;">
627                    
628            <span class="mt-4 text-4xl text-gray-700 inline-block border-b-8 border-indigo-500 whitespace-normal">
629                Hydrofera Blue
630                <span class="text-indigo-500" style="letter-spacing: normal;">
631	                    CLASSIC<span class="text-sm align-top">®</span>
632                </span>
633            </span>
634                </h1>
635                                        <p class="font-medium text-xl my-4">Our flagship product, Hydrofera Blue CLASSIC<span class="text-sm align-top">®</span>, is a highly absorbent polyvinyl alcohol (PVA) foam dressing that wicks exudate and debris into the foam and away from the wound surface.</p>
636                                        <p class="text-gray-600 mb-4 mt-6">The result is a multifaceted, non-cytotoxic healing environment that reduces bioburden and aids in removing devitalized tissue from the wound bed.</p>
637                        <div class="flex flex-col items-start">
638                                    <a href="/where-to-buy/" class="hydrofera-hero-cta bg-gradient-to-r from-indigo-500 to-blue-600 text-white text-xl rounded-full mb-2 inline-flex items-center justify-center">
639                        <span class="hydrofera-button-label">Where to buy</span>
640                                                    <svg class="text-white w-6 h-6 ml-2 inline-block align-middle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
641  <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/>
642</svg>                                            </a>
643                                            </div>
644        </div>
645    </div>
646</div>
647
648                    <section class="max-w-4xl mx-auto px-6 pt-2 pb-6">
649        <div class="rounded-lg border border-indigo-100 bg-indigo-50/50 px-6 py-6 text-gray-700 leading-relaxed shadow-sm">
650            <div class="space-y-6 text-sm md:text-base">
651                                    <p class="">Hydrofera Blue CLASSIC<sup>®</sup> antibacterial foam dressings are constructed with an open-celled PVA foam, effectively managing exudate to promote wound healing.</p>
652                                    <p class="">The porous structure uses a strong wicking action<sup>1</sup> to draw bacteria and yeast from the wound bed, killing bacteria within the dressing and reducing bioburden. It supports gentle autolytic debridement<sup>3,5</sup> by removing devitalized tissue and aiding in the promotion of healthy growth and safe, non-cytotoxic wound healing.<sup>4</sup></p>
653                                    <p class="text-sm italic text-gray-600">Safe, non-cytotoxic.<sup>4</sup> Must be hydrated before use. Use with a secondary dressing. Can be worn up to three days,<sup>1</sup> or as clinical conditions allow.</p>
654                            </div>
655        </div>
656    </section>
657
658<div class="max-w-4xl mx-auto px-6 pt-4">
659            <h2 class="text-3xl font-medium tracking-tight my-10 text-center">
660            Key Attributes of Hydrofera Blue CLASSIC<sup class="text-base align-top">®</sup> Dressings:
661        </h2>
662
663    </div>
664                    <section id="learn-more">
665            <section class="pb-12">
666    <div class="max-w-4xl mx-auto px-6">
667        <div class="bg-white bg-opacity-50 gap-6 rounded-3xl p-3 md:grid md:grid-cols-[minmax(0,0.82fr)_minmax(0,1fr)] md:items-stretch">
668            <div class="flex items-center justify-center relative w-full mx-auto overflow-hidden rounded-2xl aspect-[4/3] md:aspect-auto md:min-h-[32rem]">
669                                    <div data-video-fallback class="h-full w-full">
670                        <img
671    src="https://hydrofera.com/build/images/lifestyle/classic-clinical-application-cinematic.webp"
672        alt="Clinical team applying a Hydrofera Blue CLASSIC dressing" 
673    class="w-full rounded-xl absolute inset-0 h-full object-cover object-[center_72%] md:object-center"
674     style="mix-blend-mode: darken;"             loading="lazy"
675    decoding="async"
676    fetchpriority="low"
677/>
678                    </div>
679                    <video 
680                        muted 
681                        loop 
682                        playsinline
683                        preload="none"
684                        data-lazy-video
685                        class="absolute inset-0 h-full w-full rounded-xl opacity-0 absolute inset-0 h-full object-cover object-[center_72%] md:object-center"
686                        aria-hidden="true">
687                        <source data-src="https://hydrofera.com/build/videos/hydrofera-blue-classic-clinical-application.mp4" type="video/mp4">
688                                                                    </video>
689                                
690            </div>
691            <div class="w-full space-y-6 my-2 md:min-w-0">
692                                    <div class="flex items-start space-x-4 bg-white rounded-xl p-3">
693                        
694                                                    <div class="shrink-0 ">
695                                <svg class="h-6 w-6 text-indigo-500" xmlns="http://www.w3.org/2000/svg" viewBox="3 0 18 18" aria-hidden="true">
696  <rect x="5" y="2" width="14" height="14" rx="1.5" fill="currentColor" />
697  <path d="M12 13V6" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" />
698  <path d="M9.25 8.75 12 6l2.75 2.75" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
699</svg>                            </div>
700                        
701                        
702                        <div>
703                            
704                            <h3 class="text-lg font-medium">Powerful Wicking and High Absorbency</h3>
705
706                            
707                                                            <p class="text-sm text-gray-600">Continuous wicking and retention capabilities help draw bacteria-laden exudate into the foam and away from the wound surface with ease. The strong capillary action and a powerful, continuous wicking effect ensure rapid and efficie
707nt absorption of wound exudate.</p>
708                                                    </div>
709                    </div>
710                                    <div class="flex items-start space-x-4 bg-white rounded-xl p-3">
711                        
712                                                    <div class="shrink-0 ">
713                                <svg class="h-6 w-6 text-indigo-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
714  <path fill-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm14.25 6a.75.75 0 0 1-.22.53l-2.25 2.25a.75.75 0 1 1-1.06-1.06L15.44 12l-1.72-1.72a.75.75 0 1 1 1.06-1.06l2.25 2.25c.141.14.22.331.22.53Zm-10.28-.53a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 1 0 1.06-1.06L8.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-2.25 2.25Z" clip-rule="evenodd"/>
715</svg>                            </div>
716                        
717                        
718                        <div>
719                            
720                            <h3 class="text-lg font-medium">Edge Effect</h3>
721
722                            
723                                                            <p class="text-sm text-gray-600">Helps resolve rolled or epibole wound edges.</p>
724                                                    </div>
725                    </div>
726                                    <div class="flex items-start space-x-4 bg-white rounded-xl p-3">
727                        
728                                                    <div class="shrink-0 ">
729                                <svg class="h-6 w-6 text-indigo-500" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.882 9.093c-.511 4.115-3.121 4.847-3.121 7.708C6.761 18.567 8.244 20 10 20c1.756 0 3.238-1.434 3.238-3.199 0-2.861-2.61-3.593-3.121-7.708-.016-.123-.219-.123-.235 0zm-5.999-9C3.372 4.208.762 4.939.762 7.801.762 9.566 2.244 11 4 11s3.238-1.434 3.238-3.199c0-2.861-2.61-3.593-3.121-7.708-.015-.123-.219-.123-.234 0zm12 0c-.511 4.115-3.121 4.847-3.121 7.708C12.762 9.566 14.244 11 16 11s3.238-1.434 3.238-3.199c0-2.861-2.61-3.593-3.121-7.708-.016-.123-.219-.123-.234 0z"/></svg>                            </div>
730                        
731                        
732                        <div>
733                            
734                            <h3 class="text-lg font-medium">Maintains Moisture-Rich Environment</h3>
735
736                            
737                                                            <p class="text-sm text-gray-600">Helps maintain a balanced, moisture-rich environment for the wound bed, promoting epithelization (the formation of new skin tissue over the wound).</p>
738                                                    </div>
739                    </div>
740                                    <div class="flex items-start space-x-4 bg-white rounded-xl p-3">
741                        
742                                                    <div class="shrink-0 ">
743                                <svg class="h-6 w-6 text-indigo-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
744  <path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.
744036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd"/>
745</svg>                            </div>
746                        
747                        
748                        <div>
749                            
750                            <h3 class="text-lg font-medium">Non-Cytotoxic</h3>
751
752                            
753                                                            <p class="text-sm text-gray-600">The dressing is non-cytotoxic, making it safe to use. It doesn&#039;t inhibit growth factors and provides protection against a broad spectrum of bacteria commonly found in wounds.</p>
754                                                    </div>
755                    </div>
756                            </div>
757        </div>
758    </div>
759</section>
760    </section>
761                    <div class="max-w-4xl mx-auto px-6">
762    
763    
764</div>
765                    <div x-data="{ activeAccordion: 'widget-2' }"
766     @accordion-toggled.window="activeAccordion = $event.detail.id">
767
768    
769    <div class="container mx-auto mb-8">
770        <div class="relative isolate flex flex-col overflow-visible md:flex-row">
771                            <div class="shrink-0">
772    <div 
773        @click="$dispatch('accordion-toggled', { id: 'widget-2' })" 
774        :class="{ 'border-b-4 border-indigo-500 bg-white bg-opacity-50 rounded-t-lg': activeAccordion === 'widget-2' }" 
775        class="px-3 py-2 cursor-pointer"
776    >
777        
778                    <div 
779                :class="{ 'text-gray-700': activeAccordion !== 'widget-2', 'text-indigo-500': activeAccordion === 'widget-2' }" 
780                class="inline-block align-middle mr-2"
781            >
782                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
783  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
784</svg>            </div>
785        
786        <span class="text-gray-700 text-lg">
787            Product Benefits
788        </span>
789    </div>
790</div>
791                            <div class="shrink-0">
792    <div 
793        @click="$dispatch('accordion-toggled', { id: 'widget-1' })" 
794        :class="{ 'border-b-4 border-indigo-500 bg-white bg-opacity-50 rounded-t-lg': activeAccordion === 'widget-1' }" 
795        class="px-3 py-2 cursor-pointer"
796    >
797        
798                    <div 
799                :class="{ 'text-gray-700': activeAccordion !== 'widget-1', 'text-indigo-500': activeAccordion === 'widget-1' }" 
800                class="inline-block align-middle mr-2"
801            >
802                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
803  <path stroke-linecap="round" stroke-linejoin="round" d="M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25"/>
804</svg>            </div>
805        
806        <span class="text-gray-700 text-lg">
807            Wound Characteristics
808        </span>
809    </div>
810</div>
811                            <div class="shrink-0">
812    <div 
813        @click="$dispatch('accordion-toggled', { id: 'widget-3' })" 
814        :class="{ 'border-b-4 border-indigo-500 bg-white bg-opacity-50 rounded-t-lg': activeAccordion === 'widget-3' }" 
815        class="px-3 py-2 cursor-pointer"
816    >
817        
818                    <div 
819                :class="{ 'text-gray-700': activeAccordion !== 'widget-3', 'text-indigo-500': activeAccordion === 'widget-3' }" 
820                class="inline-block align-middle mr-2"
821            >
822                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
823  <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15M9 12l3 3m0 0 3-3m-3 3V2.25"/>
824</svg>            </div>
825        
826        <span class="text-gray-700 text-lg">
827            Application Guide
828        </span>
829    </div>
830</div>
831                    </div>
832    </div>
833
834    
835    <div class="container mx-auto overflow-visible rounded-xl bg-white bg-opacity-30 p-3 shadow-lg sm:p-4">
836        <div class="flex flex-col overflow-visible">
837            <div class="w-full relative z-0">
838                                    <div x-show="activeAccordion === 'widget-2'" class="p-0 sm:p-2">
839                        <div class="cta mt-2 flex flex-col items-stretch overflow-hidden rounded-xl bg-white bg-opacity-50 sm:flex-row sm:items-center sm:gap-6 sm:overflow-visible lg:gap-8">
840    <!-- Placeholder square image -->
841    
842            <img
843    src="https://hydrofera.com/build/images/responsive/portfolio/classic-product-curved-256w.webp"
844        srcset="https://hydrofera.com/build/images/responsive/portfolio/classic-product-curved-256w.webp 1x, https://hydrofera.com/build/images/responsive/portfolio/classic-product-curved-512w.webp 2x"
845        alt="Hydrofera Blue CLASSIC dressing product image" 
846    class="h-48 w-full flex-none sm:h-44 sm:w-44 md:h-52 md:w-52 object-cover rounded-xl"
847         width="176"      height="176"     loading="lazy"
848    decoding="async"
849    fetchpriority="low"
850/>
851    
852    <!-- Text content container -->
853    <div class="flex min-w-0 flex-1 flex-col items-start justify-between p-4 sm:py-3 sm:pl-0 sm:pr-4 lg:flex-row lg:items-center">
854        <!-- Title -->
855	        <h2 class="mb-3 max-w-full break-words text-xl leading-tight lg:mb-0">Product Benefits</h2>
856	        	            <div class="inline-flex max-w-full items-center rounded-full bg-indigo-50 px-4 py-2 text-center text-sm font-medium leading-snug text-indigo-800 ring-1 ring-inset ring-indigo-100 lg:mr-5">
857	                Polyvinyl Alcohol (PVA) Foam
858	            </div>
859	            </div>
860</div>
861
862<style>
863    /* Ensure CTA stays below dropdowns */
864    .cta {
865        isolation: isolate;
866        z-index: 0;
867    }
868    .cta * {
869        z-index: 0;
870    }
871</style>
872
873                        
874	                        	                            <ul role="list" class="grid md:grid-cols-2 gap-4 mt-4 max-w-4xl mx-auto">
875	                                	                                    <li class="flex min-w-0 items-start py-2">
876      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
877    <div class="min-w-0">
878    <p class="break-words font-medium leading-snug">Continuous wicking, highly absorptive</p>
879      </div>
880</li>
881	                                	                                    <li class="flex min-w-0 items-start py-2">
882      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
883    <div class="min-w-0">
884    <p class="break-words font-medium leading-snug">Manages bioburden</p>
885      </div>
886</li>
887	                                	                                    <li class="flex min-w-0 items-start py-2">
888      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
889    <div class="min-w-0">
890    <p class="break-words font-medium leading-snug">Does not inhibit growth factors</p>
891      </div>
892</li>
893	                                	                                    <li class="flex min-w-0 items-start py-2">
894      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
895    <div class="min-w-0">
896    <p class="break-words font-medium leading-snug">Can be used under compression</p>
897      </div>
898</li>
899	                                	                                    <li class="flex min-w-0 items-start py-2">
900      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
901    <div class="min-w-0">
902    <p class="break-words font-medium leading-snug">No known antimicrobial resistance</p>
903      </div>
904</li>
905	                                	                                    <li class="flex min-w-0 items-start py-2">
906      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
907    <div class="min-w-0">
908    <p class="break-words font-medium leading-snug">Safe, autolytic debridement</p>
909      </div>
910</li>
911	                                	                                    <li class="flex min-w-0 items-start py-2">
912      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
913    <div class="min-w-0">
914    <p class="break-words font-medium leading-snug">Proven to kill bacteria within the dressing</p>
915      </div>
916</li>
917	                                	                                    <li class="flex min-w-0 items-start py-2">
918      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
919    <div class="min-w-0">
920    <p class="break-words font-medium leading-snug">Stable product construction</p>
921      </div>
922</li>
923	                                	                                    <li class="flex min-w-0 items-start py-2">
924      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
925    <div class="min-w-0">
926    <p class="break-words font-medium leading-snug">Can be cut to size</p>
927      </div>
928</li>
929	                                	                                    <li class="flex min-w-0 items-start py-2">
930      <span class="flex-shrink-0 w-2 h-2 mr-4 rounded-full bg-gray-700"></span>
931    <div class="min-w-0">
932    <p class="break-words font-medium leading-snug">Safe, non-cytotoxic</p>
933      </div>
934</li>
935	                                	                            </ul>
936                        
937                                            </div>
938                                    <div x-show="activeAccordion === 'widget-1'" class="p-0 sm:p-2">
939                        <div class="cta mt-2 flex flex-col items-stretch overflow-hidden rounded-xl bg-white bg-opacity-50 sm:flex-row sm:items-center sm:gap-6 sm:overflow-visible lg:gap-8">
940    <!-- Placeholder square image -->
941    
942            <img
943    src="https://hydrofera.com/build/images/client/hydrofera-v5/classic-box-clean.webp"
944        alt="Hydrofera Blue CLASSIC product packaging box" 
945    class="h-48 w-full flex-none sm:h-44 sm:w-44 md:h-52 md:w-52 object-contain bg-white p-0 rounded-xl"
946         width="176"      height="176"     loading="lazy"
947    decoding="async"
948    fetchpriority="low"
949/>
950    
951    <!-- Text content container -->
952    <div class="flex min-w-0 flex-1 flex-col items-start justify-between p-4 sm:py-3 sm:pl-0 sm:pr-4 lg:flex-row lg:items-center">
953        <!-- Title -->
954	        <h2 class="mb-3 max-w-full break-words text-xl leading-tight lg:mb-0">Wound Characteristics</h2>
955	        	            <a
956    class="inline-flex items-center border active:bg-black active:text-white  text-black bg-transparent hover:bg-gray-400 hover:text-white px-6 py-3 text-base hydrofera-product-suite-cta border-2 border-gray-500 px-5 text-sm text-gray-700 transition-colors duration-200 hover:bg-gray-500 hover:text-white sm:px-4 sm:text-base lg:mr-5 rounded-full"
957
958            href="/application/"
959            aria-label="Learn more about Wound Characteristics"
960    >
961    <span class="hydrofera-button-label">Learn more</span><span class="sr-only"> about Wound Characteristics</span>
962	                <svg class="hidden md:inline-block w-5 h-5 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
963  <path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
964</svg>
965</a>
966	            </div>
967</div>
968
969<style>
970    /* Ensure CTA stays below dropdowns */
971    .cta {
972        isolation: isolate;
973        z-index: 0;
974    }
975    .cta * {
976        z-index: 0;
977    }
978</style>
979
980                        
981	                        	                            <ul role="list" class="grid md:grid-cols-2 gap-4 mt-4 max-w-4xl mx-auto">
982	                                	                                    <li class="flex min-w-0 items-start py-2">
983      <span class="flex-shrink-0 flex items-center justify-center text-white mr-4 bg-gray-600 rounded-full w-8 h-8 text-sm">1</span>
984    <div class="min-w-0">
985    <p class="break-words font-medium leading-snug">Deep, tunnelling or shallow</p>
986      </div>
987</li>
988	                                	                                    <li class="flex min-w-0 items-start py-2">
989      <span class="flex-shrink-0 flex items-center justify-center text-white mr-4 bg-gray-600 rounded-full w-8 h-8 text-sm">2</span>
990    <div class="min-w-0">
991    <p class="break-words font-medium leading-snug">With or without devitalized tissue/slough and debris</p>
992      </div>
993</li>
994	                                	                                    <li class="flex min-w-0 items-start py-2">
995      <span class="flex-shrink-0 flex items-center justify-center text-white mr-4 bg-gray-600 rounded-full w-8 h-8 text-sm">3</span>
996    <div class="min-w-0">
997    <p class="break-words font-medium leading-snug">Moderate to high levels of exudate</p>
998      </div>
999</li>
1000	                                	                                    <li class="flex min-w-0 items-start py-2">
1001      <span class="flex-shrink-0 flex items-center justify-center text-white mr-4 bg-gray-600 rounded-full w-8 h-8 text-sm">4</span>
1002    <div class="min-w-0">
1003    <p class="break-words font-medium leading-snug">Infected or at risk of infection</p>
1004      </div>
1005</li>
1006	                                	                                    <li class="flex min-w-0 items-start py-2">
1007      <span class="flex-shrink-0 flex items-center justify-center text-white mr-4 bg-gray-600 rounded-full w-8 h-8 text-sm">5</span>
1008    <div class="min-w-0">
1009    <p class="break-words font-medium leading-snug">Acute or chronic wounds</p>
1010      </div>
1011</li>
1012	                                	                            </ul>
1013                        
1014                                            </div>
1015                                    <div x-show="activeAccordion === 'widget-3'" class="p-0 sm:p-2">
1016                        <div class="cta mt-2 flex flex-col items-stretch overflow-hidden rounded-xl bg-white bg-opacity-50 sm:flex-row sm:items-center sm:gap-6 sm:overflow-visible lg:gap-8">
1017    <!-- Placeholder square image -->
1018    
1019            <img
1020    src="https://hydrofera.com/build/images/lifestyle/classic-clinical-application-cinematic.webp"
1021        alt="Clinical team applying a Hydrofera Blue CLASSIC dressing" 
1022    class="h-48 w-full flex-none sm:h-44 sm:w-44 md:h-52 md:w-52 object-cover rounded-xl"
1023         width="176"      height="176"     loading="lazy"
1024    decoding="async"
1025    fetchpriority="low"
1026/>
1027    
1028    <!-- Text content container -->
1029    <div class="flex min-w-0 flex-1 flex-col items-start justify-between p-4 sm:py-3 sm:pl-0 sm:pr-4 lg:flex-row lg:items-center">
1030        <!-- Title -->
1031	        <h2 class="mb-3 max-w-full break-words text-xl leading-tight lg:mb-0">Application Guide</h2>
1032	        	            <a
1033    class="inline-flex items-center border active:bg-black active:text-white  text-black bg-transparent hover:bg-gray-400 hover:text-white px-6 py-3 text-base hydrofera-product-suite-cta border-2 border-gray-500 px-5 text-sm text-gray-700 transition-colors duration-200 hover:bg-gray-500 hover:text-white sm:px-4 sm:text-base lg:mr-5 rounded-full"
1034
1035            href="/application"
1036            aria-label="Learn more about Application Guide"
1037    >
1038    <span class="hydrofera-button-label">Learn more</span><span class="sr-only"> about Application Guide</span>
1039	                <svg class="hidden md:inline-block w-5 h-5 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
1040  <path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1041</svg>
1042</a>
1043	            </div>
1044</div>
1045
1046<style>
1047    /* Ensure CTA stays below dropdowns */
1048    .cta {
1049        isolation: isolate;
1050        z-index: 0;
1051    }
1052    .cta * {
1053        z-index: 0;
1054    }
1055</style>
1056
1057                        
1058	                        	                            <ul role="list" class="grid md:grid-cols-2 gap-4 mt-4 max-w-4xl mx-auto">
1059	                                	                                    <li class="flex min-w-0 items-start py-2">
1060      <span class="flex-shrink-0 flex items-center justify-center text-white mr-4 bg-gray-600 rounded-full w-8 h-8 text-sm">1</span>
1061    <div class="min-w-0">
1062    <p class="break-words font-medium leading-snug">Hydrate</p>
1063          <p class="mt-1 break-words text-sm leading-relaxed text-gray-500">Hydrate with sterile saline or sterile water for approximately 60 seconds, squeezing out any excess liquid.</p>
1064      </div>
1065</li>
1066	                                	                                    <li class="flex min-w-0 items-start py-2">
1067      <span class="flex-shrink-0 flex items-center justify-center text-white mr-4 bg-gray-600 rounded-full w-8 h-8 text-sm">2</span>
1068    <div class="min-w-0">
1069    <p class="break-words font-medium leading-snug">Application</p>
1070          <p class="mt-1 break-words text-sm leading-relaxed text-gray-500">For flat wounds, cut the dressing to fit the wound bed. If rolled wound edges are present, overlap the wound edge by ½ centimeter. The dressing should cover both the wound and periwound area. If the wound has depth, loosely fill the cavity, undermining, sinus tract or tunnel with the dressing.</p>
1071      </div>
1072</li>
1073	                                	                                    <li class="flex min-w-0 items-start py-2">
1074      <span class="flex-shrink-0 flex items-center justify-center text-white mr-4 bg-gray-600 rounded-full w-8 h-8 text-sm">3</span>
1075    <div class="min-w-0">
1076    <p class="break-words font-medium leading-snug">Cover</p>
1077          <p class="mt-1 break-words text-sm leading-relaxed text-gray-500">Cover foam with secondary dressing, based on the exudate level, to keep the foam moist.</p>
1078      </div>
1079</li>
1080	                                	                                    <li class="flex min-w-0 items-start py-2">
1081      <span class="flex-shrink-0 flex items-center justify-center text-white mr-4 bg-gray-600 rounded-full w-8 h-8 text-sm">4</span>
1082    <div class="min-w-0">
1083    <p class="break-words font-medium leading-snug">Dressing Changes</p>
1084          <p class="mt-1 break-words text-sm leading-relaxed text-gray-500">Ensure dressing changes every 3 days or more frequently if required by the physician. If the dressing retained its blue color where it had been in contact with the wound, the new dressing can be left in place for up to 3 days. If the dressing turned white or lightened in color, continue daily dressing changes until the blue color is retained.</p>
1085      </div>
1086</li>
1087	                                	                            </ul>
1088                        
1089                                                    <p class="mt-6 text-gray-600 text-sm max-w-4xl mx-auto">
1090                                <span class="font-bold">Note:</span>
1091                                <div class="mt-2 text-sm bg-gray-100 p-4 rounded-lg">
1092                                    <p>As with many wound care dressings, moisture balance is key. If the dressing is dry, thoroughly re-moisten with sterile saline or sterile water, then gently remove the dressing. The goal is to keep Hydrofera Blue CLASSIC<sup class="text-[0.7em] align-super leading-none">®</sup> dressings moist.</p><p class="mt-2">Hydrofera Blue CLASSIC<sup class="text-[0.7em] align-super leading-none">®</sup> can be left in place for up to 3 days, depending on the condition of the wound.</p>
1093                                </div>
1094                            </p>
1095                                            </div>
1096                            </div>
1097        </div>
1098    </div>
1099</div>
1100
1101<!-- Dropdowns Container -->
1102<div class="fixed inset-0 pointer-events-none">
1103    <template x-teleport="body">
1104        <div class="relative z-[9999]">
1105                                                                                                        </div>
1106    </template>
1107</div>
1108
1109<style>
1110    /* Override any overflow hidden */
1111    .overflow-visible {
1112        overflow: visible !important;
1113    }
1114</style>
1115                    <div>
1116    <!-- Dropdown for selection -->
1117    
1118
1119	    <!-- Product Table -->
1120	    <div class="my-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
1121	        	            <h2 class="text-3xl text-center font-medium tracking-tight mb-8">Product Ordering Information</h2>
1122	        	        <div class="overflow-x-auto">
1123            <div class="inline-block min-w-full align-middle">
1124                <table class="min-w-full table-auto text-sm md:text-base">
1125                    <thead>
1126                        <tr>
1127	                            <th class="px-4 py-3 md:px-6 border-b border-gray-200 text-left text-xs font-medium text-gray-600 uppercase tracking-wider">
1128	                                Product
1129	                            </th>
1130	                            	                                <th class="px-4 py-3 md:px-6 border-b border-gray-200 text-left text-xs font-medium text-gray-600 uppercase tracking-wider">
1131	                                    Dimensions
1132	                                </th>
1133	                                <th class="px-4 py-3 md:px-6 border-b border-gray-200 text-left text-xs font-medium text-gray-600 uppercase tracking-wider">
1134	                                    REF
1135	                                </th>
1136	                                                                                    <th class="px-4 py-3 md:px-6 border-b border-gray-200 text-left text-xs font-medium text-gray-600 uppercase tracking-wider whitespace-nowrap">
1137                                Quantity/Box
1138                            </th>
1139                            	                            <th class="px-4 py-3 md:px-6 border-b border-gray-200 text-left text-xs font-medium text-gray-600 uppercase tracking-wider whitespace-nowrap">
1140	                                HCPCS Codes
1141                            </th>
1142                        </tr>
1143                    </thead>
1144                    <tbody class="bg-white bg-opacity-25 divide-y divide-gray-200">
1145                                                    <tr>
1146	                                <td class="px-4 py-4 md:px-6 max-w-xs leading-snug">
1147	                                    Hydrofera Blue CLASSIC<sup class="text-[0.65em] align-super leading-none">®</sup>
1148	                                    	                                </td>
1149	                                	                                    <td class="px-4 py-4 md:px-6 max-w-sm leading-snug">
1150	                                        2&quot; x 2&quot; (5 cm x 5 cm)
1151	                                    </td>
1152	                                    <td class="px-4 py-4 md:px-6 whitespace-nowrap">
1153	                                        HB2214
1154	                                    </td>
1155	                                                                                                <td class="px-4 py-4 md:px-6 whitespace-nowrap">
1156                                    10
1157                                </td>
1158                                	                                <td class="px-4 py-4 md:px-6 whitespace-nowrap text-left">
1159	                                    <div class="flex items-center justify-start">
1160                                        A6209
1161                                                                            </div>
1162                                </td>
1163                            </tr>
1164                                                    <tr>
1165	                                <td class="px-4 py-4 md:px-6 max-w-xs leading-snug">
1166	                                    Hydrofera Blue CLASSIC<sup class="text-[0.65em] align-super leading-none">®</sup>
1167	                                    	                                </td>
1168	                                	                                    <td class="px-4 py-4 md:px-6 max-w-sm leading-snug">
1169	                                        4&quot; x 4&quot; (10.2 cm x 10.2 cm)
1170	                                    </td>
1171	                                    <td class="px-4 py-4 md:px-6 whitespace-nowrap">
1172	                                        HB4414
1173	                                    </td>
1174	                                                                                                <td class="px-4 py-4 md:px-6 whitespace-nowrap">
1175                                    10
1176                                </td>
1177                                	                                <td class="px-4 py-4 md:px-6 whitespace-nowrap text-left">
1178	                                    <div class="flex items-center justify-start">
1179                                        A6209
1180                                                                            </div>
1181                                </td>
1182                            </tr>
1183                                                    <tr>
1184	                                <td class="px-4 py-4 md:px-6 max-w-xs leading-snug">
1185	                                    Hydrofera Blue CLASSIC<sup class="text-[0.65em] align-super leading-none">®</sup>
1186	                                    	                                </td>
1187	                                	                                    <td class="px-4 py-4 md:px-6 max-w-sm leading-snug">
1188	                                        4&quot; x 5&quot; (10.2 cm x 12.7 cm)
1189	                                    </td>
1190	                                    <td class="px-4 py-4 md:px-6 whitespace-nowrap">
1191	                                        HB4514
1192	                                    </td>
1193	                                                                                                <td class="px-4 py-4 md:px-6 whitespace-nowrap">
1194                                    10
1195                                </td>
1196                                	                                <td class="px-4 py-4 md:px-6 whitespace-nowrap text-left">
1197	                                    <div class="flex items-center justify-start">
1198                                        A6210
1199                                                                            </div>
1200                                </td>
1201                            </tr>
1202                                                    <tr>
1203	                                <td class="px-4 py-4 md:px-6 max-w-xs leading-snug">
1204	                                    Hydrofera Blue CLASSIC<sup class="text-[0.65em] align-super leading-none">®</sup>
1205	                                    	                                </td>
1206	                                	                                    <td class="px-4 py-4 md:px-6 max-w-sm leading-snug">
1207	                                        6&quot; x 6&quot; (15.2 cm x 15.2 cm)
1208	                                    </td>
1209	                                    <td class="px-4 py-4 md:px-6 whitespace-nowrap">
1210	                                        HB6614
1211	                                    </td>
1212	                                                                                                <td class="px-4 py-4 md:px-6 whitespace-nowrap">
1213                                    10
1214                                </td>
1215                                	                                <td class="px-4 py-4 md:px-6 whitespace-nowrap text-left">
1216	                                    <div class="flex items-center justify-start">
1217                                        A6210
1218                                                                            </div>
1219                                </td>
1220                            </tr>
1221                                            </tbody>
1222                </table>
1223            </div>
1224        </div>
1225    </div>
1226</div>
1227
1228
1229
1230    <div class="-mt-12 mb-20 text-center">
1231        <a
1232            href="/where-to-buy/"
1233            class="inline-flex items-center rounded-full bg-gradient-to-r from-indigo-500 to-blue-600 px-6 py-3 text-base font-medium text-white transition-colors duration-200 hover:from-indigo-600 hover:to-blue-700"
1234        >
1235            <span class="hydrofera-button-label">Where to Buy</span>
1236            <svg class="ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
1237  <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/>
1238</svg>        </a>
1239    </div>
1240                    <section id="products" class="mb-12">
1241            <h3 class="text-center text-3xl font-medium tracking-tight mb-8">
1242            Explore More Products from Hydrofera Blue<sup class="text-[0.5em] align-super leading-none">®</sup>
1243        </h3>
1244        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
1245
1246        
1247        
1248        
1249        <!-- Header -->
1250        <div class="text-center px-6">
1251                    </div>
1252
1253        <!-- Products -->
1254        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-8">
1255                                            <a
1256                    href="/hydrofera-blue-classic-tunnel"
1257                    class="group flex flex-col overflow-hidden rounded-xl bg-white bg-opacity-50 text-gray-800 no-underline shadow-lg transition duration-200 hover:-translate-y-1 hover:text-gray-800 hover:shadow-xl focus-visible:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-4"
1258                >
1259                    <div class="block px-3 pt-3">
1260                        <span class="flex h-64 w-full items-center justify-center">
1261                            <img
1262    src="https://hydrofera.com/build/images/responsive/product-grid/classic-tunnel-320w.webp"
1263        srcset="https://hydrofera.com/build/images/responsive/product-grid/classic-tunnel-320w.webp 1x, https://hydrofera.com/build/images/responsive/product-grid/classic-tunnel-640w.webp 2x"
1264        alt="Hydrofera Blue CLASSIC® Tunneling Dressing - Product image" 
1265    class="block h-auto max-h-full w-auto max-w-full rounded-3xl object-contain mix-blend-darken transition-opacity duration-200 group-hover:opacity-85 group-focus-visible:opacity-85"
1266         width="320"      height="320"     loading="lazy"
1267    decoding="async"
1268    fetchpriority="low"
1269/>
1270                        </span>
1271                    </div>
1272                    <div class="flex flex-1 flex-col px-6 pb-6 pt-4">
1273                        <h3 class="text-lg font-medium mb-2">
1274                            
1275                    <span class="text-lg text-gray-700 inline-block border-b-8 border-indigo-500">
1276                        <span class="text-gray-700">Hydrofera Blue</span>
1277                        <span class="text-indigo-500" style="letter-spacing: -0.01em">
1278                            CLASSIC<sup class="text-[0.5em] align-super leading-none">®</sup> Tunneling Dressing
1279                        </span>
1280                    </span>
1281                
1282                        </h3>
1283                        <p class="mb-4 text-sm text-gray-600">Polyvinyl Alcohol (PVA) Foam</p>
1284                        <span class="mt-auto inline-flex min-h-10 w-fit items-center rounded-md bg-white px-3 text-sm text-gray-800 transition-colors duration-200 group-hover:bg-gray-200 group-focus-visible:bg-gray-200">
1285                                <span class="hydrofera-button-label">Learn more</span>
1286                                <svg class="ml-2 inline-block h-4 w-4 text-gray-300 transition-transform duration-200 group-hover:translate-x-1 group-focus-visible:translate-x-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1287                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8 4l8 8-8 8" />
1288                                </svg>
1289                        </span>
1290                    </div>
1291                </a>
1292                                            <a
1293                    href="/hydrofera-blue-classic-heavy"
1294                    class="group flex flex-col overflow-hidden rounded-xl bg-white bg-opacity-50 text-gray-800 no-underline shadow-lg transition duration-200 hover:-translate-y-1 hover:text-gray-800 hover:shadow-xl focus-visible:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-4"
1295                >
1296                    <div class="block px-3 pt-3">
1297                        <span class="flex h-64 w-full items-center justify-center">
1298                            <img
1299    src="https://hydrofera.com/build/images/responsive/product-grid/heavy-product-curved-320w.webp"
1300        srcset="https://hydrofera.com/build/images/responsive/product-grid/heavy-product-curved-320w.webp 1x, https://hydrofera.com/build/images/responsive/product-grid/heavy-product-curved-640w.webp 2x"
1301        alt="Hydrofera Blue CLASSIC® Heavy Drainage - Product image" 
1302    class="block h-auto max-h-full w-auto max-w-full rounded-3xl object-contain mix-blend-darken transition-opacity duration-200 group-hover:opacity-85 group-focus-visible:opacity-85"
1303         width="320"      height="320"     loading="lazy"
1304    decoding="async"
1305    fetchpriority="low"
1306/>
1307                        </span>
1308                    </div>
1309                    <div class="flex flex-1 flex-col px-6 pb-6 pt-4">
1310                        <h3 class="text-lg font-medium mb-2">
1311                            
1312                    <span class="text-lg text-gray-700 inline-block border-b-8 border-indigo-500">
1313                        <span class="text-gray-700">Hydrofera Blue</span>
1314                        <span class="text-indigo-500" style="letter-spacing: -0.01em">
1315                            CLASSIC<sup class="text-[0.5em] align-super leading-none">®</sup> Heavy Drainage
1316                        </span>
1317                    </span>
1318                
1319                        </h3>
1320                        <p class="mb-4 text-sm text-gray-600">Polyvinyl Alcohol (PVA) Foam</p>
1321                        <span class="mt-auto inline-flex min-h-10 w-fit items-center rounded-md bg-white px-3 text-sm text-gray-800 transition-colors duration-200 group-hover:bg-gray-200 group-focus-visible:bg-gray-200">
1322                                <span class="hydrofera-button-label">Learn more</span>
1323                                <svg class="ml-2 inline-block h-4 w-4 text-gray-300 transition-transform duration-200 group-hover:translate-x-1 group-focus-visible:translate-x-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1324                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8 4l8 8-8 8" />
1325                                </svg>
1326                        </span>
1327                    </div>
1328                </a>
1329                                            <a
1330                    href="/hydrofera-blue-classic-ostomy"
1331                    class="group flex flex-col overflow-hidden rounded-xl bg-white bg-opacity-50 text-gray-800 no-underline shadow-lg transition duration-200 hover:-translate-y-1 hover:text-gray-800 hover:shadow-xl focus-visible:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-4"
1332                >
1333                    <div class="block px-3 pt-3">
1334                        <span class="flex h-64 w-full items-center justify-center">
1335                            <img
1336    src="https://hydrofera.com/build/images/responsive/product-grid/ostomy-product-curved-320w.webp"
1337        srcset="https://hydrofera.com/build/images/responsive/product-grid/ostomy-product-curved-320w.webp 1x, https://hydrofera.com/build/images/responsive/product-grid/ostomy-product-curved-640w.webp 2x"
1338        alt="Hydrofera Blue CLASSIC® Ostomy Dressing - Product image" 
1339    class="block h-auto max-h-full w-auto max-w-full rounded-3xl object-contain mix-blend-darken transition-opacity duration-200 group-hover:opacity-85 group-focus-visible:opacity-85"
1340         width="320"      height="320"     loading="lazy"
1341    decoding="async"
1342    fetchpriority="low"
1343/>
1344                        </span>
1345                    </div>
1346                    <div class="flex flex-1 flex-col px-6 pb-6 pt-4">
1347                        <h3 class="text-lg font-medium mb-2">
1348                            
1349                    <span class="text-lg text-gray-700 inline-block border-b-8 border-indigo-500">
1350                        <span class="text-gray-700">Hydrofera Blue</span>
1351                        <span class="text-indigo-500" style="letter-spacing: -0.01em">
1352                            CLASSIC<sup class="text-[0.5em] align-super leading-none">®</sup> Ostomy Dressing
1353                        </span>
1354                    </span>
1355                
1356                        </h3>
1357                        <p class="mb-4 text-sm text-gray-600">Polyvinyl Alcohol (PVA) Foam</p>
1358                        <span class="mt-auto inline-flex min-h-10 w-fit items-center rounded-md bg-white px-3 text-sm text-gray-800 transition-colors duration-200 group-hover:bg-gray-200 group-focus-visible:bg-gray-200">
1359                                <span class="hydrofera-button-label">Learn more</span>
1360                                <svg class="ml-2 inline-block h-4 w-4 text-gray-300 transition-transform duration-200 group-hover:translate-x-1 group-focus-visible:translate-x-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1361                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8 4l8 8-8 8" />
1362                                </svg>
1363                        </span>
1364                    </div>
1365                </a>
1366                    </div>
1367
1368    </div>
1369</section>
1370                    <section class="max-w-6xl mx-auto px-4 my-20">
1371    <h2 class="text-3xl font-medium tracking-tight text-center mb-10">Want to learn more?</h2>
1372    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
1373                    <a href="/managing-wounds-with-hydrofera-blue-dressings/" class="hydrofera-read-article-trigger no-adjust group flex h-full min-h-64 flex-col overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition duration-200 hover:-translate-y-1 hover:border-indigo-200 hover:shadow-md">
1374                <img src="https://hydrofera.com/content/uploads/2025/02/hydrofera-managing-wounds-featured-1024x576.webp" alt="Clinician applying a Hydrofera Blue dressing in a care setting" class="h-40 w-full object-cover" loading="lazy" decoding="async">
1375                <div class="flex flex-1 flex-col p-6">
1376                <span class="mb-5 h-1 w-12 rounded-full bg-indigo-500"></span>
1377                <h3 class="text-xl font-medium text-gray-900 leading-snug group-hover:text-indigo-700">Managing Wounds with Hydrofera Blue<sup class="text-[0.5em] align-super leading-none">®</sup> Dressings</h3>
1378                <p class="mt-4 text-base leading-relaxed text-gray-600">Explore how Hydrofera Blue<sup class="text-[0.7em] align-super leading-none">®</sup> dressings support wound care teams across the treatment journey.</p>
1379                <span class="mt-auto pt-6 inline-flex items-center text-sm font-medium text-indigo-600">
1380                    Read article
1381                    <svg class="hydrofera-read-article__arrow ml-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1382  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
1383</svg>                </span>
1384                </div>
1385            </a>
1386                    <a href="/comprehensive-guide-to-hydrofera-blue-dressings/" class="hydrofera-read-article-trigger no-adjust group flex h-full min-h-64 flex-col overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition duration-200 hover:-translate-y-1 hover:border-indigo-200 hover:shadow-md">
1387                <img src="https://hydrofera.com/content/uploads/2026/08/comprehensive-guide-featured-v2.webp" alt="Clinicians reviewing Hydrofera Blue dressing options" class="h-40 w-full object-cover" loading="lazy" decoding="async">
1388                <div class="flex flex-1 flex-col p-6">
1389                <span class="mb-5 h-1 w-12 rounded-full bg-indigo-500"></span>
1390                <h3 class="text-xl font-medium text-gray-900 leading-snug group-hover:text-indigo-700">A Comprehensive Guide to Hydrofera Blue<sup class="text-[0.5em] align-super leading-none">®</sup> Dressings</h3>
1391                <p class="mt-4 text-base leading-relaxed text-gray-600">Review product-family basics, dressing selection, and core clinical considerations.</p>
1392                <span class="mt-auto pt-6 inline-flex items-center text-sm font-medium text-indigo-600">
1393                    Read article
1394                    <svg class="hydrofera-read-article__arrow ml-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1395  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
1396</svg>                </span>
1397                </div>
1398            </a>
1399                    <a href="/one-dressing-broad-protection/" class="hydrofera-read-article-trigger no-adjust group flex h-full min-h-64 flex-col overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition duration-200 hover:-translate-y-1 hover:border-indigo-200 hover:shadow-md">
1400                <img src="https://hydrofera.com/content/uploads/2026/08/one-dressing-broad-protection-featured-1024x576.jpg" alt="Illustration of bacteria and yeast against a blue wound dressing surface" class="h-40 w-full object-cover" loading="lazy" decoding="async">
1401                <div class="flex flex-1 flex-col p-6">
1402                <span class="mb-5 h-1 w-12 rounded-full bg-indigo-500"></span>
1403                <h3 class="text-xl font-medium text-gray-900 leading-snug group-hover:text-indigo-700">Hydrofera Blue<sup class="text-[0.5em] align-super leading-none">®</sup>: Broad-Spectrum Antibacterial Protection</h3>
1404                <p class="mt-4 text-base leading-relaxed text-gray-600">Hydrofera Blue<sup class="text-[0.7em] align-super leading-none">®</sup> dressings are proven effective against a broad spectrum of bacteria and yeast.</p>
1405                <span class="mt-auto pt-6 inline-flex items-center text-sm font-medium text-indigo-600">
1406                    Read article
1407                    <svg class="hydrofera-read-article__arrow ml-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1408  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
1409</svg>                </span>
1410                </div>
1411            </a>
1412            </div>
1413</section>
1414                    
1415                    
1416                    
1417                </div>
1418            </main>
1419
1420            
1421            <footer class="bg-gray-100">
1422    <div class="max-w-5xl mx-auto py-10">
1423        <div class="max-w-6xl mx-auto px-4">
1424            <div class="grid grid-cols-1 md:grid-cols-3 gap-10">
1425                <!-- This is Hydrofera Blue Section -->
1426                <div>
1427                    <h2 class="text-gray-700 font-medium text-lg mb-4">This is Hydrofera Blue<sup>®</sup></h2>
1428                    <p class="text-gray-600 mb-4 text-sm leading-relaxed">
1429	                        Hydrofera Blue<sup>®</sup> provides wound care professionals with a suite of multifaceted, intuitive, and cost-effective products for a range of wound care needs. With the same antibacterial and non-cytotoxic properties of its flagship CLASSIC<sup>®</sup> product, Hydrofera Blue<sup>®</sup> dressings are gentle yet naturally powerful, helping patients get back to their lives, faster.<sup>1</sup>
1430                    </p>
1431                    <a href="/about/" class="bg-gradient-to-r from-indigo-500 to-blue-600 text-white py-2 px-5 rounded-full mb-2 inline-flex items-center justify-center text-sm hover:shadow-lg transition duration-200">
1432	                        <span class="hydrofera-button-label">Our Story</span>
1433	                        <svg class="ml-2 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1434	                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
1435	                        </svg>
1436                    </a>
1437                </div>
1438
1439                <!-- Follow Hydrofera Blue Section -->
1440                <div>
1441                    <h2 class="text-gray-700 font-medium text-lg mb-4">Follow Hydrofera Blue<sup>®</sup></h2>
1442                    <div class="flex flex-col space-y-4 text-sm">
1443                        <a href="https://www.facebook.com/hydroferallc" class="group flex w-full items-center text-gray-600 hover:text-gray-800">
1444                            <div class="w-12 h-12 flex items-center justify-center bg-white rounded-md shadow-sm group-hover:bg-gray-200 flex-shrink-0 transition-colors duration-500">
1445                                <svg class="w-6 h-6" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>
1446                            </div>
1447                            <div class="hydrofera-footer-social-content flex-1">
1448                                <span class="ml-4">Hydrofera Blue<sup>®</sup> on Facebook</span>
1449                                <svg class="ml-2 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1450                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
1451                                </svg>
1452                            </div>
1453                        </a>
1454                        <a href="https://www.linkedin.com/company/hydrofera/" class="group flex w-full items-center text-gray-600 hover:text-gray-800">
1455                            <div class="w-12 h-12 flex items-center justify-center bg-white rounded-md shadow-sm group-hover:bg-gray-200 flex-shrink-0 transition-colors duration-500">
1456                                <svg class="w-6 h-6" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
1457                            </div>
1458                            <div class="hydrofera-footer-social-content flex-1">
1459                                <span class="ml-4">Hydrofera Blue<sup>®</sup> on LinkedIn</span>
1460                                <svg class="ml-2 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1461                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
1462                                </svg>
1463                            </div>
1464                        </a>
1465                        <a href="https://www.youtube.com/watch?v=veAr8nCKw9s&amp;list=PLWJGGEvGP3Vo" class="group flex w-full items-center text-gray-600 hover:text-gray-800">
1466                            <div class="w-12 h-12 flex items-center justify-center bg-white rounded-md shadow-sm group-hover:bg-gray-200 flex-shrink-0 transition-colors duration-500">
1467                                <svg class="w-6 h-6" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
1468                            </div>
1469                            <div class="hydrofera-footer-social-content flex-1">
1470                                <span class="ml-4">Watch on Youtube</span>
1471                                <svg class="ml-2 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1472                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
1473                                </svg>
1474                            </div>
1475                        </a>
1476                    </div>
1477                </div>
1478
1479                <!-- Contact Details Section -->
1480                <div class="text-left">
1481                    <h2 class="text-gray-700 font-medium text-lg mb-4">Contact Details</h2>
1482                    <div class="text-gray-600 space-y-3 text-sm text-left">
1483                        <p class="font-medium text-indigo-700 text-left">Hydrofera Blue<sup>®</sup></p>
1484
1485                        <div class="flex items-start justify-start">
1486                            <svg class="w-5 h-5 text-gray-500 mt-0.5 mr-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1487                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
1488                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
1489                            </svg>
1490                            <div class="text-left">
1491                                <p class="leading-relaxed text-left">
1492                                    Hydrofera Blue<sup>®</sup> Dressings manufactured by:<br>
1493                                    Hydrofera, LLC, 340 Progress Drive<br>
1494                                    Manchester, CT 06042
1495                                </p>
1496                            </div>
1497                        </div>
1498
1499                        <div class="flex items-center justify-start">
1500                            <svg class="w-5 h-5 text-gray-500 mr-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1501                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 
150111.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
1502                            </svg>
1503                            <p class="text-left">Tel: (+1) 704 554 9933</p>
1504                        </div>
1505
1506                        <div class="flex items-center justify-start">
1507                            <svg class="w-5 h-5 text-gray-500 mr-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1508                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
1509                            </svg>
1510                            <p class="text-left">Fax: (+1) 800 835 4325</p>
1511                        </div>
1512
1513                        <div class="flex items-center justify-start">
1514                            <svg class="w-5 h-5 text-gray-500 mr-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1515                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
1516                            </svg>
1517                            <p class="font-medium text-left">To order, toll-free: Tel. (+1) 800 537 1063</p>
1518                        </div>
1519
1520                        <div class="flex items-center justify-start">
1521                            <svg class="w-5 h-5 text-gray-500 mr-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1522                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
1523                            </svg>
1524                            <p class="text-left">Email: <a href="mailto:[email protected]" class="text-indigo-600 hover:underline">[email protected]</a></p>
1525                        </div>
1526
1527                        <a href="/contact/" class="mt-3 inline-flex items-center text-indigo-600 hover:text-indigo-800 group">
1528                            <span>Contact us</span>
1529                            <svg class="ml-2 w-4 h-4 group-hover:translate-x-1 transition-transform duration-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1530                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
1531                            </svg>
1532                        </a>
1533                    </div>
1534                </div>
1535            </div>
1536
1537            <div class="mt-10 rounded-lg border border-indigo-100 bg-white px-5 py-4 text-center shadow-sm">
1538                <p class="text-sm font-medium text-gray-700">
1539                    Hydrofera Blue<sup>®</sup> antibacterial dressings are Rx Only.
1540                </p>
1541            </div>
1542
1543            <!-- Footnote -->
1544            <div class="mt-10 text-gray-600 text-xs">
1545	                <p><sup>1</sup> Hurd T. Improving the quality of chronic wound care using an advanced wound management program and Gentian Violet/Methylene Blue-Impregnated Antibacterial Dressings: A Retrospective Study. Surgical Technology International, Volume 35, Sept 2019.</p>
1546	                <p><sup>2</sup> Woo KY, Heil J. Methylene blue and gentian violet dressing for management of chronic wounds with local infection. Int Wound J. 2017;14(6):1029-1035.</p>
1547	                <p><sup>3</sup> Coutts PM et al. Case Series of Lower-Extremity Chronic Wounds Managed with an Antibacterial Foam Dressing Bound with Gentian Violet and Methylene Blue. Adv Skin Wound Care. 2014;27(3):9-13, S1.</p>
1548	                <p><sup>4</sup> Essity Group. Data on File.</p>
1549	                <p><sup>5</sup> Hargis et al. Foam Dressings for Wound Healing. Current Dermatology Reports. 2024;13:28-35.</p>
1550	                <p><sup>6</sup> Applewhite AJ, Attar P, Liden B, Stevenson Q. Gentian Violet and Methylene Blue Polyvinyl Alcohol Foam Antibacterial Dressing as a Viable Form of Autolytic Debridement in the Wound Bed. Surg Technol Int. 2015;26:65-70. PMID: 26054993.</p>
1551	                <p><sup>7</sup> Lullove EJ. Use of Ovine-based Collagen Extracellular Matrix and Gentian Violet/Methylene Blue Antibacterial Foam Dressings to Help Improve Clinical Outcomes in Lower Extremity Wounds: A Retrospective Cohort Study. Wounds. 2017;29(4):107-114.</p>
1552            </div>
1553        </div>
1554    </div>
1555
1556    <!-- Bottom footer bar -->
1557    <div class="border-t border-b border-gray-300 mb-5 relative">
1558        <div class="max-w-5xl mx-auto">
1559            <div class="max-w-6xl mx-auto px-4 py-4">
1560                <div class="flex flex-col space-y-4 sm:space-y-0 sm:flex-row sm:items-center sm:justify-between relative">
1561                    <div class="order-2 sm:order-1 flex items-center justify-center sm:justify-start">
1562                        <p class="text-center text-gray-700 text-xs">© 2025 Essity</p>
1563                    </div>
1564                    <div class="order-1 sm:order-2 flex flex-col sm:flex-row items-center gap-2 sm:gap-4">
1565                        <a href="/careers" class="text-gray-700 text-sm sm:text-xs hover:text-gray-900">Careers</a>
1566                        <a href="/terms-of-use" class="text-gray-700 text-sm sm:text-xs hover:text-gray-900">Terms of use</a>
1567                        <a href="/privacy-policy" class="text-gray-700 text-sm sm:text-xs hover:text-gray-900">Privacy policy</a>
1568                        <a href="/supplemental-state-privacy-policy" class="text-gray-700 text-sm sm:text-xs hover:text-gray-900">Supplemental Privacy Policy</a>
1569                        <a href="/do-not-sell-or-share-my-personal-data" class="text-gray-700 text-sm sm:text-xs hover:text-gray-900">
1569Do Not Sell</a>
1570                        <a href="/contact" class="text-gray-700 text-sm sm:text-xs hover:text-gray-900">Contact us</a>
1571                        <a href="https://medical-images.essity.com/images-c5/60/529060/original/220001961-essity-glossary-of-symbols-297x210mm-a-v4.pdf" class="text-gray-700 text-sm sm:text-xs hover:text-gray-900" target="_blank" rel="noopener noreferrer">Symbol Glossary</a>
1572                        <a href="/cookies" class="text-gray-700 text-sm sm:text-xs hover:text-gray-900">Cookies</a>
1573                        <a href="/wp-sitemap-posts-page-1.xml" class="text-gray-700 text-sm sm:text-xs hover:text-gray-900">Sitemap</a>
1574                    </div>
1575                </div>
1576            </div>
1577        </div>
1578        <div class="absolute bottom-4 right-4 sm:hidden">
1579            <a href="#top" onclick="event.preventDefault(); window.scrollTo({top: 0, behavior: 'smooth'});" class="bg-indigo-600 hover:bg-purple-500 rounded-full p-1.5 shadow-lg inline-flex" aria-label="Back to top">
1580                <svg class="h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1581  <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"/>
1582</svg>            </a>
1583        </div>
1584    </div>
1585    <div class="max-w-5xl mx-auto py-5">
1586        <div class="max-w-6xl mx-auto px-4">
1587            <div class="flex flex-col md:flex-row items-center gap-6 md:gap-8">
1588                <!-- Created with Inkscape (http://www.inkscape.org/) -->
1589
1590<svg class="h-8 md:h-10 flex-shrink-0"
1591   xmlns:dc="http://purl.org/dc/elements/1.1/"
1592   xmlns:cc="http://creativecommons.org/ns#"
1593   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
1594   xmlns:svg="http://www.w3.org/2000/svg"
1595   xmlns="http://www.w3.org/2000/svg"
1596   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
1597   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
1598   width="153.36928"
1599   height="39.000851"
1600   viewBox="0 0 40.578956 10.318975"
1601   version="1.1"
1602   id="svg8"
1603   inkscape:version="0.92.0 r15299"
1604   sodipodi:docname="essity.svg">
1605  <defs
1606     id="defs2">
1607    <style
1608       id="style10">.cls-1{fill:#f50082;}.cls-2{fill:#00005a;}</style>
1609  </defs>
1610  <sodipodi:namedview
1611     id="base"
1612     pagecolor="#ffffff"
1613     bordercolor="#666666"
1614     borderopacity="1.0"
1615     inkscape:pageopacity="0.0"
1616     inkscape:pageshadow="2"
1617     inkscape:zoom="5.2635279"
1618     inkscape:cx="76.184599"
1619     inkscape:cy="19.000426"
1620     inkscape:document-units="mm"
1621     inkscape:current-layer="layer1"
1622     showgrid="false"
1623     fit-margin-top="0"
1624     fit-margin-left="0"
1625     fit-margin-right="0"
1626     fit-margin-bottom="0"
1627     units="px"
1628     inkscape:window-width="1280"
1629     inkscape:window-height="744"
1630     inkscape:window-x="-4"
1631     inkscape:window-y="-4"
1632     inkscape:window-maximized="1" />
1633  <metadata
1634     id="metadata5">
1635    <rdf:RDF>
1636      <cc:Work
1637         rdf:about="">
1638        <dc:format>image/svg+xml</dc:format>
1639        <dc:type
1640           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
1641        <dc:title></dc:title>
1642      </cc:Work>
1643    </rdf:RDF>
1644  </metadata>
1645  <g
1646     inkscape:label="Layer 1"
1647     inkscape:groupmode="layer"
1648     id="layer1"
1649     transform="translate(337.65718,-290.95227)">
1650    <g
1651       id="g94"
1652       transform="translate(0.13229218,-0.13229284)">
1653      <path
1654         id="path16"
1655         d="m -331.24942,294.11409 c -0.40789,0 -0.6422,-0.15557 -0.69627,-0.46196 v -0.0104 h -0.71619 v 0.0142 c 0.0949,0.6441 0.62039,1.0131 1.42859,1.0131 0.9429,0 1.57562,-0.63556 1.57562,-1.58226 v -0.0474 c 0,-0.94859 -0.63556,-1.60597 -1.54621,-1.60597 a 1.4636833,1.4636833 0 0 0 -1.02449,0.36806 c -0.29501,0.27698 -0.44489,0.68109 -0.44489,1.20187 v 0.21817 h 2.26145 c -0.0275,0.57485 -0.32442,0.89073 -0.83761,0.89073 m -0.68963,-1.39064 c 0.037,-0.49327 0.28458,-0.74275 0.73706,-0.74275 0.41359,0 0.70291,0.27794 0.7769,0.74275 z"
1656         class="cls-1"
1657         inkscape:connector-curvature="0"
1658         style="fill:#f50082;stroke-width:0.09485958" />
1659      <path
1660         id="path18"
1661         d="m -329.53815,294.7136 a 1.4636833,1.4636833 0 0 0 -1.02448,0.36806 c -0.29502,0.27699 -0.44489,0.68109 -0.44489,1.20187 v 0.21818 h 2.25955 c -0.0275,0.57485 -0.32442,0.89073 -0.83761,0.89073 -0.4079,0 -0.6422,-0.15557 -0.69627,-0.46197 v -0.0104 h -0.71619 v 0.0142 c 0.1015,0.64504 0.62228,1.01784 1.43048,1.01784 0.94291,0 1.57562,-0.63556 1.57562,-1.58226 v -0.0474 c 0,-0.94859 -0.63556,-1.60597 -1.54621,-1.60597 m -0.73611,1.2844 c 0.037,-0.49327 0.28458,-0.74275 0.73611,-0.74275 0.41359,0 0.70291,0.27794 0.7
1661769,0.74275 z"
1662         class="cls-1"
1663         inkscape:connector-curvature="0"
1664         style="fill:#f50082;stroke-width:0.09485958" />
1665      <path
1666         id="path20"
1667         d="m -331.20199,298.03559 a 1.4636833,1.4636833 0 0 0 -1.02448,0.36805 c -0.29501,0.27699 -0.44489,0.68109 -0.44489,1.20187 v 0.21818 h 2.25955 c -0.0275,0.57485 -0.32442,0.89073 -0.83761,0.89073 -0.40789,0 -0.6422,-0.15557 -0.69627,-0.46197 v -0.0104 h -0.71619 v 0.0142 c 0.0949,0.6441 0.62039,1.0131 1.42859,1.0131 0.9429,0 1.57562,-0.63556 1.57562,-1.58226 v -0.0474 c 0,-0.94859 -0.63556,-1.60597 -1.54621,-1.60597 m -0.73517,1.28819 c 0.037,-0.49327 0.28458,-0.7437 0.73706,-0.7437 0.41359,0 0.70291,0.27794 0.7769,0.7437 z"
1668         class="cls-1"
1669         inkscape:connector-curvature="0"
1670         style="fill:#f50082;stroke-width:0.09485958" />
1671      <path
1672         id="path22"
1673         d="m -334.41868,294.66902 c 0.80821,0 1.32804,-0.36995 1.42859,-1.0131 v -0.0142 h -0.7124 v 0.0104 c -0.0541,0.30639 -0.28457,0.46196 -0.69626,0.46196 -0.5132,0 -0.81011,-0.31588 -0.83761,-0.89073 h 2.2586 v -0.21818 c 0,-0.52078 -0.14988,-0.92488 -0.44489,-1.20187 a 1.4636833,1.4636833 0 0 0 -1.02448,-0.36805 c -0.91066,0 -1.54621,0.66401 -1.54621,1.60597 v 0.0474 c 0,0.9486 0.63366,1.58226 1.57656,1.58226 m -0.8063,-1.94842 c 0.0721,-0.46671 0.36141,-0.74654 0.775,-0.74654 0.45248,0 0.70006,0.25043 0.73706,0.74275 z"
1674         class="cls-2"
1675         inkscape:connector-curvature="0"
1676         style="fill:#00005a;stroke-width:0.09485958" />
1677      <path
1678         id="path24"
1679         d="m -331.31392,296.28448 c 0,-0.52078 -0.14988,-0.92488 -0.44489,-1.20187 a 1.4636833,1.4636833 0 0 0 -1.02449,-0.36806 c -0.91065,0 -1.54621,0.66402 -1.54621,1.60598 v 0.0474 c 0,0.94859 0.63366,1.58225 1.57657,1.58225 0.8082,0 1.32803,-0.36995 1.42858,-1.0131 v -0.0142 h -0.71429 v 0.0104 c -0.0541,0.30639 -0.28458,0.46196 -0.69627,0.46196 -0.51319,0 -0.8101,-0.31588 -0.83761,-0.89073 h 2.25861 z m -2.24722,-0.28458 c 0.074,-0.46576 0.36331,-0.74275 0.7769,-0.74275 0.45248,0 0.70006,0.25043 0.73611,0.74275 z"
1680         class="cls-2"
1681         inkscape:connector-curvature="0"
1682         style="fill:#00005a;stroke-width:0.09485958" />
1683      <path
1684         id="path26"
1685         d="m -334.44808,298.03559 c -0.91065,0 -1.54621,0.66401 -1.54621,1.60597 v 0.0474 c 0,0.94859 0.63366,1.58226 1.57656,1.58226 0.80821,0 1.32804,-0.36996 1.42859,-1.0131 v -0.0142 h -0.71335 v 0.0104 c -0.0541,0.3064 -0.28457,0.46197 -0.69626,0.46197 -0.5132,0 -0.81011,-0.31588 -0.83761,-0.89073 h 2.2586 v -0.21818 c 0,-0.52078 -0.14988,-0.92488 -0.44489,-1.20187 a 1.4636833,1.4636833 0 0 0 -1.02448,-0.36806 m -0.77785,1.2844 c 0.074,-0.46576 0.36331,-0.7437 0.7769,-0.7437 0.45248,0 0.70006,0.25043 0.73706,0.7437 z"
1686         class="cls-2"
1687         inkscape:connector-curvature="0"
1688         style="fill:#00005a;stroke-width:0.09485958" />
1689      <path
1690         id="path28"
1691         d="m -334.65393,296.93522 v -0.0142 h -0.71239 v 0.0104 c -0.0541,0.3064 -0.28458,0.46197 -0.69627,0.46197 -0.51319,0 -0.8101,-0.31589 -0.83761,-0.89073 h 2.2586 v -0.21818 c 0,-0.52078 -0.14987,-0.92488 -0.44489,-1.20187 a 1.4636833,1.4636833 0 0 0 -1.02448,-0.36806 c -0.91065,0 -1.54621,0.66402 -1.54621,1.60598 v 0.0474 c -9.5e-4,0.9448 0.63271,1.58415 1.57562,1.58415 0.8082,0 1.32803,-0.36995 1.42858,-1.0131 m -2.31078,-0.93816 c 0.074,-0.46576 0.36331,-0.74275 0.7769,-0.74275 0.45248,0 0.70007,0.25043 0.73706,0.74275 z"
1692         class="cls-2"
1693         inkscape:connector-curvature="0"
1694         style="fill:#00005a;stroke-width:0.09485958" />
1695      <path
1696         id="path30"
1697         d="m -320.78546,294.19472 c -0.47429,-0.44299 -1.12313,-0.6773 -1.88201,-0.6773 -1.67143,0 -2.83915,1.21136 -2.83915,2.94634 v 0.0863 c 0,1.73687 1.16203,2.90365 2.89322,2.90365 1.48455,0 2.44074,-0.68015 2.62382,-1.86494 l 0.008,-0.0503 h -1.34605 l -0.007,0.036 c -0.0949,0.54639 -0.51604,0.82433 -1.24741,0.82433 -0.91444,0 -1.44661,-0.56062 -1.50257,-1.57846 h 4.11595 v -0.42023 c 0,-0.95524 -0.27509,-1.69704 -0.81769,-2.20549 m -3.2698,1.67048 c 0.14039,-0.83382 0.64409,-1.31001 1.38969,-1.31001 0.80251,0 1.24645,0.4411 1.31855,1.31001 z"
1698         class="cls-2"
1699         inkscape:connector-curvature="0"
1700         style="fill:#00005a;stroke-width:0.09485958" />
1701      <path
1702         id="path32"
1703         d="m -316.95123,295.85097 c -0.87176,-0.14703 -1.12409,-0.29881 
1703-1.12409,-0.6773 0,-0.37849 0.32537,-0.62322 0.84899,-0.62322 0.56916,0 0.85374,0.21438 0.95714,0.71808 l 0.008,0.0351 h 1.28819 l -0.006,-0.0484 c -0.12711,-1.15254 -0.88314,-1.73783 -2.24723,-1.73783 a 2.5612087,2.5612087 0 0 0 -1.47411,0.42877 1.5424168,1.5424168 0 0 0 -0.6773,1.30337 c 0,1.0501 0.54165,1.50922 2.06889,1.75301 0.88314,0.14893 1.16772,0.32726 1.16772,0.73136 0,0.46197 -0.30735,0.67635 -0.96662,0.67635 -0.68489,0 -1.00646,-0.25802 -1.07476,-0.86417 v -0.0389 h -1.31475 v 0.0455 c 0.0541,1.20851 0.92867,1.89719 2.39805,1.89719 1.46937,0 2.29086,-0.67065 2.29086,-1.83932 0,-1.19808 -0.78639,-1.5538 -2.14478,-1.76344"
1704         class="cls-2"
1705         inkscape:connector-curvature="0"
1706         style="fill:#00005a;stroke-width:0.09485958" />
1707      <path
1708         id="path34"
1709         d="m -311.78613,295.85097 c -0.87176,-0.14703 -1.12408,-0.29881 -1.12408,-0.6773 0,-0.37849 0.32536,-0.62322 0.84899,-0.62322 0.56916,0 0.85374,0.21438 0.95713,0.71808 l 0.008,0.0351 h 1.28819 l -0.006,-0.0484 c -0.12711,-1.15254 -0.88314,-1.73783 -2.24722,-1.73783 a 2.5612087,2.5612087 0 0 0 -1.47412,0.42877 1.5424168,1.5424168 0 0 0 -0.6773,1.30337 c 0,1.0501 0.54165,1.50922 2.06889,1.75301 0.88314,0.14893 1.16772,0.32726 1.16772,0.73136 0,0.46197 -0.30734,0.67635 -0.96662,0.67635 -0.68488,0 -1.00646,-0.25802 -1.07476,-0.86417 v -0.0389 h -1.3157 v 0.0455 c 0.0541,1.20851 0.92868,1.89719 2.39805,1.89719 1.46938,0 2.29086,-0.67065 2.29086,-1.83932 0,-1.19808 -0.78638,-1.5538 -2.14477,-1.76344"
1710         class="cls-2"
1711         inkscape:connector-curvature="0"
1712         style="fill:#00005a;stroke-width:0.09485958" />
1713      <path
1714         id="path36"
1715         d="m -308.21372,291.21708 a 0.79871766,0.79871766 0 0 0 -0.81769,0.79682 0.81863818,0.81863818 0 0 0 1.63349,0 0.79871766,0.79871766 0 0 0 -0.8158,-0.79682"
1716         class="cls-2"
1717         inkscape:connector-curvature="0"
1718         style="fill:#00005a;stroke-width:0.09485958" />
1719      <polygon
1720         transform="matrix(0.09485958,0,0,0.09485958,-337.65813,291.21708)"
1721         id="polygon38"
1722         points="303.72,85.7 317.43,85.7 317.89,85.7 317.89,85.24 317.89,25.96 317.89,25.5 317.43,25.5 303.72,25.5 303.25,25.5 303.25,25.96 303.25,85.24 303.25,85.7 "
1723         class="cls-2"
1724         style="fill:#00005a" />
1725      <path
1726         id="path40"
1727         d="m -304.13001,298.29171 c -0.39936,0 -0.60141,-0.22767 -0.60141,-0.67635 v -2.91314 h 1.23317 V 293.636 h -1.23317 v -1.23318 h -1.3878 v 1.23318 h -0.72472 v 1.06622 h 0.72472 v 3.03551 c 0,1.10321 0.61849,1.70747 1.74257,1.70747 a 2.5612087,2.5612087 0 0 0 0.89
1727643,-0.14229 l 0.0284,-0.0104 v -1.12978 l -0.0607,0.0247 a 1.5452626,1.5452626 0 0 1 -0.61753,0.10435"
1728         class="cls-2"
1729         inkscape:connector-curvature="0"
1730         style="fill:#00005a;stroke-width:0.09485958" />
1731      <polygon
1732         transform="matrix(0.09485958,0,0,0.09485958,-337.65813,291.21708)"
1733         id="polygon42"
1734         points="392.44,105.7 424.74,26.14 425,25.5 424.31,25.5 410.94,25.5 410.62,25.5 410.51,25.8 396.42,62.9 381.11,25.79 380.99,25.5 380.68,25.5 365.83,25.5 365.12,25.5 365.41,26.15 388.79,79.24 378.1,105.35 377.84,105.99 378.52,105.99 392.01,105.99 392.32,105.99 "
1735         class="cls-2"
1736         style="fill:#00005a" />
1737    </g>
1738  </g>
1739</svg>                <p class="text-gray-600 text-xs leading-relaxed text-center md:text-left">
1740                    Hydrofera, a part of <a href="https://www.essity.com" class="text-indigo-600 hover:text-indigo-800">Essity</a> — a global leader in health and hygiene — is committed to advancing wound care through innovation. Every day, Hydrofera's solutions help clinicians and caregivers deliver better outcomes for patients worldwide. As part of the Essity family, which reaches over a billion people daily across 150 countries, Hydrofera shares a purpose-driven mission: breaking barriers to well-being through trusted, science-backed care. Essity's global portfolio includes leading brands such as TENA, Tork, JOBST, Leukoplast, and Cutimed, with a team of 36,000 people worldwide. Learn more at <a href="https://www.essity.com" class="text-indigo-600 hover:text-indigo-800">essity.com</a>.
1741                </p>
1742            </div>
1743        </div>
1744    </div>
1745</footer>
1746
1747
1748
1749        </div>
1750
1751                
1751<script type="speculationrules">
1752{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/content/uploads/*","/content/*","/content/plugins/*","/content/themes/radicle/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1753</script>
1753
1754        
1754<script>
1755    (() => {
1756        const registeredMarkClass = 'hydrofera-registered-mark';
1757        const ignoredTags = new Set(['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'CODE', 'PRE', 'SVG']);
1758
1759        const trimWhitespaceBefore = (node) => {
1760            let sibling = node.previousSibling;
1761            while (sibling && sibling.nodeType === Node.TEXT_NODE && sibling.textContent === '') {
1762                sibling = sibling.previousSibling;
1763            }
1764
1765            if (sibling && sibling.nodeType === Node.TEXT_NODE) {
1766                const trimmedContent = sibling.textContent.replace(/\s+$/u, '');
1767                if (trimmedContent !== sibling.textContent) sibling.textContent = trimmedContent;
1768            }
1769        };
1770
1771        const normalizeExistingMarks = (root) => {
1772            const elements = [
1773                ...(root.matches?.('sup, span') ? [root] : []),
1774                ...root.querySelectorAll('sup, span'),
1775            ];
1776
1777            elements.forEach((element) => {
1778                if (element.textContent.trim() !== '®') return;
1779
1780                element.classList.add(registeredMarkClass);
1781                trimWhitespaceBefore(element);
1782            });
1783        };
1784
1785        const wrapTextMarks = (root) => {
1786            const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
1787                acceptNode(node) {
1788                    const parent = node.parentElement;
1789                    if (!parent || !node.textContent.includes('®')) return NodeFilter.FILTER_REJECT;
1790                    if (parent.closest(`.${registeredMarkClass}`)) return NodeFilter.FILTER_REJECT;
1791                    if (ignoredTags.has(parent.tagName) || parent.closest('script, style, noscript, textarea, code, pre, svg')) {
1792                        return NodeFilter.FILTER_REJECT;
1793                    }
1794
1795                    return NodeFilter.FILTER_ACCEPT;
1796                },
1797            });
1798
1799            const textNodes = [];
1800            while (walker.nextNode()) textNodes.push(walker.currentNode);
1801
1802            textNodes.forEach((node) => {
1803                const parts = node.textContent.split(/\s*®/u);
1804                if (parts.length < 2) return;
1805
1806                const fragment = document.createDocumentFragment();
1807                parts.forEach((part, index) => {
1808                    if (index > 0) {
1809                        const mark = document.createElement('sup');
1810                        mark.className = registeredMarkClass;
1811                        mark.textContent = '®';
1812                        fragment.appendChild(mark);
1813                    }
1814                    if (part) fragment.appendChild(document.createTextNode(part));
1815                });
1816
1817                node.replaceWith(fragment);
1818            });
1819        };
1820
1821        const normalizeRegisteredMarks = (root = document.body) => {
1822            if (!root) return;
1823            normalizeExistingMarks(root);
1824            wrapTextMarks(root);
1825        };
1826
1827        normalizeRegisteredMarks();
1828
1829        const observer = new MutationObserver((mutations) => {
1830            mutations.forEach((mutation) => {
1831                if (mutation.type === 'characterData') {
1832                    normalizeRegisteredMarks(mutation.target.parentElement);
1833                    return;
1834                }
1835
1836                mutation.addedNodes.forEach((node) => {
1837                    const root = node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement;
1838                    normalizeRegisteredMarks(root);
1839                });
1840            });
1841        });
1842
1843        observer.observe(document.body, { childList: true, characterData: true, subtree: true });
1844    })();
1845</script>
1845
1846    </body>
1847</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.