{"title":"Home page","description":null,"products":[{"product_id":"hydra-cordless-water-flosser","title":"HYDRA - Cordless Water Flosser","description":"\u003cstyle\u003e\n\/* =========================================================\n   THE ORAL CO. — HYDRA\n   SHOPIFY-SAFE \/ FULLY SCOPED VERSION\n   ========================================================= *\/\n\n.oc-hydra-page {\n  --hydra-bg: #050505;\n  --hydra-bg-soft: #0b0b0b;\n  --hydra-panel: #0d0d0d;\n  --hydra-white: #ffffff;\n  --hydra-grey: #888888;\n  --hydra-grey-light: #999999;\n  --hydra-grey-dark: #666666;\n  --hydra-line: #292929;\n  --hydra-line-light: #444444;\n\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  padding: 0;\n  background: var(--hydra-bg);\n  color: var(--hydra-white);\n  font-family: Arial, Helvetica, sans-serif;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.oc-hydra-page *,\n.oc-hydra-page *::before,\n.oc-hydra-page *::after {\n  box-sizing: border-box;\n}\n\n\/* Prevent Shopify theme typography from overriding HYDRA *\/\n\n.oc-hydra-page h1,\n.oc-hydra-page h2,\n.oc-hydra-page h3,\n.oc-hydra-page h4,\n.oc-hydra-page p,\n.oc-hydra-page span,\n.oc-hydra-page div {\n  font-family: inherit;\n}\n\n.oc-hydra-page h1,\n.oc-hydra-page h2,\n.oc-hydra-page h3,\n.oc-hydra-page h4 {\n  margin-top: 0;\n}\n\n.oc-hydra-page p {\n  margin-top: 0;\n}\n\n.oc-hydra-page h1,\n.oc-hydra-page h2,\n.oc-hydra-page h3,\n.oc-hydra-page h4 {\n  color: #ffffff !important;\n}\n\n.oc-hydra-page a,\n.oc-hydra-page a:visited,\n.oc-hydra-page a:hover,\n.oc-hydra-page a:active {\n  color: inherit !important;\n  text-decoration: none;\n}\n\n.oc-hydra-page .hydra-container {\n  width: min(1180px, 90%);\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-hero {\n  position: relative;\n  min-height: 570px;\n  background:\n    radial-gradient(\n      ellipse at 82% 42%,\n      rgba(255,255,255,.065),\n      transparent 31%\n    ),\n    #030303 !important;\n  overflow: hidden;\n}\n\n.oc-hydra-page .hydra-hero::after {\n  content: \"\";\n  position: absolute;\n  width: 850px;\n  height: 220px;\n  right: -220px;\n  top: 300px;\n  border-radius: 50%;\n  border-top: 1px solid rgba(255,255,255,.10);\n  transform: rotate(-25deg);\n  pointer-events: none;\n}\n\n.oc-hydra-page .hydra-hero-content {\n  position: relative;\n  z-index: 2;\n  padding: 70px 0 48px;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-eyebrow {\n  color: #777777 !important;\n  font-size: 9px !important;\n  line-height: 1.4;\n  letter-spacing: .34em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   HERO TITLE\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-title {\n  display: block;\n  margin: 20px 0 !important;\n  padding: 0;\n  color: #ffffff !important;\n  background: transparent !important;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: clamp(80px, 11vw, 150px) !important;\n  font-weight: 400 !important;\n  line-height: .72 !important;\n  letter-spacing: -.08em !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  text-shadow: none !important;\n}\n\n.oc-hydra-page .hydra-line {\n  width: 52px;\n  height: 1px;\n  margin: 23px 0;\n  background: #ffffff !important;\n}\n\n.oc-hydra-page .hydra-tag {\n  display: block;\n  color: #ffffff !important;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: 25px !important;\n  font-weight: 400 !important;\n  line-height: 1.2;\n  letter-spacing: .09em;\n}\n\n.oc-hydra-page .hydra-description {\n  max-width: 400px;\n  margin: 15px 0 0;\n  color: #888888 !important;\n  font-size: 13px !important;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   HERO BENEFITS\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-benefits {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 14px;\n  max-width: 720px;\n  margin-top: 38px;\n}\n\n.oc-hydra-page .hydra-benefit {\n  text-align: center;\n}\n\n.oc-hydra-page .hydra-benefit-icon {\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 10px;\n  border: 1px solid #4d4d4d;\n  border-radius: 50%;\n  color: #ffffff !important;\n  background: transparent !important;\n  font-size: 15px;\n}\n\n.oc-hydra-page .hydra-benefit-text {\n  display: block;\n  color: #999999 !important;\n  background: transparent !important;\n  font-size: 7px !important;\n  line-height: 1.4;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-intro {\n  padding: 65px 0;\n  background: #0b0b0b !important;\n}\n\n.oc-hydra-page .hydra-intro-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 50px;\n  align-items: end;\n}\n\n.oc-hydra-page .hydra-heading {\n  display: block;\n  margin: 16px 0 !important;\n  color: #ffffff !important;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: clamp(58px, 7vw, 92px) !important;\n  font-weight: 400 !important;\n  line-height: .8 !important;\n  letter-spacing: -.075em !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n.oc-hydra-page .hydra-heading em {\n  color: #777777 !important;\n  font-style: normal;\n}\n\n.oc-hydra-page .hydra-copy {\n  max-width: 430px;\n  padding-left: 23px;\n  border-left: 1px solid #444444;\n  color: #888888 !important;\n  font-size: 13px !important;\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   FEATURE CARDS\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  margin-top: 38px;\n}\n\n.oc-hydra-page .hydra-card {\n  min-height: 215px;\n  padding: 24px;\n  border: 1px solid #242424;\n  border-radius: 10px;\n  background: #0d0d0d !important;\n}\n\n.oc-hydra-page .hydra-card-icon {\n  width: 46px;\n  height: 46px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 23px;\n  border: 1px solid #555555;\n  border-radius: 50%;\n  color: #ffffff !important;\n  background: transparent !important;\n}\n\n.oc-hydra-page .hydra-card-title {\n  display: block;\n  margin: 0 0 11px !important;\n  color: #ffffff !important;\n  background: transparent !important;\n  font-size: 10px !important;\n  font-weight: 400 !important;\n  line-height: 1.4;\n  letter-spacing: .23em;\n}\n\n.oc-hydra-page .hydra-card-text {\n  margin: 0 !important;\n  color: #777777 !important;\n  background: transparent !important;\n  font-size: 11px !important;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   FOUR MODES\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-modes {\n  padding: 70px 0;\n  background: #050505 !important;\n}\n\n.oc-hydra-page .hydra-modes-head {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 45px;\n  align-items: end;\n  margin-bottom: 42px;\n}\n\n.oc-hydra-page .hydra-modes-intro {\n  max-width: 380px;\n  margin: 0 !important;\n  color: #888888 !important;\n  font-size: 13px !important;\n  line-height: 1.8;\n}\n\n.oc-hydra-page .hydra-mode-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-top: 1px solid #292929;\n  border-bottom: 1px solid #292929;\n}\n\n.oc-hydra-page .hydra-mode {\n  min-height: 325px;\n  padding: 23px;\n  border-right: 1px solid #292929;\n  background: transparent !important;\n}\n\n.oc-hydra-page .hydra-mode:last-child {\n  border-right: 0;\n}\n\n.oc-hydra-page .hydra-mode-number {\n  margin-bottom: 24px;\n  color: #555555 !important;\n  font-size: 8px !important;\n  letter-spacing: .25em;\n}\n\n.oc-hydra-page .hydra-mode-circle {\n  position: relative;\n  width: 100px;\n  height: 100px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 25px;\n  overflow: hidden;\n  border: 1px solid #444444;\n  border-radius: 50%;\n  background: transparent !important;\n}\n\n.oc-hydra-page .hydra-mode-letter {\n  position: relative;\n  z-index: 2;\n  color: #ffffff !important;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: 28px !important;\n  font-weight: 400 !important;\n}\n\n\n\/* PULSE *\/\n\n.oc-hydra-page .hydra-pulse {\n  position: absolute;\n  width: 36px;\n  height: 36px;\n  border: 1px solid #777777;\n  border-radius: 50%;\n  animation: hydraPulse 3s linear infinite;\n}\n\n.oc-hydra-page .hydra-pulse:nth-child(2) {\n  animation-delay: 1s;\n}\n\n.oc-hydra-page .hydra-pulse:nth-child(3) {\n  animation-delay: 2s;\n}\n\n@keyframes hydraPulse {\n  from {\n    transform: scale(.2);\n    opacity: .8;\n  }\n\n  to {\n    transform: scale(2.5);\n    opacity: 0;\n  }\n}\n\n\n\/* SOFT *\/\n\n.oc-hydra-page .hydra-soft {\n  position: absolute;\n  width: 68px;\n  height: 23px;\n  border-top: 1px solid #888888;\n  border-radius: 50%;\n  animation: hydraSoft 2.5s ease-in-out infinite alternate;\n}\n\n@keyframes hydraSoft {\n  to {\n    transform: translateX(8px) rotate(-10deg);\n  }\n}\n\n\n\/* NORMAL *\/\n\n.oc-hydra-page .hydra-normal {\n  position: absolute;\n  width: 68px;\n  height: 68px;\n  border: 1px solid #777777;\n  border-radius: 50%;\n  animation: hydraSpin 7s linear infinite;\n}\n\n.oc-hydra-page .hydra-normal::after {\n  content: \"\";\n  position: absolute;\n  top: -4px;\n  left: 50%;\n  width: 7px;\n  height: 7px;\n  background: #ffffff;\n  border-radius: 50%;\n}\n\n@keyframes hydraSpin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\n\/* POWER *\/\n\n.oc-hydra-page .hydra-power {\n  position: absolute;\n  width: 80px;\n  height: 80px;\n  border: 1px solid #aaaaaa;\n  border-radius: 50%;\n  animation: hydraPower 2s ease-in-out infinite alternate;\n}\n\n@keyframes hydraPower {\n  to {\n    transform: scale(1.08);\n    box-shadow: 0 0 30px #222222;\n  }\n}\n\n.oc-hydra-page .hydra-mode-name {\n  display: block;\n  color: #ffffff !important;\n  font-size: 10px !important;\n  line-height: 1.4;\n  letter-spacing: .28em;\n}\n\n.oc-hydra-page .hydra-mode-line {\n  width: 30px;\n  height: 1px;\n  margin: 12px 0;\n  background: #555555 !important;\n}\n\n.oc-hydra-page .hydra-mode-description {\n  max-width: 190px;\n  margin: 0 !important;\n  color: #707070 !important;\n  font-size: 10px !important;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   WATER\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-water {\n  min-height: 360px;\n  display: flex;\n  align-items: center;\n  background:\n    radial-gradient(\n      ellipse at 15% 50%,\n      #171717,\n      transparent 40%\n    ),\n    #020202 !important;\n}\n\n.oc-hydra-page .hydra-water-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n}\n\n.oc-hydra-page .hydra-water-heading {\n  margin: 13px 0 22px !important;\n}\n\n.oc-hydra-page .hydra-water-text {\n  max-width: 360px;\n  margin: 0 !important;\n  color: #888888 !important;\n  font-size: 13px !important;\n  line-height: 1.8;\n}\n\n.oc-hydra-page .hydra-waves {\n  position: relative;\n  height: 230px;\n}\n\n.oc-hydra-page .hydra-wave {\n  position: absolute;\n  top: 25px;\n  left: -130px;\n  width: 600px;\n  height: 180px;\n  border-top: 2px solid rgba(255,255,255,.11);\n  border-radius: 50%;\n  transform: rotate(18deg);\n}\n\n.oc-hydra-page .hydra-wave:nth-child(2) {\n  top: 75px;\n  opacity: .6;\n}\n\n.oc-hydra-page .hydra-wave:nth-child(3) {\n  top: 125px;\n  opacity: .3;\n}\n\n\n\/* =========================================================\n   HYDRA SYSTEM\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-system {\n  padding: 70px 0;\n  background: #090909 !important;\n}\n\n.oc-hydra-page .hydra-system-grid {\n  display: grid;\n  grid-template-columns: 43% 57%;\n  gap: 50px;\n  align-items: center;\n}\n\n.oc-hydra-page .hydra-system-copy {\n  padding: 0;\n  border: 0;\n}\n\n.oc-hydra-page .hydra-attachment {\n  height: 78px;\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  border-top: 1px solid #282828;\n}\n\n.oc-hydra-page .hydra-attachment:last-child {\n  border-bottom: 1px solid #282828;\n}\n\n.oc-hydra-page .hydra-attachment-icon {\n  width: 46px;\n  height: 46px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #555555;\n  border-radius: 50%;\n  color: #ffffff !important;\n}\n\n.oc-hydra-page .hydra-attachment-name {\n  color: #ffffff !important;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: 17px !important;\n  font-weight: 400 !important;\n}\n\n.oc-hydra-page .hydra-attachment-description {\n  margin-top: 4px;\n  color: #666666 !important;\n  font-size: 10px !important;\n}\n\n\n\/* =========================================================\n   WHY HYDRA\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-why {\n  padding: 60px 0;\n  background: #f3f3ef !important;\n  color: #111111 !important;\n  text-align: center;\n}\n\n.oc-hydra-page .hydra-why .hydra-eyebrow {\n  color: #777777 !important;\n}\n\n.oc-hydra-page .hydra-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 22px;\n  margin-top: 34px;\n}\n\n.oc-hydra-page .hydra-why-icon {\n  width: 52px;\n  height: 52px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 13px;\n  border: 1px solid #999999;\n  border-radius: 50%;\n  color: #111111 !important;\n}\n\n.oc-hydra-page .hydra-why-title {\n  margin: 0 0 9px !important;\n  color: #111111 !important;\n  font-size: 9px !important;\n  font-weight: 400 !important;\n  line-height: 1.4;\n  letter-spacing: .22em;\n}\n\n.oc-hydra-page .hydra-why-text {\n  max-width: 180px;\n  margin: auto !important;\n  color: #666666 !important;\n  font-size: 10px !important;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   FINAL\n   ========================================================= *\/\n\n.oc-hydra-page .hydra-final {\n  min-height: 300px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 50px 20px;\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,255,255,.055),\n      transparent 45%\n    ),\n    #020202 !important;\n  text-align: center;\n}\n\n.oc-hydra-page .hydra-final-title {\n  display: block;\n  margin: 16px 0 22px !important;\n  color: #ffffff !important;\n  font-family: Georgia, \"Times New Roman\", serif !important;\n  font-size: clamp(60px, 9vw, 115px) !important;\n  font-weight: 400 !important;\n  line-height: .78 !important;\n  letter-spacing: -.075em !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n.oc-hydra-page .hydra-final-title span {\n  display: block;\n  color: #ffffff !important;\n}\n\n.oc-hydra-page .hydra-final-line {\n  width: 80px;\n  height: 1px;\n  margin: 0 auto 18px;\n  background: #444444 !important;\n}\n\n.oc-hydra-page .hydra-final-small {\n  color: #666666 !important;\n  font-size: 8px !important;\n  line-height: 1.4;\n  letter-spacing: .28em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .oc-hydra-page .hydra-container {\n    width: 88%;\n  }\n\n  .oc-hydra-page .hydra-title {\n    font-size: clamp(75px, 15vw, 120px) !important;\n  }\n\n  .oc-hydra-page .hydra-benefits {\n    max-width: 600px;\n  }\n\n  .oc-hydra-page .hydra-mode {\n    padding: 20px;\n  }\n\n  .oc-hydra-page .hydra-mode-circle {\n    width: 90px;\n    height: 90px;\n  }\n\n  .oc-hydra-page .hydra-system-grid {\n    grid-template-columns: 40% 60%;\n    gap: 30px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .oc-hydra-page .hydra-container {\n    width: 88%;\n  }\n\n  .oc-hydra-page .hydra-hero {\n    min-height: 570px;\n  }\n\n  .oc-hydra-page .hydra-hero::after {\n    width: 600px;\n    right: -430px;\n    top: 320px;\n  }\n\n  .oc-hydra-page .hydra-hero-content {\n    padding-top: 58px;\n    padding-bottom: 45px;\n  }\n\n  .oc-hydra-page .hydra-title {\n    margin: 17px 0 !important;\n    font-size: clamp(68px, 20vw, 100px) !important;\n    line-height: .75 !important;\n  }\n\n  .oc-hydra-page .hydra-tag {\n    font-size: 20px !important;\n  }\n\n  .oc-hydra-page .hydra-description {\n    max-width: 310px;\n    font-size: 12px !important;\n  }\n\n  .oc-hydra-page .hydra-benefits {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px 12px;\n    max-width: 330px;\n    margin-top: 30px;\n  }\n\n  .oc-hydra-page .hydra-benefit-icon {\n    width: 38px;\n    height: 38px;\n  }\n\n  .oc-hydra-page .hydra-benefit-text {\n    font-size: 6.5px !important;\n  }\n\n  .oc-hydra-page .hydra-intro {\n    padding: 55px 0;\n  }\n\n  .oc-hydra-page .hydra-intro-grid {\n    grid-template-columns: 1fr;\n    gap: 22px;\n  }\n\n  .oc-hydra-page .hydra-heading {\n    font-size: clamp(52px, 15vw, 78px) !important;\n    line-height: .82 !important;\n  }\n\n  .oc-hydra-page .hydra-copy {\n    padding: 17px 0 0;\n    border-top: 1px solid #444444;\n    border-left: 0;\n    font-size: 12px !important;\n  }\n\n  .oc-hydra-page .hydra-cards {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    margin-top: 28px;\n  }\n\n  .oc-hydra-page .hydra-card {\n    min-height: auto;\n    padding: 20px;\n  }\n\n  .oc-hydra-page .hydra-card-icon {\n    width: 42px;\n    height: 42px;\n    margin-bottom: 16px;\n  }\n\n  .oc-hydra-page .hydra-card-title {\n    font-size: 9px !important;\n  }\n\n  .oc-hydra-page .hydra-card-text {\n    font-size: 10px !important;\n  }\n\n  .oc-hydra-page .hydra-modes {\n    padding: 58px 0;\n  }\n\n  .oc-hydra-page .hydra-modes-head {\n    grid-template-columns: 1fr;\n    gap: 20px;\n    margin-bottom: 30px;\n  }\n\n  .oc-hydra-page .hydra-modes-intro {\n    font-size: 12px !important;\n  }\n\n  .oc-hydra-page .hydra-mode-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .oc-hydra-page .hydra-mode {\n    min-height: 260px;\n    padding: 17px;\n  }\n\n  .oc-hydra-page .hydra-mode:nth-child(2) {\n    border-right: 0;\n  }\n\n  .oc-hydra-page .hydra-mode:nth-child(-n+2) {\n    border-bottom: 1px solid #292929;\n  }\n\n  .oc-hydra-page .hydra-mode-number {\n    margin-bottom: 17px;\n  }\n\n  .oc-hydra-page .hydra-mode-circle {\n    width: 76px;\n    height: 76px;\n    margin-bottom: 18px;\n  }\n\n  .oc-hydra-page .hydra-mode-letter {\n    font-size: 21px !important;\n  }\n\n  .oc-hydra-page .hydra-normal {\n    width: 53px;\n    height: 53px;\n  }\n\n  .oc-hydra-page .hydra-power {\n    width: 61px;\n    height: 61px;\n  }\n\n  .oc-hydra-page .hydra-soft {\n    width: 53px;\n  }\n\n  .oc-hydra-page .hydra-mode-name {\n    font-size: 8px !important;\n  }\n\n  .oc-hydra-page .hydra-mode-description {\n    max-width: 145px;\n    font-size: 9px !important;\n  }\n\n  .oc-hydra-page .hydra-water {\n    min-height: 390px;\n  }\n\n  .oc-hydra-page .hydra-water-grid {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .oc-hydra-page .hydra-water-text {\n    max-width: 310px;\n    font-size: 12px !important;\n  }\n\n  .oc-hydra-page .hydra-waves {\n    order: 2;\n    height: 110px;\n  }\n\n  .oc-hydra-page .hydra-wave {\n    left: -170px;\n    width: 520px;\n    height: 145px;\n  }\n\n  .oc-hydra-page .hydra-system {\n    padding: 58px 0;\n  }\n\n  .oc-hydra-page .hydra-system-grid {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  .oc-hydra-page .hydra-attachment {\n    height: 68px;\n    gap: 13px;\n  }\n\n  .oc-hydra-page .hydra-attachment-icon {\n    width: 40px;\n    height: 40px;\n  }\n\n  .oc-hydra-page .hydra-attachment-name {\n    font-size: 14px !important;\n  }\n\n  .oc-hydra-page .hydra-attachment-description {\n    font-size: 8.5px !important;\n  }\n\n  .oc-hydra-page .hydra-why {\n    padding: 52px 0;\n  }\n\n  .oc-hydra-page .hydra-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px 10px;\n  }\n\n  .oc-hydra-page .hydra-why-icon {\n    width: 45px;\n    height: 45px;\n  }\n\n  .oc-hydra-page .hydra-why-title {\n    font-size: 7px !important;\n  }\n\n  .oc-hydra-page .hydra-why-text {\n    max-width: 145px;\n    font-size: 9px !important;\n  }\n\n  .oc-hydra-page .hydra-final {\n    min-height: 270px;\n  }\n\n  .oc-hydra-page .hydra-final-title {\n    font-size: clamp(55px, 17vw, 85px) !important;\n  }\n\n  .oc-hydra-page .hydra-final-small {\n    font-size: 6.5px !important;\n  }\n}\n\n\n\/* =========================================================\n   SMALL PHONES\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .oc-hydra-page .hydra-container {\n    width: 90%;\n  }\n\n  .oc-hydra-page .hydra-hero {\n    min-height: 550px;\n  }\n\n  .oc-hydra-page .hydra-title {\n    font-size: 67px !important;\n  }\n\n  .oc-hydra-page .hydra-tag {\n    font-size: 18px !important;\n  }\n\n  .oc-hydra-page .hydra-benefits {\n    gap: 17px 7px;\n  }\n\n  .oc-hydra-page .hydra-mode {\n    min-height: 250px;\n    padding: 14px;\n  }\n\n  .oc-hydra-page .hydra-mode-circle {\n    width: 69px;\n    height: 69px;\n  }\n\n  .oc-hydra-page .hydra-mode-description {\n    font-size: 8.5px !important;\n  }\n\n  .oc-hydra-page .hydra-attachment {\n    height: 65px;\n  }\n\n  .oc-hydra-page .hydra-attachment-name {\n    font-size: 13px !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"oc-hydra-page\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003csection class=\"hydra-hero\"\u003e\n\n    \u003cdiv class=\"hydra-container hydra-hero-content\"\u003e\n\n      \u003cdiv class=\"hydra-eyebrow\"\u003e\n        Cordless Water Flosser\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"hydra-title\"\u003e\n        HYDRA\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"hydra-line\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"hydra-tag\"\u003e\n        OWN YOUR SMILE.\n      \u003c\/div\u003e\n\n      \u003cp class=\"hydra-description\"\u003e\n        Powerful water flossing, beautifully simplified.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"hydra-benefits\"\u003e\n\n        \u003cdiv class=\"hydra-benefit\"\u003e\n          \u003cdiv class=\"hydra-benefit-icon\"\u003e◇\u003c\/div\u003e\n          \u003cspan class=\"hydra-benefit-text\"\u003eDeep Clean\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hydra-benefit\"\u003e\n          \u003cdiv class=\"hydra-benefit-icon\"\u003e≋\u003c\/div\u003e\n          \u003cspan class=\"hydra-benefit-text\"\u003eCordless Freedom\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hydra-benefit\"\u003e\n          \u003cdiv class=\"hydra-benefit-icon\"\u003e□\u003c\/div\u003e\n          \u003cspan class=\"hydra-benefit-text\"\u003eMultiple Attachments\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"hydra-benefit\"\u003e\n          \u003cdiv class=\"hydra-benefit-icon\"\u003e◈\u003c\/div\u003e\n          \u003cspan class=\"hydra-benefit-text\"\u003eFour Modes\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- INTRO --\u003e\n\n  \u003csection class=\"hydra-intro\"\u003e\n\n    \u003cdiv class=\"hydra-container\"\u003e\n\n      \u003cdiv class=\"hydra-intro-grid\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"hydra-eyebrow\"\u003e\n            A Better Daily Ritual\n          \u003c\/div\u003e\n\n          \u003ch2 class=\"hydra-heading\"\u003e\n            More than\u003cbr\u003e\n            a \u003cem\u003eclean.\u003c\/em\u003e\n          \u003c\/h2\u003e\n\n        \u003c\/div\u003e\n\n        \u003cp class=\"hydra-copy\"\u003e\n          HYDRA is designed to make oral care simple.\n          Powerful water flow, interchangeable attachments\n          and cordless freedom come together in one\n          beautifully considered device.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hydra-cards\"\u003e\n\n        \u003cdiv class=\"hydra-card\"\u003e\n\n          \u003cdiv class=\"hydra-card-icon\"\u003e\n            ◇\n          \u003c\/div\u003e\n\n          \u003ch3 class=\"hydra-card-title\"\u003e\n            DEEP CLEAN\n          \u003c\/h3\u003e\n\n          \u003cp class=\"hydra-card-text\"\u003e\n            Targets areas brushing alone can miss,\n            helping clean between teeth and along\n            the gumline.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hydra-card\"\u003e\n\n          \u003cdiv class=\"hydra-card-icon\"\u003e\n            ≋\n          \u003c\/div\u003e\n\n          \u003ch3 class=\"hydra-card-title\"\u003e\n            CORDLESS FREEDOM\n          \u003c\/h3\u003e\n\n          \u003cp class=\"hydra-card-text\"\u003e\n            No cables. No clutter. Take HYDRA from\n            your bathroom to your travel bag with ease.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hydra-card\"\u003e\n\n          \u003cdiv class=\"hydra-card-icon\"\u003e\n            □\n          \u003c\/div\u003e\n\n          \u003ch3 class=\"hydra-card-title\"\u003e\n            YOUR ROUTINE\n          \u003c\/h3\u003e\n\n          \u003cp class=\"hydra-card-text\"\u003e\n            Choose your preferred flow and attachment\n            to create an oral care ritual that works\n            for you.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FOUR MODES --\u003e\n\n  \u003csection class=\"hydra-modes\"\u003e\n\n    \u003cdiv class=\"hydra-container\"\u003e\n\n      \u003cdiv class=\"hydra-modes-head\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"hydra-eyebrow\"\u003e\n            Personalised Water Flow\n          \u003c\/div\u003e\n\n          \u003ch2 class=\"hydra-heading\"\u003e\n            Find your\u003cbr\u003e\n            \u003cem\u003eflow.\u003c\/em\u003e\n          \u003c\/h2\u003e\n\n        \u003c\/div\u003e\n\n        \u003cp class=\"hydra-modes-intro\"\u003e\n          Four levels of water flow. One effortless\n          daily ritual. Choose the setting that feels\n          right for you.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hydra-mode-grid\"\u003e\n\n        \u003c!-- PULSE --\u003e\n\n        \u003cdiv class=\"hydra-mode\"\u003e\n\n          \u003cdiv class=\"hydra-mode-number\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-circle\"\u003e\n\n            \u003cspan class=\"hydra-pulse\"\u003e\u003c\/span\u003e\n            \u003cspan class=\"hydra-pulse\"\u003e\u003c\/span\u003e\n            \u003cspan class=\"hydra-pulse\"\u003e\u003c\/span\u003e\n\n            \u003cstrong class=\"hydra-mode-letter\"\u003e\n              P\n            \u003c\/strong\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-name\"\u003e\n            PULSE\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-line\"\u003e\u003c\/div\u003e\n\n          \u003cp class=\"hydra-mode-description\"\u003e\n            Rhythmic water pulses for a refreshing clean.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- SOFT --\u003e\n\n        \u003cdiv class=\"hydra-mode\"\u003e\n\n          \u003cdiv class=\"hydra-mode-number\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-circle\"\u003e\n\n            \u003cspan class=\"hydra-soft\"\u003e\u003c\/span\u003e\n\n            \u003cstrong class=\"hydra-mode-letter\"\u003e\n              S\n            \u003c\/strong\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-name\"\u003e\n            SOFT\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-line\"\u003e\u003c\/div\u003e\n\n          \u003cp class=\"hydra-mode-description\"\u003e\n            A gentler flow for a softer,\n            more comfortable clean.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- NORMAL --\u003e\n\n        \u003cdiv class=\"hydra-mode\"\u003e\n\n          \u003cdiv class=\"hydra-mode-number\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-circle\"\u003e\n\n            \u003cspan class=\"hydra-normal\"\u003e\u003c\/span\u003e\n\n            \u003cstrong class=\"hydra-mode-letter\"\u003e\n              N\n            \u003c\/strong\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-name\"\u003e\n            NORMAL\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-line\"\u003e\u003c\/div\u003e\n\n          \u003cp class=\"hydra-mode-description\"\u003e\n            The everyday balance of pressure\n            and comfort.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- POWER --\u003e\n\n        \u003cdiv class=\"hydra-mode\"\u003e\n\n          \u003cdiv class=\"hydra-mode-number\"\u003e\n            04\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-circle\"\u003e\n\n            \u003cspan class=\"hydra-power\"\u003e\u003c\/span\u003e\n\n            \u003cstrong class=\"hydra-mode-letter\"\u003e\n              P\n            \u003c\/strong\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-name\"\u003e\n            POWER\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hydra-mode-line\"\u003e\u003c\/div\u003e\n\n          \u003cp class=\"hydra-mode-description\"\u003e\n            A stronger flow when you want\n            a more powerful clean.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- WATER --\u003e\n\n  \u003csection class=\"hydra-water\"\u003e\n\n    \u003cdiv class=\"hydra-container hydra-water-grid\"\u003e\n\n      \u003cdiv class=\"hydra-waves\"\u003e\n\n        \u003cdiv class=\"hydra-wave\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hydra-wave\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hydra-wave\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"hydra-eyebrow\"\u003e\n          Clean Feels Different\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"hydra-heading hydra-water-heading\"\u003e\n          Let water\u003cbr\u003e\n          \u003cem\u003eflow.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"hydra-water-text\"\u003e\n          A fresh approach to your daily ritual.\n          Powerful water. Effortless control.\n          A cleaner-feeling smile.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- HYDRA SYSTEM --\u003e\n\n  \u003csection class=\"hydra-system\"\u003e\n\n    \u003cdiv class=\"hydra-container hydra-system-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"hydra-eyebrow\"\u003e\n          One Device. More Possibilities.\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"hydra-heading\"\u003e\n          The\u003cbr\u003e\n          HYDRA\u003cbr\u003e\n          \u003cem\u003eSystem\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"hydra-copy hydra-system-copy\"\u003e\n          Choose the attachment that suits your\n          routine and make every clean your own.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"hydra-attachment\"\u003e\n\n          \u003cdiv class=\"hydra-attachment-icon\"\u003e\n            ╱\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cdiv class=\"hydra-attachment-name\"\u003e\n              Standard Jet Tip\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hydra-attachment-description\"\u003e\n              Everyday cleaning\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hydra-attachment\"\u003e\n\n          \u003cdiv class=\"hydra-attachment-icon\"\u003e\n            ╱\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cdiv class=\"hydra-attachment-name\"\u003e\n              Periodontal Tip\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hydra-attachment-description\"\u003e\n              Focused cleaning\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hydra-attachment\"\u003e\n\n          \u003cdiv class=\"hydra-attachment-icon\"\u003e\n            ▥\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cdiv class=\"hydra-attachment-name\"\u003e\n              Orthodontic Tip\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hydra-attachment-description\"\u003e\n              Braces \u0026amp; appliances\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hydra-attachment\"\u003e\n\n          \u003cdiv class=\"hydra-attachment-icon\"\u003e\n            ♧\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cdiv class=\"hydra-attachment-name\"\u003e\n              Tongue Cleaner\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hydra-attachment-description\"\u003e\n              Freshness ritual\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- WHY HYDRA --\u003e\n\n  \u003csection class=\"hydra-why\"\u003e\n\n    \u003cdiv class=\"hydra-container\"\u003e\n\n      \u003cdiv class=\"hydra-eyebrow\"\u003e\n        Why Choose HYDRA\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hydra-why-grid\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"hydra-why-icon\"\u003e\n            ◈\n          \u003c\/div\u003e\n\n          \u003ch3 class=\"hydra-why-title\"\u003e\n            PREMIUM DESIGN\n          \u003c\/h3\u003e\n\n          \u003cp class=\"hydra-why-text\"\u003e\n            A sleek, modern aesthetic for your\n            bathroom and beyond.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"hydra-why-icon\"\u003e\n            ◇\n          \u003c\/div\u003e\n\n          \u003ch3 class=\"hydra-why-title\"\u003e\n            GUM CARE\n          \u003c\/h3\u003e\n\n          \u003cp class=\"hydra-why-text\"\u003e\n            Helps clean between teeth and\n            along the gumline.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"hydra-why-icon\"\u003e\n            □\n          \u003c\/div\u003e\n\n          \u003ch3 class=\"hydra-why-title\"\u003e\n            TRAVEL READY\n          \u003c\/h3\u003e\n\n          \u003cp class=\"hydra-why-text\"\u003e\n            Lightweight, cordless and designed\n            for life on the go.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"hydra-why-icon\"\u003e\n            ≋\n          \u003c\/div\u003e\n\n          \u003ch3 class=\"hydra-why-title\"\u003e\n            FOUR MODES\n          \u003c\/h3\u003e\n\n          \u003cp class=\"hydra-why-text\"\u003e\n            Pulse, Soft, Normal and Power for\n            a personalised clean.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL BRAND --\u003e\n\n  \u003csection class=\"hydra-final\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cdiv class=\"hydra-eyebrow\"\u003e\n        The Oral Co.\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"hydra-final-title\"\u003e\n        OWN YOUR\u003cbr\u003e\n        \u003cspan\u003eSMILE.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"hydra-final-line\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"hydra-final-small\"\u003e\n        Premium Oral Care, Made Beautifully Simple.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":53835227693349,"sku":null,"price":799.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1018\/0188\/5989\/files\/TheOralCo.WaterFlossers.png?v=1789824563"}],"url":"https:\/\/theoralco.co.za\/collections\/frontpage.oembed","provider":"The Oral Co.","version":"1.0","type":"link"}