{"title":"You Might Like !","description":null,"products":[{"product_id":"hyloherb™-order-glowtoothbrush-organizer","title":"HyloHerb™The Garment Refresh(Lint Remover)","description":"\u003cstyle\u003e\n\/* =========================================================\n   HYLOHERB™ — THE GARMENT REFRESH\n   PREMIUM TAN \/ WHEAT PRODUCT EXPERIENCE\n   ========================================================= *\/\n\n.hylo-garment {\n  --tan: #b89570;\n  --tan-dark: #8c6948;\n  --wheat: #e5d0b2;\n  --wheat-light: #f3e6d2;\n  --cream: #faf7f1;\n  --ivory: #fffdf9;\n  --brown: #33271e;\n  --brown-soft: #665447;\n  --line: rgba(105,76,48,.14);\n\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\",\n  Arial, sans-serif;\n\n  background:\n    radial-gradient(circle at 10% 10%, rgba(229,208,178,.45), transparent 30%),\n    radial-gradient(circle at 90% 40%, rgba(184,149,112,.18), transparent 30%),\n    var(--cream);\n\n  color: var(--brown);\n  overflow: hidden;\n  position: relative;\n}\n\n.hylo-garment * {\n  box-sizing: border-box;\n}\n\n\/* =========================================================\n   GLOBAL\n   ========================================================= *\/\n\n.hg-container {\n  width: min(1180px, calc(100% - 40px));\n  margin: auto;\n}\n\n.hg-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 15px;\n\n  border: 1px solid var(--line);\n  background: rgba(255,255,255,.7);\n  backdrop-filter: blur(12px);\n\n  border-radius: 999px;\n\n  color: var(--tan-dark);\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n\n  box-shadow: 0 10px 30px rgba(76,52,34,.06);\n}\n\n.hg-section-label {\n  color: var(--tan-dark);\n  text-transform: uppercase;\n  font-size: 11px;\n  letter-spacing: 2.5px;\n  font-weight: 700;\n  margin-bottom: 13px;\n}\n\n.hg-title {\n  font-size: clamp(42px, 6vw, 76px);\n  line-height: .96;\n  letter-spacing: -4px;\n  margin: 0;\n  font-weight: 700;\n}\n\n.hg-title span {\n  color: var(--tan-dark);\n}\n\n.hg-text {\n  color: var(--brown-soft);\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.hg-hero {\n  min-height: 720px;\n\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n\n  gap: 70px;\n\n  padding: 75px 0 80px;\n\n  position: relative;\n}\n\n.hg-hero-copy {\n  animation: hgReveal .9s ease both;\n}\n\n.hg-hero-copy .hg-eyebrow {\n  margin-bottom: 25px;\n}\n\n.hg-hero-copy h1 {\n  margin-bottom: 25px;\n}\n\n.hg-hero-copy .hg-text {\n  max-width: 590px;\n  margin: 0 0 30px;\n}\n\n\/* PRODUCT VISUAL *\/\n\n.hg-product-stage {\n  min-height: 540px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  position: relative;\n\n  animation: hgProductReveal 1.1s ease .15s both;\n}\n\n.hg-product-aura {\n  width: 450px;\n  height: 450px;\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      #fffdf9 0%,\n      var(--wheat-light) 45%,\n      #d5b58f 100%\n    );\n\n  box-shadow:\n    0 45px 100px rgba(83,58,37,.14),\n    inset 0 0 80px rgba(255,255,255,.8);\n\n  animation: hgFloat 6s ease-in-out infinite;\n}\n\n\/*\n   PRODUCT PLACEHOLDER\n   Replace this with your real product image.\n*\/\n\n.hg-product {\n  width: 280px;\n  height: 380px;\n\n  position: relative;\n  z-index: 3;\n\n  border-radius: 42px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #e4cfb1,\n      #c19b70 55%,\n      #a77f58\n    );\n\n  transform: rotate(-6deg);\n\n  box-shadow:\n    30px 35px 55px rgba(58,39,24,.25),\n    inset 10px 10px 25px rgba(255,255,255,.35),\n    inset -10px -15px 25px rgba(75,48,27,.15);\n\n  animation: hgProductFloat 6s ease-in-out infinite;\n}\n\n.hg-product::before {\n  content: \"HyloHerb™\";\n\n  position: absolute;\n\n  left: 0;\n  right: 0;\n\n  top: 44%;\n\n  text-align: center;\n\n  color: rgba(255,255,255,.9);\n\n  font-size: 21px;\n  font-weight: 600;\n  letter-spacing: 2px;\n}\n\n.hg-product::after {\n  content: \"THE GARMENT REFRESH\";\n\n  position: absolute;\n\n  left: 0;\n  right: 0;\n\n  top: 52%;\n\n  text-align: center;\n\n  color: rgba(255,255,255,.7);\n\n  font-size: 7px;\n  letter-spacing: 2.2px;\n}\n\n\/* FLOATING LABELS *\/\n\n.hg-floating {\n  position: absolute;\n  z-index: 5;\n\n  padding: 14px 18px;\n\n  background: rgba(255,253,249,.9);\n  backdrop-filter: blur(18px);\n\n  border: 1px solid rgba(255,255,255,.8);\n\n  border-radius: 17px;\n\n  box-shadow: 0 18px 40px rgba(72,48,29,.12);\n\n  font-size: 12px;\n  font-weight: 700;\n\n  animation: hgBadge 5s ease-in-out infinite;\n}\n\n.hg-floating.one {\n  top: 75px;\n  right: 10px;\n}\n\n.hg-floating.two {\n  bottom: 70px;\n  left: 5px;\n\n  animation-delay: -2s;\n}\n\n\/* CTA *\/\n\n.hg-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n\n  padding: 18px 28px;\n\n  background: var(--brown);\n  color: #fff !important;\n\n  text-decoration: none;\n\n  border-radius: 999px;\n\n  font-size: 14px;\n  font-weight: 700;\n\n  box-shadow: 0 18px 35px rgba(51,39,30,.2);\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease,\n    background .35s ease;\n}\n\n.hg-button:hover {\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 25px 50px rgba(51,39,30,.28);\n\n  background: #201812;\n}\n\n.hg-button span {\n  transition: transform .3s ease;\n}\n\n.hg-button:hover span {\n  transform: translateX(5px);\n}\n\n\/* MINI TRUST *\/\n\n.hg-trust {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px;\n\n  margin-top: 23px;\n\n  color: #77695c;\n\n  font-size: 12px;\n}\n\n.hg-trust div {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n}\n\n\/* =========================================================\n   BENEFITS BAR\n   ========================================================= *\/\n\n.hg-benefit-bar {\n  background: var(--brown);\n  color: white;\n\n  padding: 18px 0;\n\n  position: relative;\n  z-index: 4;\n}\n\n.hg-benefit-bar-inner {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 20px;\n}\n\n.hg-mini-benefit {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  font-size: 12px;\n  letter-spacing: .3px;\n\n  text-align: center;\n}\n\n.hg-mini-benefit strong {\n  color: var(--wheat);\n}\n\n\/* =========================================================\n   PROBLEM → SOLUTION\n   ========================================================= *\/\n\n.hg-problem {\n  padding: 110px 0 90px;\n}\n\n.hg-problem-grid {\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  align-items: center;\n  gap: 80px;\n}\n\n.hg-problem-card {\n  padding: 50px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ead7bc,\n      #d2b18a\n    );\n\n  border-radius: 35px;\n\n  min-height: 450px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  box-shadow: 0 30px 70px rgba(76,51,31,.12);\n\n  position: relative;\n  overflow: hidden;\n}\n\n.hg-problem-card::before {\n  content: \"BEFORE\";\n\n  position: absolute;\n\n  top: 30px;\n  left: 30px;\n\n  font-size: 10px;\n  letter-spacing: 2px;\n  font-weight: 700;\n\n  color: rgba(51,39,30,.55);\n}\n\n.hg-problem-card::after {\n  content: \"✦\";\n\n  position: absolute;\n\n  right: -30px;\n  top: 25px;\n\n  font-size: 190px;\n\n  color: rgba(255,255,255,.18);\n}\n\n.hg-problem-card h3 {\n  font-size: 29px;\n  line-height: 1.1;\n  max-width: 340px;\n  margin: 0 0 15px;\n}\n\n.hg-problem-card p {\n  max-width: 390px;\n\n  line-height: 1.65;\n\n  color: rgba(51,39,30,.72);\n}\n\n.hg-solution h2 {\n  font-size: clamp(34px,4vw,55px);\n  line-height: 1;\n  letter-spacing: -2px;\n  margin: 0 0 22px;\n}\n\n.hg-solution h2 span {\n  color: var(--tan-dark);\n}\n\n.hg-check-list {\n  margin: 30px 0 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n.hg-check-list li {\n  display: flex;\n  gap: 13px;\n\n  margin-bottom: 18px;\n\n  color: var(--brown-soft);\n\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n.hg-check {\n  flex: 0 0 27px;\n\n  width: 27px;\n  height: 27px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--wheat);\n\n  color: var(--tan-dark);\n\n  font-size: 12px;\n}\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.hg-benefits-section {\n  padding: 90px 0 110px;\n\n  background: #f0e4d4;\n}\n\n.hg-center-heading {\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto 55px;\n}\n\n.hg-center-heading h2 {\n  font-size: clamp(36px,4vw,55px);\n  line-height: 1;\n  letter-spacing: -2px;\n  margin: 0 0 18px;\n}\n\n.hg-center-heading h2 span {\n  color: var(--tan-dark);\n}\n\n.hg-benefit-grid {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 18px;\n}\n\n.hg-benefit-card {\n  padding: 32px;\n\n  background: rgba(255,253,249,.82);\n\n  border: 1px solid rgba(105,76,48,.1);\n\n  border-radius: 25px;\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n.hg-benefit-card:hover {\n  transform: translateY(-9px);\n\n  box-shadow:\n    0 25px 55px rgba(73,49,29,.11);\n}\n\n.hg-benefit-icon {\n  width: 52px;\n  height: 52px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 17px;\n\n  background: var(--wheat-light);\n\n  font-size: 21px;\n\n  margin-bottom: 22px;\n}\n\n.hg-benefit-card h3 {\n  font-size: 19px;\n  margin: 0 0 10px;\n}\n\n.hg-benefit-card p {\n  color: #75675a;\n  line-height: 1.65;\n  font-size: 14px;\n  margin: 0;\n}\n\n\/* =========================================================\n   WHAT IT CAN DO\n   ========================================================= *\/\n\n.hg-features {\n  padding: 110px 0;\n}\n\n.hg-feature-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n\n  gap: 20px;\n\n  margin-top: 55px;\n}\n\n.hg-feature {\n  min-height: 230px;\n\n  padding: 35px;\n\n  border-radius: 27px;\n\n  background: var(--ivory);\n\n  border: 1px solid var(--line);\n\n  position: relative;\n\n  overflow: hidden;\n\n  transition: .4s ease;\n}\n\n.hg-feature:hover {\n  transform: translateY(-6px);\n\n  box-shadow:\n    0 25px 55px rgba(65,43,25,.09);\n}\n\n.hg-feature-number {\n  position: absolute;\n\n  top: 20px;\n  right: 25px;\n\n  font-size: 45px;\n  font-weight: 700;\n\n  color: rgba(184,149,112,.12);\n}\n\n.hg-feature h3 {\n  margin: 35px 0 10px;\n\n  font-size: 21px;\n}\n\n.hg-feature p {\n  color: #75675a;\n  line-height: 1.65;\n  font-size: 14px;\n  max-width: 430px;\n}\n\n\/* =========================================================\n   HOW IT WORKS\n   ========================================================= *\/\n\n.hg-how {\n  padding: 90px 0 110px;\n}\n\n.hg-how-box {\n  background: var(--brown);\n\n  color: white;\n\n  border-radius: 38px;\n\n  padding: 70px;\n\n  position: relative;\n\n  overflow: hidden;\n}\n\n.hg-how-box::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  right: -200px;\n  top: -220px;\n\n  border-radius: 50%;\n\n  background: var(--tan);\n\n  opacity: .13;\n\n  filter: blur(20px);\n}\n\n.hg-how-title {\n  position: relative;\n  z-index: 2;\n\n  max-width: 620px;\n\n  margin-bottom: 55px;\n}\n\n.hg-how-title .hg-section-label {\n  color: var(--wheat);\n}\n\n.hg-how-title h2 {\n  font-size: clamp(36px,4vw,55px);\n  line-height: 1;\n  letter-spacing: -2px;\n  margin: 0;\n}\n\n.hg-how-title h2 span {\n  color: var(--wheat);\n}\n\n.hg-steps {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 35px;\n\n  position: relative;\n  z-index: 2;\n}\n\n.hg-step {\n  border-top: 1px solid rgba(255,255,255,.2);\n  padding-top: 25px;\n}\n\n.hg-step-number {\n  font-size: 12px;\n  color: var(--wheat);\n\n  letter-spacing: 2px;\n  font-weight: 700;\n\n  margin-bottom: 25px;\n}\n\n.hg-step h3 {\n  margin: 0 0 10px;\n\n  font-size: 20px;\n}\n\n.hg-step p {\n  margin: 0;\n\n  color: rgba(255,255,255,.62);\n\n  line-height: 1.65;\n\n  font-size: 14px;\n}\n\n\/* =========================================================\n   EMOTIONAL SECTION\n   ========================================================= *\/\n\n.hg-emotional {\n  padding: 100px 20px;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at center,\n      #ead7bd,\n      #f8f2e9 60%\n    );\n}\n\n.hg-emotional h2 {\n  max-width: 850px;\n\n  margin: auto;\n\n  font-size: clamp(36px,5vw,65px);\n\n  line-height: 1;\n\n  letter-spacing: -3px;\n}\n\n.hg-emotional h2 span {\n  color: var(--tan-dark);\n}\n\n.hg-emotional p {\n  max-width: 600px;\n\n  margin: 25px auto 30px;\n\n  color: #6d5d4f;\n\n  line-height: 1.7;\n}\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.hg-faq {\n  padding: 100px 0;\n}\n\n.hg-faq-list {\n  max-width: 760px;\n  margin: 45px auto 0;\n}\n\n.hg-faq-item {\n  border-bottom: 1px solid var(--line);\n}\n\n.hg-faq-item summary {\n  cursor: pointer;\n\n  padding: 23px 5px;\n\n  list-style: none;\n\n  font-weight: 700;\n\n  font-size: 16px;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.hg-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.hg-faq-item summary::after {\n  content: \"+\";\n\n  font-size: 22px;\n\n  color: var(--tan-dark);\n\n  transition: transform .3s ease;\n}\n\n.hg-faq-item[open] summary::after {\n  transform: rotate(45deg);\n}\n\n.hg-faq-answer {\n  padding: 0 5px 22px;\n\n  color: #75675a;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.hg-final {\n  padding: 100px 20px 110px;\n\n  text-align: center;\n\n  background: var(--brown);\n\n  color: white;\n\n  position: relative;\n\n  overflow: hidden;\n}\n\n.hg-final::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  background: var(--tan);\n\n  border-radius: 50%;\n\n  opacity: .12;\n\n  filter: blur(80px);\n\n  left: 50%;\n  top: -300px;\n\n  transform: translateX(-50%);\n}\n\n.hg-final \u003e * {\n  position: relative;\n  z-index: 2;\n}\n\n.hg-final .hg-section-label {\n  color: var(--wheat);\n}\n\n.hg-final h2 {\n  max-width: 850px;\n\n  margin: auto;\n\n  font-size: clamp(40px,6vw,70px);\n\n  line-height: .98;\n\n  letter-spacing: -3px;\n}\n\n.hg-final h2 span {\n  color: var(--wheat);\n}\n\n.hg-final p {\n  max-width: 580px;\n\n  margin: 25px auto 32px;\n\n  color: rgba(255,255,255,.68);\n\n  line-height: 1.7;\n}\n\n.hg-final .hg-button {\n  background: var(--wheat);\n  color: var(--brown) !important;\n}\n\n.hg-final .hg-button:hover {\n  background: white;\n}\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes hgReveal {\n  from {\n    opacity: 0;\n    transform: translateY(35px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes hgProductReveal {\n  from {\n    opacity: 0;\n    transform: scale(.92);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes hgFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-12px);\n  }\n}\n\n@keyframes hgProductFloat {\n  0%,100% {\n    transform: translateY(0) rotate(-6deg);\n  }\n\n  50% {\n    transform: translateY(-14px) rotate(-3deg);\n  }\n}\n\n@keyframes hgBadge {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-8px);\n  }\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width: 850px) {\n\n  .hg-container {\n    width: min(100% - 30px, 650px);\n  }\n\n  .hg-hero {\n    grid-template-columns: 1fr;\n\n    text-align: center;\n\n    padding: 55px 0 60px;\n\n    gap: 25px;\n  }\n\n  .hg-hero-copy .hg-text {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .hg-trust {\n    justify-content: center;\n  }\n\n  .hg-product-stage {\n    order: -1;\n\n    min-height: 390px;\n  }\n\n  .hg-product-aura {\n    width: 300px;\n    height: 300px;\n  }\n\n  .hg-product {\n    width: 190px;\n    height: 270px;\n  }\n\n  .hg-floating.one {\n    top: 30px;\n    right: 0;\n  }\n\n  .hg-floating.two {\n    bottom: 30px;\n    left: 0;\n  }\n\n  .hg-benefit-bar-inner {\n    grid-template-columns: 1fr 1fr;\n\n    gap: 15px;\n  }\n\n  .hg-mini-benefit {\n    font-size: 10px;\n  }\n\n  .hg-problem-grid {\n    grid-template-columns: 1fr;\n\n    gap: 45px;\n  }\n\n  .hg-problem-card {\n    min-height: 350px;\n    padding: 35px;\n  }\n\n  .hg-benefit-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .hg-feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .hg-how-box {\n    padding: 45px 28px;\n    border-radius: 28px;\n  }\n\n  .hg-steps {\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n  }\n\n  .hg-section-label {\n    letter-spacing: 2px;\n  }\n}\n\n@media(max-width: 480px) {\n\n  .hg-title {\n    font-size: 43px;\n    letter-spacing: -2.5px;\n  }\n\n  .hg-product-stage {\n    min-height: 350px;\n  }\n\n  .hg-product-aura {\n    width: 270px;\n    height: 270px;\n  }\n\n  .hg-product {\n    width: 170px;\n    height: 245px;\n  }\n\n  .hg-product::before {\n    font-size: 16px;\n  }\n\n  .hg-floating {\n    font-size: 10px;\n    padding: 11px 13px;\n  }\n\n  .hg-benefit-bar {\n    padding: 15px 0;\n  }\n\n  .hg-mini-benefit {\n    font-size: 9px;\n  }\n\n  .hg-problem,\n  .hg-features,\n  .hg-how,\n  .hg-faq {\n    padding: 75px 0;\n  }\n}\n\n@media(prefers-reduced-motion: reduce) {\n\n  .hylo-garment *,\n  .hylo-garment *::before,\n  .hylo-garment *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"hylo-garment\"\u003e\n\n  \u003c!-- =====================================================\n       HERO\n       ===================================================== --\u003e\n\n  \u003csection class=\"hg-hero hg-container\"\u003e\n\n    \u003cdiv class=\"hg-hero-copy\"\u003e\n\n      \u003cdiv class=\"hg-eyebrow\"\u003e\n        ✦ HYLOHERB™\n        \u003cspan\u003e•\u003c\/span\u003e\n        GARMENT CARE\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"hg-title\"\u003e\n        Make your clothes\n        \u003cspan\u003elook fresh again.\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"hg-text\"\u003e\n        Lint, fuzz and little fabric fibres can make your favourite\n        clothes look tired. The HyloHerb™ Garment Refresh gives\n        your wardrobe a quick finishing touch — helping your\n        favourite pieces look cleaner, neater and more polished.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#hg-benefits\" class=\"hg-button\"\u003e\n        Refresh My Wardrobe\n        \u003cspan\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003cdiv class=\"hg-trust\"\u003e\n\n        \u003cdiv\u003e\n          ✓ Easy to use\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          ✓ Quick wardrobe refresh\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          ✓ Compact \u0026amp; convenient\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- PRODUCT --\u003e\n\n    \u003cdiv class=\"hg-product-stage\"\u003e\n\n      \u003cdiv class=\"hg-product-aura\"\u003e\u003c\/div\u003e\n\n      \u003c!--\n        REPLACE THIS DIV WITH YOUR REAL PRODUCT IMAGE.\n\n        Example:\n\n        \u003cimg src=\"YOUR IMAGE URL\"\n        alt=\"HyloHerb Garment Refresh\"\n        style=\"width:280px;position:relative;z-index:3;\"\u003e\n      --\u003e\n\n      \u003cdiv class=\"hg-product\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"hg-floating one\"\u003e\n        ✨ Fresh-looking finish\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-floating two\"\u003e\n        👕 Ready-to-wear refresh\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       BENEFIT STRIP\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"hg-benefit-bar\"\u003e\n\n    \u003cdiv class=\"hg-container hg-benefit-bar-inner\"\u003e\n\n      \u003cdiv class=\"hg-mini-benefit\"\u003e\n        ✨ \u003cstrong\u003ePolished\u003c\/strong\u003e looking clothes\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-mini-benefit\"\u003e\n        👕 \u003cstrong\u003eRefresh\u003c\/strong\u003e favourite pieces\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-mini-benefit\"\u003e\n        ⏱️ \u003cstrong\u003eQuick\u003c\/strong\u003e finishing touch\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-mini-benefit\"\u003e\n        👜 \u003cstrong\u003eEasy\u003c\/strong\u003e to keep nearby\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       PROBLEM \/ SOLUTION\n       ===================================================== --\u003e\n\n  \u003csection class=\"hg-problem\"\u003e\n\n    \u003cdiv class=\"hg-container hg-problem-grid\"\u003e\n\n      \u003cdiv class=\"hg-problem-card\"\u003e\n\n        \u003ch3\u003e\n          Your outfit is great...\n          until the lint shows up.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Those tiny fibres and fuzz can make a favourite\n          jumper, jacket, dress or pair of trousers look\n          less polished than you intended.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hg-solution\"\u003e\n\n        \u003cdiv class=\"hg-section-label\"\u003e\n          THE HYLOHERB™ SOLUTION\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Give your clothes\n          a \u003cspan\u003esecond look.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"hg-text\"\u003e\n          Instead of putting your favourite pieces aside,\n          give them a quick refresh before you wear them.\n          It's a simple step that can make your whole outfit\n          feel more put-together.\n        \u003c\/p\u003e\n\n        \u003cul class=\"hg-check-list\"\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"hg-check\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              Helps lift visible lint and loose fuzz from clothing.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"hg-check\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              Helps favourite garments look tidier and more polished.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"hg-check\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              Refreshes pieces between wears when they just need\n              a little finishing touch.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"hg-check\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              Gives you a quick way to improve your outfit before\n              heading out.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       BENEFITS\n       ===================================================== --\u003e\n\n  \u003csection class=\"hg-benefits-section\" id=\"hg-benefits\"\u003e\n\n    \u003cdiv class=\"hg-container\"\u003e\n\n      \u003cdiv class=\"hg-center-heading\"\u003e\n\n        \u003cdiv class=\"hg-section-label\"\u003e\n          MORE THAN A LINT REMOVER\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Your wardrobe deserves\n          \u003cspan\u003ethe little details.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"hg-text\"\u003e\n          The finishing touch can make all the difference.\n          Keep your favourite pieces looking neat and ready\n          for whatever the day brings.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hg-benefit-grid\"\u003e\n\n        \u003cdiv class=\"hg-benefit-card\"\u003e\n\n          \u003cdiv class=\"hg-benefit-icon\"\u003e\n            ✨\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Look More Put-Together\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Remove visible lint and fuzz so your clothes can\n            look cleaner, neater and more polished.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hg-benefit-card\"\u003e\n\n          \u003cdiv class=\"hg-benefit-icon\"\u003e\n            👗\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Refresh Favourite Pieces\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Give the clothes you already love another chance\n            to look their best before you wear them.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hg-benefit-card\"\u003e\n\n          \u003cdiv class=\"hg-benefit-icon\"\u003e\n            💫\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Elevate Your Outfit\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A cleaner-looking garment can help your whole\n            outfit feel more intentional and finished.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hg-benefit-card\"\u003e\n\n          \u003cdiv class=\"hg-benefit-icon\"\u003e\n            ⏱️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Save Time Before You Go\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Add a quick refresh to your getting-ready routine\n            instead of spending time trying to pick around lint.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hg-benefit-card\"\u003e\n\n          \u003cdiv class=\"hg-benefit-icon\"\u003e\n            ♻️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Get More From Your Wardrobe\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Refresh the pieces you already own and keep\n            reaching for the clothes you love.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hg-benefit-card\"\u003e\n\n          \u003cdiv class=\"hg-benefit-icon\"\u003e\n            👜\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Keep It Within Reach\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Compact and convenient for your bedroom, wardrobe,\n            dressing area or travel bag.\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!-- =====================================================\n       WHAT IT DOES\n       ===================================================== --\u003e\n\n  \u003csection class=\"hg-features\"\u003e\n\n    \u003cdiv class=\"hg-container\"\u003e\n\n      \u003cdiv class=\"hg-section-label\"\u003e\n        WHY YOU'LL REACH FOR IT\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"hg-title\"\u003e\n        From “almost there”\n        to \u003cspan\u003eready to go.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n\n      \u003cdiv class=\"hg-feature-grid\"\u003e\n\n        \u003cdiv class=\"hg-feature\"\u003e\n\n          \u003cdiv class=\"hg-feature-number\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Tackles Visible Lint\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Helps remove visible lint and loose fuzz from\n            the surface of your garments for a tidier-looking\n            appearance.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hg-feature\"\u003e\n\n          \u003cdiv class=\"hg-feature-number\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Refreshes Everyday Clothing\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Great for the pieces you wear regularly — from\n            knitwear and jackets to everyday wardrobe favourites.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hg-feature\"\u003e\n\n          \u003cdiv class=\"hg-feature-number\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Perfect Before You Head Out\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Use it as a final check before work, dinner,\n            dates, events, photos or a night out.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hg-feature\"\u003e\n\n          \u003cdiv class=\"hg-feature-number\"\u003e\n            04\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Simple, No-Fuss Routine\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Move the tool gently over the garment in small\n            sections, clear what it collects and you're ready.\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!-- =====================================================\n       HOW IT WORKS\n       ===================================================== --\u003e\n\n  \u003csection class=\"hg-how\"\u003e\n\n    \u003cdiv class=\"hg-container\"\u003e\n\n      \u003cdiv class=\"hg-how-box\"\u003e\n\n        \u003cdiv class=\"hg-how-title\"\u003e\n\n          \u003cdiv class=\"hg-section-label\"\u003e\n            HOW IT WORKS\n          \u003c\/div\u003e\n\n          \u003ch2\u003e\n            Three simple steps\n            to a \u003cspan\u003efresher look.\u003c\/span\u003e\n          \u003c\/h2\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"hg-steps\"\u003e\n\n          \u003cdiv class=\"hg-step\"\u003e\n\n            \u003cdiv class=\"hg-step-number\"\u003e\n              STEP 01\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n              Place your garment down\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Lay the garment flat or hold it securely\n              so you can easily work across the fabric.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hg-step\"\u003e\n\n            \u003cdiv class=\"hg-step-number\"\u003e\n              STEP 02\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n              Gently move the tool\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Work over the fabric in small sections to\n              lift visible lint and loose fuzz.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"hg-step\"\u003e\n\n            \u003cdiv class=\"hg-step-number\"\u003e\n              STEP 03\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n              Check your finish\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Clear away what the tool collects and enjoy\n              your refreshed, tidier-looking garment.\n            \u003c\/p\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!-- =====================================================\n       EMOTIONAL \/ BRAND SECTION\n       ===================================================== --\u003e\n\n  \u003csection class=\"hg-emotional\"\u003e\n\n    \u003cdiv class=\"hg-section-label\"\u003e\n      HYLOHERB™ GARMENT CARE\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Because feeling good in your clothes\n      starts with the \u003cspan\u003elittle details.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Your wardrobe doesn't always need something new.\n      Sometimes, your favourite pieces just need a little\n      refresh before they're ready to shine again.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#hg-final\" class=\"hg-button\"\u003e\n      Give My Wardrobe A Refresh\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       FAQ\n       ===================================================== --\u003e\n\n  \u003csection class=\"hg-faq\"\u003e\n\n    \u003cdiv class=\"hg-container\"\u003e\n\n      \u003cdiv class=\"hg-center-heading\"\u003e\n\n        \u003cdiv class=\"hg-section-label\"\u003e\n          QUESTIONS?\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Everything you need\n          to know.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hg-faq-list\"\u003e\n\n        \u003cdetails class=\"hg-faq-item\"\u003e\n\n          \u003csummary\u003e\n            What does The Garment Refresh do?\n          \u003c\/summary\u003e\n\n          \u003cdiv class=\"hg-faq-answer\"\u003e\n            The HyloHerb™ Garment Refresh is designed to help\n            remove visible lint and loose fuzz from clothing,\n            helping garments achieve a tidier and more polished\n            appearance.\n          \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n\n        \u003cdetails class=\"hg-faq-item\"\u003e\n\n          \u003csummary\u003e\n            How do I use it?\n          \u003c\/summary\u003e\n\n          \u003cdiv class=\"hg-faq-answer\"\u003e\n            Move the tool gently over your garment in small\n            sections. Once you've finished, clear away the\n            material collected by the tool.\n          \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n\n        \u003cdetails class=\"hg-faq-item\"\u003e\n\n          \u003csummary\u003e\n            What types of clothes can I use it on?\n          \u003c\/summary\u003e\n\n          \u003cdiv class=\"hg-faq-answer\"\u003e\n            Fabric performance can vary by garment. Always\n            follow the care instructions for your clothing and\n            test the tool on a small, inconspicuous area first,\n            especially on delicate fabrics.\n          \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n\n        \u003cdetails class=\"hg-faq-item\"\u003e\n\n          \u003csummary\u003e\n            Is it easy to take with me?\n          \u003c\/summary\u003e\n\n          \u003cdiv class=\"hg-faq-answer\"\u003e\n            The compact format makes it convenient to keep\n            nearby in your wardrobe, bedroom, dressing area\n            or travel bag.\n          \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n\n        \u003cdetails class=\"hg-faq-item\"\u003e\n\n          \u003csummary\u003e\n            Can it replace washing my clothes?\n          \u003c\/summary\u003e\n\n          \u003cdiv class=\"hg-faq-answer\"\u003e\n            No. The Garment Refresh is a finishing and\n            grooming tool for visible lint and fuzz. It does\n            not replace normal washing or garment care.\n          \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       FINAL CTA\n       ===================================================== --\u003e\n\n  \u003csection class=\"hg-final\" id=\"hg-final\"\u003e\n\n    \u003cdiv class=\"hg-section-label\"\u003e\n      YOUR CLOTHES. REFRESHED.\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Make every outfit feel\n      \u003cspan\u003eready to wear.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Give your favourite pieces the finishing touch they\n      deserve — and step out feeling a little more polished,\n      every time.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#\" class=\"hg-button\"\u003e\n      Get The Garment Refresh\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"hyloherb","offers":[{"title":"Black","offer_id":47136396476589,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":47136396509357,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":67062486991021,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true},{"title":"Navy","offer_id":67062487023789,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0780\/7788\/6637\/files\/d8224714-c03e-4a19-b968-8de8400cab15.jpg?v=1790539772"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0780\/7788\/6637\/collections\/790e6b02-4138-4528-8424-f3916756e5a7_a0169d1b-cf06-48f7-b170-4eadc7b4f5d9.jpg?v=1790624947","url":"https:\/\/www.hyloherb.co.za\/collections\/you-might-like.oembed","provider":"hyloherb","version":"1.0","type":"link"}