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> 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> 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> 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> 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'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" x 2" (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" x 4" (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" x 5" (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" x 6" (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&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.