{"product_id":"hypochlorous-acid-spray","title":"Hypochlorous Acid Spray — Daily Rescue Facial Spray","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNootoria — Hypochlorous Acid Spray\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n\n\/* ═══════════════════════════════════════════════════════\n   NOOTORIA PDP v4\n   Font: Telegraf (via @font-face) + Poppins fallback\n   Palette: #0a0a0a · #141414 · #1e1e1e · #fff · #f6f6f4\n   Accent: #E8FF47 (yellow)\n   Philosophy: Apple-level whitespace, left-aligned, precise\n   ═══════════════════════════════════════════════════════ *\/\n\n@font-face {\n  font-family: 'Telegraf';\n  src: url('https:\/\/fonts.cdnfonts.com\/css\/telegraf') format('woff2');\n  font-weight: 400 800;\n  font-display: swap;\n}\n\n:root {\n  --ink:       #0a0a0a;\n  --ink2:      #141414;\n  --ink3:      #1e1e1e;\n  --ink4:      #2a2a2a;\n  --mid:       #555555;\n  --muted:     #999999;\n  --border:    #e8e8e8;\n  --border-dk: #2a2a2a;\n  --surface:   #f6f6f4;\n  --white:     #ffffff;\n  --yellow:    #E8FF47;\n  --yellow-bg: rgba(232,255,71,0.10);\n  --r-sm:  10px;\n  --r-md:  16px;\n  --r-lg:  22px;\n  --r-xl:  28px;\n  --r-pill:100px;\n  --font-head: 'Telegraf', 'Poppins', -apple-system, sans-serif;\n  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n  font-family: var(--font-body);\n  background: var(--white);\n  color: var(--ink);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  overflow-x: hidden;\n}\n\n\/* ─── MARQUEE ─── *\/\n.noo-marquee {\n  background: var(--ink);\n  overflow: hidden;\n  padding: 11px 0;\n  border-bottom: 1px solid var(--ink4);\n}\n.noo-marquee-inner {\n  display: flex;\n  width: max-content;\n  animation: ticker 30s linear infinite;\n}\n.noo-marquee:hover .noo-marquee-inner { animation-play-state: paused; }\n.noo-marquee-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 30px;\n  font-family: var(--font-body);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: #777;\n  white-space: nowrap;\n  border-right: 1px solid var(--ink4);\n}\n.noo-dot { width: 4px; height: 4px; background: var(--yellow); border-radius: 50%; flex-shrink: 0; }\n@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n\n\/* ─── LAYOUT ─── *\/\n.noo-wrap {\n  max-width: 480px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n\/* ─── EYEBROW ─── *\/\n.eyebrow {\n  font-family: var(--font-body);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--muted);\n  display: block;\n  margin-bottom: 10px;\n}\n.eyebrow--light { color: #555; }\n\n\/* ─── HEADINGS ─── *\/\n.h2 {\n  font-family: var(--font-head);\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: -0.03em;\n  line-height: 1.15;\n  color: var(--ink);\n}\n.h2--white { color: var(--white); }\n.h2--xl { font-size: 30px; }\n\n\/* ─── YELLOW HIGHLIGHT ─── *\/\n.hl {\n  background: var(--yellow);\n  color: var(--ink);\n  padding: 1px 5px 2px;\n  border-radius: 5px;\n  display: inline;\n  font-style: normal;\n}\n\n\/* ─── RULE ─── *\/\n.rule {\n  width: 24px; height: 2px;\n  background: var(--ink);\n  margin: 14px 0 24px;\n  border-radius: 2px;\n}\n.rule--white { background: var(--ink4); }\n.rule--yellow { background: var(--yellow); }\n\n\/* ─── BODY TEXT ─── *\/\n.body-text {\n  font-family: var(--font-body);\n  font-size: 14px;\n  line-height: 1.75;\n  color: var(--mid);\n}\n.body-text--white { color: #666; }\n\n\/* ═══════════════════════════════════════════\n   HERO SECTION\n   Left-aligned, star rating row, pill tags\n═══════════════════════════════════════════ *\/\n.hero {\n  background: var(--white);\n  padding: 48px 24px 52px;\n  max-width: 480px;\n  margin: 0 auto;\n}\n\n\/* Star rating row *\/\n.hero-rating {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 18px;\n}\n.hero-stars {\n  display: flex;\n  gap: 2px;\n}\n.star {\n  width: 14px; height: 14px;\n  fill: var(--ink);\n}\n.hero-rating-text {\n  font-family: var(--font-body);\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mid);\n}\n.hero-rating-text .hl {\n  font-size: 12px;\n  font-weight: 700;\n}\n.hero-rating-sep {\n  width: 1px; height: 12px;\n  background: var(--border);\n  flex-shrink: 0;\n}\n\n\/* Hero title *\/\n.hero-title {\n  font-family: var(--font-head);\n  font-size: 36px;\n  font-weight: 800;\n  letter-spacing: -0.04em;\n  line-height: 1.08;\n  color: var(--ink);\n  margin-bottom: 14px;\n}\n\n\/* Hero sub *\/\n.hero-sub {\n  font-family: var(--font-body);\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--mid);\n  line-height: 1.7;\n  margin-bottom: 28px;\n  max-width: 320px;\n}\n\n\/* Pill tags *\/\n.pill-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--ink);\n  color: #c0c0c0;\n  font-family: var(--font-body);\n  font-size: 10.5px;\n  font-weight: 600;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n  padding: 9px 15px;\n  border-radius: var(--r-pill);\n  white-space: nowrap;\n  transition: background 0.18s, color 0.18s;\n  cursor: default;\n}\n.pill:hover { background: var(--yellow); color: var(--ink); }\n.pill svg {\n  width: 11px; height: 11px;\n  stroke: currentColor; fill: none;\n  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\n  flex-shrink: 0;\n}\n\n\/* ═══════════════════════════════════════════\n   STATS BAR — dark gradient\n═══════════════════════════════════════════ *\/\n.stats {\n  background: linear-gradient(135deg, #0a0a0a 0%, #161616 60%, #0d0d0d 100%);\n  padding: 44px 24px;\n}\n.stats-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 30px 12px;\n  max-width: 340px;\n  margin: 0 auto;\n}\n.stat-num {\n  font-family: var(--font-head);\n  font-size: 36px;\n  font-weight: 800;\n  color: var(--white);\n  letter-spacing: -0.05em;\n  line-height: 1;\n  margin-bottom: 5px;\n}\n.stat-num em { color: var(--yellow); font-style: normal; }\n.stat-label {\n  font-family: var(--font-body);\n  font-size: 9.5px;\n  font-weight: 600;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: #444;\n}\n\n\/* ═══════════════════════════════════════════\n   BENEFITS — light surface, rounded top\n═══════════════════════════════════════════ *\/\n.benefits {\n  background: var(--surface);\n  padding: 52px 24px 56px;\n  border-radius: 24px 24px 0 0;\n  margin-top: -1px;\n}\n.benefits-inner { max-width: 480px; margin: 0 auto; }\n.benefits-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n  margin-top: 28px;\n}\n.b-card {\n  background: var(--white);\n  border-radius: var(--r-md);\n  padding: 20px 16px 18px;\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  box-shadow: 0 1px 8px rgba(0,0,0,0.05);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.b-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.09); }\n.b-icon {\n  width: 38px; height: 38px;\n  background: var(--ink);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 2px;\n  flex-shrink: 0;\n}\n.b-icon svg {\n  width: 18px; height: 18px;\n  stroke: var(--white); fill: none;\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n.b-title {\n  font-family: var(--font-head);\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ink);\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n}\n.b-desc {\n  font-family: var(--font-body);\n  font-size: 11.5px;\n  color: #999;\n  line-height: 1.6;\n}\n\n\/* ═══════════════════════════════════════════\n   HOW TO USE — white, rounded bottom\n═══════════════════════════════════════════ *\/\n.howto {\n  background: var(--white);\n  padding: 52px 24px 56px;\n  border-radius: 0 0 24px 24px;\n}\n.howto-inner { max-width: 480px; margin: 0 auto; }\n.steps { margin-top: 28px; }\n.step {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 18px 0;\n  border-bottom: 1px solid #f2f2f2;\n  opacity: 0;\n  transform: translateY(14px);\n  transition: opacity 0.5s ease, transform 0.5s ease;\n}\n.step.vis { opacity: 1; transform: translateY(0); }\n.step:last-child { border-bottom: none; }\n.step-num {\n  font-family: var(--font-head);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n  color: var(--white);\n  background: var(--ink);\n  width: 34px; height: 34px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.step-title {\n  font-family: var(--font-head);\n  font-size: 13.5px;\n  font-weight: 700;\n  color: var(--ink);\n  margin-bottom: 3px;\n  letter-spacing: -0.01em;\n}\n.step-desc {\n  font-family: var(--font-body);\n  font-size: 12.5px;\n  color: #999;\n  line-height: 1.65;\n}\n\n\/* ═══════════════════════════════════════════\n   REVIEWS — swipeable cards\n═══════════════════════════════════════════ *\/\n.reviews {\n  background: var(--surface);\n  padding: 52px 0 48px;\n  border-radius: 24px 24px 0 0;\n  margin-top: -1px;\n  overflow: hidden;\n}\n.reviews-head {\n  padding: 0 24px;\n  margin-bottom: 28px;\n  max-width: 480px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.stars-row {\n  display: flex;\n  align-items: center;\n  gap: 3px;\n  margin-bottom: 12px;\n}\n.stars-row .star { width: 16px; height: 16px; fill: var(--ink); }\n.reviews-sub {\n  font-family: var(--font-body);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--muted);\n  margin-top: 8px;\n}\n\n\/* Swipe track *\/\n.slider {\n  display: flex;\n  gap: 12px;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  -webkit-overflow-scrolling: touch;\n  padding: 4px 24px 16px;\n  scrollbar-width: none;\n  cursor: grab;\n}\n.slider:active { cursor: grabbing; }\n.slider::-webkit-scrollbar { display: none; }\n\n.r-card {\n  background: var(--white);\n  border-radius: var(--r-md);\n  padding: 22px 20px;\n  min-width: 272px;\n  max-width: 290px;\n  flex-shrink: 0;\n  scroll-snap-align: start;\n  box-shadow: 0 2px 14px rgba(0,0,0,0.06);\n  display: flex;\n  flex-direction: column;\n}\n.r-stars {\n  display: flex;\n  gap: 2px;\n  margin-bottom: 10px;\n}\n.r-stars .star { width: 12px; height: 12px; fill: var(--ink); }\n.r-quote {\n  font-family: var(--font-head);\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--ink);\n  line-height: 1.35;\n  margin-bottom: 10px;\n  letter-spacing: -0.01em;\n}\n.r-body {\n  font-family: var(--font-body);\n  font-size: 12.5px;\n  color: #888;\n  line-height: 1.7;\n  margin-bottom: 16px;\n  flex: 1;\n}\n.r-author {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 12px;\n}\n.r-avatar {\n  width: 32px; height: 32px;\n  background: var(--ink);\n  color: var(--white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-head);\n  font-size: 12px;\n  font-weight: 700;\n  flex-shrink: 0;\n}\n.r-name {\n  font-family: var(--font-body);\n  font-size: 12.5px;\n  font-weight: 700;\n  color: var(--ink);\n}\n.r-verified {\n  font-family: var(--font-body);\n  font-size: 10.5px;\n  color: var(--muted);\n  display: flex;\n  align-items: center;\n  gap: 3px;\n}\n.r-verified svg {\n  width: 10px; height: 10px;\n  stroke: var(--muted); fill: none;\n  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n.r-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.r-tag {\n  background: var(--surface);\n  color: #777;\n  font-family: var(--font-body);\n  font-size: 10.5px;\n  font-weight: 500;\n  padding: 5px 11px;\n  border-radius: var(--r-pill);\n  border: 1px solid #ebebeb;\n}\n\n\/* Dots *\/\n.slider-dots {\n  display: flex;\n  justify-content: center;\n  gap: 6px;\n  margin-top: 6px;\n  padding: 0 24px;\n}\n.sdot {\n  width: 6px; height: 6px;\n  background: #ccc;\n  border-radius: 50%;\n  transition: background 0.25s, width 0.25s;\n  cursor: pointer;\n  border: none;\n  padding: 0;\n}\n.sdot.on { background: var(--ink); width: 18px; border-radius: 3px; }\n\n\/* ═══════════════════════════════════════════\n   50+ USES — dark gradient\n═══════════════════════════════════════════ *\/\n.uses {\n  background: linear-gradient(155deg, #0a0a0a 0%, #181818 70%, #0f0f0f 100%);\n  padding: 52px 24px 56px;\n  border-radius: 0 0 24px 24px;\n}\n.uses-inner { max-width: 480px; margin: 0 auto; }\n.uses-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 24px;\n}\n.use-tag {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.09);\n  color: #888;\n  font-family: var(--font-body);\n  font-size: 11.5px;\n  font-weight: 500;\n  padding: 8px 14px;\n  border-radius: var(--r-pill);\n  letter-spacing: 0.02em;\n  transition: background 0.18s, color 0.18s, border-color 0.18s;\n  cursor: default;\n}\n.use-tag:hover {\n  background: var(--yellow-bg);\n  border-color: rgba(232,255,71,0.25);\n  color: var(--yellow);\n}\n.uses-more {\n  font-family: var(--font-body);\n  font-size: 11.5px;\n  color: #3a3a3a;\n  margin-top: 16px;\n  font-style: italic;\n}\n\n\/* ═══════════════════════════════════════════\n   SCIENCE — charcoal, card with yellow top bar\n═══════════════════════════════════════════ *\/\n.science {\n  background: var(--ink2);\n  padding: 52px 24px 56px;\n  border-radius: 24px 24px 0 0;\n  margin-top: -1px;\n}\n.science-inner { max-width: 480px; margin: 0 auto; }\n.sci-card {\n  background: var(--ink3);\n  border-radius: var(--r-lg);\n  padding: 26px 22px;\n  margin-top: 24px;\n  border: 1px solid var(--ink4);\n  position: relative;\n  overflow: hidden;\n}\n.sci-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 2px;\n  background: linear-gradient(90deg, var(--yellow) 0%, transparent 70%);\n}\n.sci-title {\n  font-family: var(--font-head);\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--white);\n  margin-bottom: 12px;\n  letter-spacing: -0.02em;\n}\n.sci-body {\n  font-family: var(--font-body);\n  font-size: 13.5px;\n  color: #666;\n  line-height: 1.78;\n}\n.sci-body strong { color: #bbb; font-weight: 600; }\n\n\/* ═══════════════════════════════════════════\n   PRODUCT DETAILS — white, rounded bottom\n═══════════════════════════════════════════ *\/\n.details {\n  background: var(--white);\n  padding: 52px 24px 56px;\n  border-radius: 0 0 24px 24px;\n}\n.details-inner { max-width: 480px; margin: 0 auto; }\n.details-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n  margin-top: 28px;\n}\n.details-col-label {\n  font-family: var(--font-body);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: #ccc;\n  margin-bottom: 14px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.details-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.details-list li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-family: var(--font-body);\n  font-size: 12.5px;\n  color: #555;\n  line-height: 1.4;\n}\n.details-list li::before {\n  content: '';\n  width: 4px; height: 4px;\n  background: var(--ink);\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n\/* ═══════════════════════════════════════════\n   TRUST — dark gradient, 2×2 cards\n═══════════════════════════════════════════ *\/\n.trust {\n  background: linear-gradient(160deg, #0a0a0a 0%, #141414 100%);\n  padding: 52px 24px 64px;\n  border-radius: 24px 24px 0 0;\n  margin-top: -1px;\n}\n.trust-inner { max-width: 480px; margin: 0 auto; }\n.trust-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n  margin-top: 28px;\n}\n.t-card {\n  background: rgba(255,255,255,0.03);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: var(--r-md);\n  padding: 22px 16px;\n  text-align: center;\n  transition: background 0.18s, border-color 0.18s;\n}\n.t-card:hover {\n  background: var(--yellow-bg);\n  border-color: rgba(232,255,71,0.18);\n}\n.t-icon {\n  width: 44px; height: 44px;\n  background: rgba(255,255,255,0.05);\n  border-radius: 50%;\n  margin: 0 auto 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.t-icon svg {\n  width: 20px; height: 20px;\n  stroke: var(--white); fill: none;\n  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\n}\n.t-title {\n  font-family: var(--font-head);\n  font-size: 12.5px;\n  font-weight: 700;\n  color: var(--white);\n  margin-bottom: 5px;\n  letter-spacing: -0.01em;\n}\n.t-desc {\n  font-family: var(--font-body);\n  font-size: 11px;\n  color: #444;\n  line-height: 1.55;\n}\n\n\/* ═══════════════════════════════════════════\n   SCROLL FADE-UP\n═══════════════════════════════════════════ *\/\n.fu {\n  opacity: 0;\n  transform: translateY(18px);\n  transition: opacity 0.55s ease, transform 0.55s ease;\n}\n.fu.vis { opacity: 1; transform: translateY(0); }\n\n\/* ═══════════════════════════════════════════\n   DESKTOP\n═══════════════════════════════════════════ *\/\n@media (min-width: 768px) {\n  .noo-wrap, .hero, .benefits-inner, .howto-inner,\n  .reviews-head, .uses-inner, .science-inner,\n  .details-inner, .trust-inner { max-width: 720px; }\n  .hero-title { font-size: 46px; }\n  .h2--xl { font-size: 34px; }\n  .benefits-grid { grid-template-columns: repeat(3, 1fr); }\n  .stats-grid { grid-template-columns: repeat(4, 1fr); max-width: 100%; }\n  .trust-grid { grid-template-columns: repeat(4, 1fr); }\n  .r-card { min-width: 310px; }\n}\n\n\u003c\/style\u003e\n\n\n\n\u003c!-- ══════════════════════════════════════\n     MARQUEE\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"noo-marquee\"\u003e\n  \u003cdiv class=\"noo-marquee-inner\"\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eCalms Breakouts\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eSoothes Flare-Ups\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eReduces Redness\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eFragrance-Free\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eDermatologist Tested\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eAll Skin Types\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eFast-Acting Relief\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eCruelty-Free\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eCalms Breakouts\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eSoothes Flare-Ups\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eReduces Redness\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eFragrance-Free\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eDermatologist Tested\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eAll Skin Types\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eFast-Acting Relief\u003c\/div\u003e\n    \u003cdiv class=\"noo-marquee-item\"\u003e\n\u003cspan class=\"noo-dot\"\u003e\u003c\/span\u003eCruelty-Free\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     HERO — left-aligned\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"hero\"\u003e\n\n  \u003c!-- Star rating row --\u003e\n  \u003cdiv class=\"hero-rating\"\u003e\n    \u003cdiv class=\"hero-stars\"\u003e\n      \u003c!-- 4 full stars + 1 ~90% filled star --\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\" style=\"fill:url(#partialFill)\"\u003e\n        \u003cdefs\u003e\n          \u003clineargradient id=\"partialFill\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\"\u003e\n            \u003cstop offset=\"89%\" stop-color=\"#0a0a0a\"\u003e\u003c\/stop\u003e\n            \u003cstop offset=\"89%\" stop-color=\"#d0d0d0\"\u003e\u003c\/stop\u003e\n          \u003c\/lineargradient\u003e\n        \u003c\/defs\u003e\n        \u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-rating-sep\"\u003e\u003c\/div\u003e\n    \u003cspan class=\"hero-rating-text\"\u003e4.89  |  3,744+ \u003cspan class=\"hl\"\u003eVerified Reviews\u003c\/span\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Brand label --\u003e\n  \u003cspan class=\"eyebrow\"\u003eNootoria Skincare\u003c\/span\u003e\n\n  \u003c!-- Main title --\u003e\n  \u003ch1 class=\"hero-title\"\u003eYour All-In-One\u003cbr\u003e\u003cspan class=\"hl\"\u003eSkin Rescue.\u003c\/span\u003e\n\u003c\/h1\u003e\n\n  \u003c!-- Sub --\u003e\n  \u003cp class=\"hero-sub\"\u003eOne daily spray. Over 50 skin concerns addressed. Science-backed. Fragrance-free.\u003c\/p\u003e\n\n  \u003c!-- Pills --\u003e\n  \u003cdiv class=\"pill-row\"\u003e\n    \u003cspan class=\"pill\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      Calms Breakouts\n    \u003c\/span\u003e\n    \u003cspan class=\"pill\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2\"\u003e\u003c\/path\u003e\u003cline x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\u003e\u003c\/line\u003e\u003cline x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n      Soothes Flare-Ups\n    \u003c\/span\u003e\n    \u003cspan class=\"pill\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n      Reduces Redness\n    \u003c\/span\u003e\n    \u003cspan class=\"pill\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      Fragrance-Free\n    \u003c\/span\u003e\n    \u003cspan class=\"pill\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      All Skin Types\n    \u003c\/span\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     STATS\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"stats\"\u003e\n  \u003cdiv class=\"stats-grid\" style=\"max-width:480px;margin:0 auto;\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"stat-num\"\u003e\n\u003cem\u003e50\u003c\/em\u003e+\u003c\/div\u003e\n      \u003cdiv class=\"stat-label\"\u003eSkin Concerns\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"stat-num\"\u003e60\u003cem\u003eml\u003c\/em\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"stat-label\"\u003ePer Bottle\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"stat-num\"\u003eHO\u003cem\u003eCl\u003c\/em\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"stat-label\"\u003eActive Molecule\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"stat-num\"\u003e\u003cem\u003e0\u003c\/em\u003e\u003c\/div\u003e\n      \u003cdiv class=\"stat-label\"\u003eHarsh Chemicals\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     BENEFITS\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"benefits\"\u003e\n  \u003cdiv class=\"benefits-inner fu\"\u003e\n    \u003cspan class=\"eyebrow\"\u003eWhat It Does\u003c\/span\u003e\n    \u003ch2 class=\"h2 h2--xl\"\u003e6 Ways It \u003cspan class=\"hl\"\u003eWorks\u003c\/span\u003e\u003cbr\u003eFor Your Skin.\u003c\/h2\u003e\n    \u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"benefits-grid\"\u003e\n      \u003cdiv class=\"b-card fu\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan class=\"b-title\"\u003eCalms Breakouts\u003c\/span\u003e\n        \u003cspan class=\"b-desc\"\u003eNeutralises acne-causing bacteria on contact without stripping skin.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"b-card fu\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 14s1.5 2 4 2 4-2 4-2\"\u003e\u003c\/path\u003e\u003cline x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\u003e\u003c\/line\u003e\u003cline x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan class=\"b-title\"\u003eSoothes Flare-Ups\u003c\/span\u003e\n        \u003cspan class=\"b-desc\"\u003eReduces eczema, rosacea \u0026amp; psoriasis inflammation fast.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"b-card fu\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan class=\"b-title\"\u003eReduces Redness\u003c\/span\u003e\n        \u003cspan class=\"b-desc\"\u003eVisibly calms reactive, irritated skin within minutes.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"b-card fu\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan class=\"b-title\"\u003eRelieves Irritation\u003c\/span\u003e\n        \u003cspan class=\"b-desc\"\u003eSafe for post-laser, post-wax \u0026amp; compromised skin.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"b-card fu\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan class=\"b-title\"\u003eFragrance-Free\u003c\/span\u003e\n        \u003cspan class=\"b-desc\"\u003eZero artificial scents, dyes or irritants. Pure formula only.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"b-card fu\"\u003e\n        \u003cdiv class=\"b-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cspan class=\"b-title\"\u003eAll Skin Types\u003c\/span\u003e\n        \u003cspan class=\"b-desc\"\u003eClinically tested. Oily, dry, combination \u0026amp; sensitive.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     HOW TO USE\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"howto\"\u003e\n  \u003cdiv class=\"howto-inner fu\"\u003e\n    \u003cspan class=\"eyebrow\"\u003eApplication\u003c\/span\u003e\n    \u003ch2 class=\"h2 h2--xl\"\u003eHow To \u003cspan class=\"hl\"\u003eUse\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n    \u003col class=\"steps\"\u003e\n      \u003cli class=\"step\"\u003e\n        \u003cspan class=\"step-num\"\u003e01\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"step-title\"\u003eCleanse your skin\u003c\/div\u003e\n          \u003cdiv class=\"step-desc\"\u003eUse your regular cleanser as normal. Pat dry gently with a clean towel.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"step\"\u003e\n        \u003cspan class=\"step-num\"\u003e02\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"step-title\"\u003eHold \u0026amp; mist\u003c\/div\u003e\n          \u003cdiv class=\"step-desc\"\u003eHold bottle 15–20cm from face. Spray 2–3 times evenly across skin.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"step\"\u003e\n        \u003cspan class=\"step-num\"\u003e03\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"step-title\"\u003eLet it absorb\u003c\/div\u003e\n          \u003cdiv class=\"step-desc\"\u003eNo rinsing needed. Allow to fully absorb — takes seconds.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"step\"\u003e\n        \u003cspan class=\"step-num\"\u003e04\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"step-title\"\u003eFollow with moisturiser\u003c\/div\u003e\n          \u003cdiv class=\"step-desc\"\u003eContinue your usual routine. Use morning and\/or evening daily.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n    \u003c\/ol\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     REVIEWS — swipeable\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"reviews\"\u003e\n  \u003cdiv class=\"reviews-head fu\"\u003e\n    \u003cdiv class=\"stars-row\"\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ch2 class=\"h2 h2--xl\"\u003eReal Results.\u003cbr\u003e\u003cspan class=\"hl\"\u003eReal Skin.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"reviews-sub\"\u003eVerified Customer Reviews\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"slider\" id=\"revSlider\"\u003e\n    \u003cdiv class=\"r-card\"\u003e\n      \u003cdiv class=\"r-stars\"\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"r-quote\"\u003e\"My rosacea is finally under control.\"\u003c\/div\u003e\n      \u003cdiv class=\"r-body\"\u003eI've struggled with rosacea for years. This is the only product that actually calms my skin without causing more irritation. I use it every single morning — it's become non-negotiable.\u003c\/div\u003e\n      \u003cdiv class=\"r-author\"\u003e\n        \u003cdiv class=\"r-avatar\"\u003eS\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"r-name\"\u003eSarah M.\u003c\/div\u003e\n          \u003cdiv class=\"r-verified\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eVerified Customer\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"r-tags\"\u003e\n\u003cspan class=\"r-tag\"\u003eRosacea Relief\u003c\/span\u003e\u003cspan class=\"r-tag\"\u003eDaily Use\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"r-card\"\u003e\n      \u003cdiv class=\"r-stars\"\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"r-quote\"\u003e\"Cleared my breakouts in 3 days.\"\u003c\/div\u003e\n      \u003cdiv class=\"r-body\"\u003eI was sceptical but tried it after seeing it everywhere. Within 3 days my active breakouts had calmed down significantly. Skin feels cleaner and less reactive. Genuinely shocked.\u003c\/div\u003e\n      \u003cdiv class=\"r-author\"\u003e\n        \u003cdiv class=\"r-avatar\"\u003eJ\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"r-name\"\u003eJames T.\u003c\/div\u003e\n          \u003cdiv class=\"r-verified\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eVerified Customer\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"r-tags\"\u003e\n\u003cspan class=\"r-tag\"\u003eAcne-Prone\u003c\/span\u003e\u003cspan class=\"r-tag\"\u003eFast Results\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"r-card\"\u003e\n      \u003cdiv class=\"r-stars\"\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"r-quote\"\u003e\"Nothing else comes close.\"\u003c\/div\u003e\n      \u003cdiv class=\"r-body\"\u003ePost-laser my skin was a mess. My dermatologist recommended HOCl and this is the best one I've tried. Gentle, effective, no sting. My skin healed so much faster than expected.\u003c\/div\u003e\n      \u003cdiv class=\"r-author\"\u003e\n        \u003cdiv class=\"r-avatar\"\u003eL\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"r-name\"\u003eLauren K.\u003c\/div\u003e\n          \u003cdiv class=\"r-verified\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eVerified Customer\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"r-tags\"\u003e\n\u003cspan class=\"r-tag\"\u003ePost-Procedure\u003c\/span\u003e\u003cspan class=\"r-tag\"\u003eSensitive Skin\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"r-card\"\u003e\n      \u003cdiv class=\"r-stars\"\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003csvg class=\"star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"r-quote\"\u003e\"My eczema hasn't flared in weeks.\"\u003c\/div\u003e\n      \u003cdiv class=\"r-body\"\u003eI spray it on whenever I feel a flare coming on. It stops it in its tracks. No more steroid creams, no more red patches. This is the most underrated skincare product out there.\u003c\/div\u003e\n      \u003cdiv class=\"r-author\"\u003e\n        \u003cdiv class=\"r-avatar\"\u003eM\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"r-name\"\u003eMaya R.\u003c\/div\u003e\n          \u003cdiv class=\"r-verified\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eVerified Customer\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"r-tags\"\u003e\n\u003cspan class=\"r-tag\"\u003eEczema\u003c\/span\u003e\u003cspan class=\"r-tag\"\u003eFlare Control\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"slider-dots\" id=\"revDots\"\u003e\n    \u003cbutton class=\"sdot on\" data-i=\"0\"\u003e\u003c\/button\u003e\n    \u003cbutton class=\"sdot\" data-i=\"1\"\u003e\u003c\/button\u003e\n    \u003cbutton class=\"sdot\" data-i=\"2\"\u003e\u003c\/button\u003e\n    \u003cbutton class=\"sdot\" data-i=\"3\"\u003e\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     50+ USES\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"uses\"\u003e\n  \u003cdiv class=\"uses-inner fu\"\u003e\n    \u003cspan class=\"eyebrow eyebrow--light\"\u003eVersatility\u003c\/span\u003e\n    \u003ch2 class=\"h2 h2--xl h2--white\"\u003eOne Spray.\u003cbr\u003e\u003cspan class=\"hl\"\u003e50+ Uses.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"rule rule--yellow\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"uses-tags\"\u003e\n      \u003cspan class=\"use-tag\"\u003eBreakouts\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eFlare-Ups\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eRedness\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eRashes\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eEczema\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eRosacea\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003ePsoriasis\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eDry Skin\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eSunburns\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eBug Bites\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003ePost-Workout\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003ePost-Shave\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eAfter Waxing\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eCuts \u0026amp; Scrapes\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eMaskne\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eIngrown Hairs\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eChafing\u003c\/span\u003e\n      \u003cspan class=\"use-tag\"\u003eRazor Burn\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"uses-more\"\u003e...and so much more.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     SCIENCE\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"science\"\u003e\n  \u003cdiv class=\"science-inner fu\"\u003e\n    \u003cspan class=\"eyebrow eyebrow--light\"\u003eThe Science\u003c\/span\u003e\n    \u003ch2 class=\"h2 h2--xl h2--white\"\u003eWhy \u003cspan class=\"hl\"\u003eHypochlorous\u003c\/span\u003e\u003cbr\u003eAcid Works.\u003c\/h2\u003e\n    \u003cdiv class=\"rule rule--white\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sci-card\"\u003e\n      \u003cdiv class=\"sci-title\"\u003eHypochlorous Acid (HOCl)\u003c\/div\u003e\n      \u003cdiv class=\"sci-body\"\u003eHOCl is a molecule \u003cstrong\u003enaturally produced by your own immune system\u003c\/strong\u003e to fight bacteria and inflammation. Stabilised in our precision formula, it delivers the same cellular-level response — calming irritation, neutralising bacteria, and accelerating skin recovery. \u003cstrong\u003eNo alcohol. No harsh actives. Just pure science.\u003c\/strong\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     PRODUCT DETAILS\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"details\"\u003e\n  \u003cdiv class=\"details-inner fu\"\u003e\n    \u003cspan class=\"eyebrow\"\u003eProduct Info\u003c\/span\u003e\n    \u003ch2 class=\"h2 h2--xl\"\u003eWhat's \u003cspan class=\"hl\"\u003eInside.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"details-grid\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"details-col-label\"\u003eProduct Details\u003c\/div\u003e\n        \u003cul class=\"details-list\"\u003e\n          \u003cli\u003e60ml \/ 2 fl.oz\u003c\/li\u003e\n          \u003cli\u003eFragrance-free\u003c\/li\u003e\n          \u003cli\u003eParaben-free\u003c\/li\u003e\n          \u003cli\u003eAlcohol-free\u003c\/li\u003e\n          \u003cli\u003eDermatologist tested\u003c\/li\u003e\n          \u003cli\u003eCruelty-free\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"details-col-label\"\u003eSuitable For\u003c\/div\u003e\n        \u003cul class=\"details-list\"\u003e\n          \u003cli\u003eAll skin types\u003c\/li\u003e\n          \u003cli\u003eSensitive skin\u003c\/li\u003e\n          \u003cli\u003eAcne-prone skin\u003c\/li\u003e\n          \u003cli\u003ePost-procedure\u003c\/li\u003e\n          \u003cli\u003eEczema \u0026amp; rosacea\u003c\/li\u003e\n          \u003cli\u003eDaily use\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     TRUST\n══════════════════════════════════════ --\u003e\n\u003cdiv class=\"trust\"\u003e\n  \u003cdiv class=\"trust-inner fu\"\u003e\n    \u003cspan class=\"eyebrow eyebrow--light\"\u003eWhy Nootoria\u003c\/span\u003e\n    \u003ch2 class=\"h2 h2--xl h2--white\"\u003eYou Can Trust\u003cbr\u003e\u003cspan class=\"hl\"\u003eWhat's On Your Skin.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"rule rule--yellow\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"trust-grid\"\u003e\n      \u003cdiv class=\"t-card\"\u003e\n        \u003cdiv class=\"t-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"t-title\"\u003eDermatologist Tested\u003c\/div\u003e\n        \u003cdiv class=\"t-desc\"\u003eClinically assessed for all skin types.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"t-card\"\u003e\n        \u003cdiv class=\"t-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"t-title\"\u003eClean Formula\u003c\/div\u003e\n        \u003cdiv class=\"t-desc\"\u003eFree from fragrance, parabens \u0026amp; alcohol.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"t-card\"\u003e\n        \u003cdiv class=\"t-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"t-title\"\u003eFast-Acting\u003c\/div\u003e\n        \u003cdiv class=\"t-desc\"\u003eVisible calming within minutes of use.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"t-card\"\u003e\n        \u003cdiv class=\"t-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"t-title\"\u003eCruelty-Free\u003c\/div\u003e\n        \u003cdiv class=\"t-desc\"\u003eNever tested on animals. Ever.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ══════════════════════════════════════\n     JS\n══════════════════════════════════════ --\u003e\n\u003cscript\u003e\n(function(){\n  \/* Scroll fade-up *\/\n  var fuEls = document.querySelectorAll('.fu');\n  var stepEls = document.querySelectorAll('.step');\n  function checkVis(){\n    var wh = window.innerHeight;\n    fuEls.forEach(function(el){\n      if(el.getBoundingClientRect().top \u003c wh - 50) el.classList.add('vis');\n    });\n    stepEls.forEach(function(el,i){\n      if(el.getBoundingClientRect().top \u003c wh - 30){\n        setTimeout(function(){ el.classList.add('vis'); }, i * 90);\n      }\n    });\n  }\n  window.addEventListener('scroll', checkVis, {passive:true});\n  checkVis();\n\n  \/* Review slider *\/\n  var slider = document.getElementById('revSlider');\n  var dots = document.querySelectorAll('#revDots .sdot');\n  if(slider \u0026\u0026 dots.length){\n    function updateDots(){\n      var cw = slider.querySelector('.r-card').offsetWidth + 12;\n      var idx = Math.round(slider.scrollLeft \/ cw);\n      dots.forEach(function(d,i){ d.classList.toggle('on', i===idx); });\n    }\n    slider.addEventListener('scroll', updateDots, {passive:true});\n    dots.forEach(function(d){\n      d.addEventListener('click', function(){\n        var idx = parseInt(d.getAttribute('data-i'));\n        var cw = slider.querySelector('.r-card').offsetWidth + 12;\n        slider.scrollTo({left: idx * cw, behavior:'smooth'});\n      });\n    });\n    \/* Drag on desktop *\/\n    var down=false, sx, sl;\n    slider.addEventListener('mousedown',function(e){ down=true; sx=e.pageX-slider.offsetLeft; sl=slider.scrollLeft; });\n    slider.addEventListener('mouseleave',function(){ down=false; });\n    slider.addEventListener('mouseup',function(){ down=false; });\n    slider.addEventListener('mousemove',function(e){\n      if(!down) return; e.preventDefault();\n      slider.scrollLeft = sl - (e.pageX - slider.offsetLeft - sx) * 1.4;\n    });\n  }\n})();\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"Nootoria","offers":[{"title":"Default Title","offer_id":49001949921531,"sku":null,"price":34.99,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0818\/4659\/9931\/files\/tVsAClCNSHCjaOmp.webp?v=1782195333","url":"https:\/\/nootoria.com\/products\/hypochlorous-acid-spray","provider":"Nootoria","version":"1.0","type":"link"}