{"product_id":"softhaven-the-self-care-kit","title":"SoftHaven™ The Self-Care Kit","description":"\u003cstyle\u003e\n    .sfhc-section {\n      --rust: #d4806a;\n      --rust-dark: #bd6b57;\n      --cream: #faf0eb;\n      --peach: #f2c4b0;\n      --charcoal: #2c2c2c;\n      --grey: #5c5c5c;\n\n      --accent: #d4806a;\n      --accent-dark: #bd6b57;\n      --accent-rgb: 212, 128, 106;\n      --bg-one: #faf0eb;\n      --bg-two: #f2c4b0;\n      --wood-one: #e7bd8a;\n      --wood-two: #b87a45;\n      --tool-one: #f4d9b4;\n      --tool-two: #c99563;\n      --tool-icon: \"🛁\";\n\n      width: 100%;\n      position: relative;\n      overflow: hidden;\n      padding: 64px 18px;\n      border-radius: 32px;\n      background:\n        radial-gradient(circle at 8% 10%, rgba(var(--accent-rgb), 0.22), transparent 32%),\n        radial-gradient(circle at 92% 4%, rgba(255,255,255,0.82), transparent 28%),\n        linear-gradient(135deg, var(--bg-one), var(--bg-two));\n      color: var(--charcoal);\n      font-family: inherit;\n      transition: background 0.45s ease;\n    }\n\n    .sfhc-section * {\n      box-sizing: border-box;\n      max-width: 100%;\n    }\n\n    .sfhc-wrap {\n      max-width: 1180px;\n      margin: 0 auto;\n      width: 100%;\n    }\n\n    .sfhc-hero {\n      display: grid;\n      grid-template-columns: 1.05fr 0.95fr;\n      gap: 44px;\n      align-items: center;\n    }\n\n    .sfhc-badge {\n      display: inline-flex;\n      padding: 10px 15px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.72);\n      border: 1px solid rgba(255,255,255,0.86);\n      font-size: 14px;\n      font-weight: 800;\n      margin-bottom: 18px;\n    }\n\n    .sfhc-title {\n      margin: 0 0 14px;\n      font-size: clamp(38px, 6vw, 74px);\n      line-height: 0.96;\n      letter-spacing: -2px;\n      font-weight: 950;\n      color: var(--charcoal);\n    }\n\n    .sfhc-title span {\n      display: block;\n      color: var(--accent);\n      transition: color 0.35s ease;\n    }\n\n    .sfhc-subtitle {\n      font-size: clamp(20px, 2.4vw, 28px);\n      font-weight: 900;\n      margin-bottom: 16px;\n    }\n\n    .sfhc-text {\n      color: var(--grey);\n      font-size: 17px;\n      line-height: 1.75;\n      margin: 0 0 24px;\n    }\n\n    .sfhc-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 14px;\n    }\n\n    .sfhc-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 52px;\n      padding: 16px 28px;\n      border-radius: 999px;\n      border: none;\n      background: var(--accent);\n      color: #fff;\n      font-size: 16px;\n      font-weight: 950;\n      cursor: pointer;\n      text-decoration: none;\n      box-shadow: 0 18px 38px rgba(var(--accent-rgb), 0.34);\n      transition: 0.22s ease;\n    }\n\n    .sfhc-btn:hover {\n      transform: translateY(-2px);\n      background: var(--accent-dark);\n    }\n\n    .sfhc-note {\n      color: var(--grey);\n      font-size: 14px;\n      font-weight: 700;\n      line-height: 1.45;\n    }\n\n    .sfhc-trust-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 9px;\n      margin-top: 22px;\n    }\n\n    .sfhc-trust-row span {\n      padding: 9px 12px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.66);\n      border: 1px solid rgba(255,255,255,0.82);\n      font-size: 13px;\n      font-weight: 800;\n    }\n\n    .sfhc-product-card {\n      width: 100%;\n      max-width: 520px;\n      justify-self: end;\n      padding: 24px;\n      border-radius: 34px;\n      background: rgba(255,255,255,0.68);\n      border: 1px solid rgba(255,255,255,0.88);\n      box-shadow: 0 32px 80px rgba(112,67,54,0.18);\n      backdrop-filter: blur(16px);\n    }\n\n    .sfhc-visual {\n      position: relative;\n      width: 100%;\n      min-height: 360px;\n      border-radius: 28px;\n      overflow: hidden;\n      background:\n        radial-gradient(circle at 50% 18%, rgba(255,255,255,0.94), transparent 30%),\n        linear-gradient(145deg, rgba(255,255,255,0.72), rgba(var(--accent-rgb), 0.32));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background 0.45s ease;\n    }\n\n    .sfhc-spa-set {\n      position: relative;\n      width: 335px;\n      height: 255px;\n      filter: drop-shadow(0 28px 45px rgba(112,67,54,0.24));\n      animation: sfhcBreathe 4.5s ease-in-out infinite;\n    }\n\n    .sfhc-box {\n      position: absolute;\n      left: 42px;\n      bottom: 30px;\n      width: 245px;\n      height: 132px;\n      border-radius: 26px;\n      background:\n        linear-gradient(135deg, rgba(255,255,255,0.28), transparent),\n        repeating-linear-gradient(90deg, rgba(255,255,255,0.08) 0 7px, rgba(44,44,44,0.04) 7px 14px),\n        linear-gradient(145deg, var(--wood-one), var(--wood-two));\n      box-shadow:\n        inset 0 0 22px rgba(255,255,255,0.24),\n        0 22px 44px rgba(112,67,54,0.18);\n      transition: border-radius 0.35s ease, background 0.35s ease;\n      z-index: 2;\n    }\n\n    .sfhc-section.is-heart .sfhc-box {\n      width: 190px;\n      height: 170px;\n      left: 72px;\n      bottom: 18px;\n      transform: rotate(-45deg);\n      border-radius: 38px 38px 28px 38px;\n    }\n\n    .sfhc-section.is-heart .sfhc-box::before,\n    .sfhc-section.is-heart .sfhc-box::after {\n      content: \"\";\n      position: absolute;\n      width: 190px;\n      height: 170px;\n      border-radius: 999px;\n      background:\n        linear-gradient(135deg, rgba(255,255,255,0.22), transparent),\n        linear-gradient(145deg, var(--wood-one), var(--wood-two));\n      z-index: -1;\n    }\n\n    .sfhc-section.is-heart .sfhc-box::before {\n      top: -82px;\n      left: 0;\n    }\n\n    .sfhc-section.is-heart .sfhc-box::after {\n      top: 0;\n      left: 82px;\n    }\n\n    .sfhc-box-lid {\n      position: absolute;\n      left: 58px;\n      top: 62px;\n      width: 215px;\n      height: 42px;\n      border-radius: 22px;\n      background:\n        linear-gradient(145deg, rgba(255,255,255,0.28), transparent),\n        linear-gradient(145deg, var(--wood-one), var(--wood-two));\n      box-shadow: inset 0 0 15px rgba(255,255,255,0.18);\n      z-index: 1;\n      opacity: 0.92;\n    }\n\n    .sfhc-section.is-heart .sfhc-box-lid {\n      opacity: 0;\n    }\n\n    .sfhc-tool {\n      position: absolute;\n      border-radius: 999px;\n      background:\n        radial-gradient(circle at 35% 28%, rgba(255,255,255,0.44), transparent 22%),\n        linear-gradient(145deg, var(--tool-one), var(--tool-two));\n      box-shadow:\n        inset 0 0 16px rgba(255,255,255,0.25),\n        0 14px 28px rgba(112,67,54,0.14);\n      z-index: 5;\n      transition: background 0.35s ease, transform 0.35s ease;\n    }\n\n    .sfhc-tool.loofah {\n      left: 45px;\n      top: 78px;\n      width: 78px;\n      height: 78px;\n    }\n\n    .sfhc-tool.mitt {\n      left: 132px;\n      top: 44px;\n      width: 72px;\n      height: 100px;\n      border-radius: 36px 36px 28px 28px;\n      transform: rotate(-8deg);\n    }\n\n    .sfhc-tool.pumice {\n      right: 68px;\n      top: 76px;\n      width: 80px;\n      height: 56px;\n      border-radius: 45% 55% 50% 50%;\n      background:\n        radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), transparent 18%),\n        radial-gradient(circle at 70% 40%, rgba(44,44,44,0.09), transparent 14%),\n        linear-gradient(145deg, #eeeeee, #9f9f9f);\n    }\n\n    .sfhc-tool.puff {\n      right: 42px;\n      bottom: 54px;\n      width: 88px;\n      height: 88px;\n      background:\n        radial-gradient(circle at 28% 28%, rgba(255,255,255,0.65), transparent 20%),\n        radial-gradient(circle at 70% 35%, rgba(255,255,255,0.38), transparent 20%),\n        linear-gradient(145deg, #fff5fa, #f5a9bd);\n    }\n\n    .sfhc-roller {\n      position: absolute;\n      left: 132px;\n      bottom: 28px;\n      width: 120px;\n      height: 22px;\n      border-radius: 999px;\n      background: linear-gradient(145deg, #d9a66d, #8f5d2d);\n      box-shadow: 0 13px 24px rgba(112,67,54,0.16);\n      z-index: 7;\n    }\n\n    .sfhc-roller::before,\n    .sfhc-roller::after {\n      content: \"\";\n      position: absolute;\n      top: -8px;\n      width: 30px;\n      height: 38px;\n      border-radius: 999px;\n      background: linear-gradient(145deg, #edc08b, #9a6736);\n      box-shadow: inset 0 0 10px rgba(255,255,255,0.22);\n    }\n\n    .sfhc-roller::before {\n      left: 12px;\n    }\n\n    .sfhc-roller::after {\n      right: 12px;\n    }\n\n    .sfhc-nail-brush {\n      position: absolute;\n      left: 68px;\n      bottom: 62px;\n      width: 94px;\n      height: 34px;\n      border-radius: 18px;\n      background: linear-gradient(145deg, #d9a66d, #8f5d2d);\n      box-shadow: 0 13px 24px rgba(112,67,54,0.16);\n      z-index: 7;\n    }\n\n    .sfhc-nail-brush::after {\n      content: \"\";\n      position: absolute;\n      left: 11px;\n      right: 11px;\n      bottom: -11px;\n      height: 14px;\n      background:\n        repeating-linear-gradient(90deg, rgba(255,255,255,0.75) 0 3px, transparent 3px 7px);\n    }\n\n    .sfhc-feature-icon {\n      position: absolute;\n      right: 28px;\n      top: 30px;\n      width: 70px;\n      height: 70px;\n      border-radius: 24px;\n      background: rgba(255,255,255,0.74);\n      border: 1px solid rgba(255,255,255,0.9);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 34px;\n      z-index: 8;\n      box-shadow: 0 18px 34px rgba(112,67,54,0.12);\n      animation: sfhcFloat 4.5s ease-in-out infinite;\n    }\n\n    .sfhc-feature-icon::before {\n      content: var(--tool-icon);\n    }\n\n    .sfhc-sparkle {\n      position: absolute;\n      width: 18px;\n      height: 18px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.72);\n      filter: blur(1px);\n      animation: sfhcFloat 5s ease-in-out infinite;\n      z-index: 8;\n    }\n\n    .sfhc-sparkle.s1 { left: 20%; top: 20%; animation-delay: 0s; }\n    .sfhc-sparkle.s2 { left: 52%; top: 14%; animation-delay: 1s; }\n    .sfhc-sparkle.s3 { right: 22%; bottom: 25%; animation-delay: 2s; }\n\n    .sfhc-colour-title {\n      margin-top: 18px;\n      text-align: center;\n      font-size: 15px;\n      font-weight: 900;\n    }\n\n    .sfhc-colours {\n      display: flex;\n      justify-content: center;\n      gap: 11px;\n      margin-top: 13px;\n      flex-wrap: wrap;\n    }\n\n    .sfhc-colour {\n      min-width: 118px;\n      min-height: 42px;\n      border-radius: 999px;\n      border: 3px solid #fff;\n      background: rgba(255,255,255,0.68);\n      box-shadow: 0 8px 18px rgba(44,44,44,0.15);\n      cursor: pointer;\n      transition: 0.2s ease;\n      appearance: none;\n      padding: 8px 14px;\n      font-size: 13px;\n      font-weight: 900;\n      color: var(--charcoal);\n    }\n\n    .sfhc-colour.is-active {\n      box-shadow: 0 0 0 4px rgba(var(--accent-rgb), 0.24), 0 8px 18px rgba(44,44,44,0.14);\n      transform: scale(1.04);\n      background: rgba(255,255,255,0.86);\n    }\n\n    .sfhc-selected {\n      text-align: center;\n      margin-top: 12px;\n      color: var(--grey);\n      font-size: 14px;\n      font-weight: 800;\n    }\n\n    .sfhc-heading {\n      max-width: 760px;\n      margin: 58px auto 24px;\n      text-align: center;\n    }\n\n    .sfhc-heading h2 {\n      margin: 0 0 10px;\n      font-size: clamp(28px, 4vw, 42px);\n      line-height: 1.08;\n      font-weight: 950;\n    }\n\n    .sfhc-heading p {\n      margin: 0;\n      color: var(--grey);\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .sfhc-benefits {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n    }\n\n    .sfhc-benefit {\n      position: relative;\n      overflow: hidden;\n      padding: 24px;\n      border-radius: 26px;\n      background: rgba(255,255,255,0.68);\n      border: 1px solid rgba(255,255,255,0.86);\n      box-shadow: 0 18px 42px rgba(112,67,54,0.11);\n      cursor: pointer;\n      min-height: 188px;\n      transition: transform 0.22s ease, box-shadow 0.22s ease;\n    }\n\n    .sfhc-benefit:hover,\n    .sfhc-benefit.is-tapped {\n      transform: translateY(-5px) scale(1.01);\n      box-shadow: 0 25px 55px rgba(112,67,54,0.17);\n    }\n\n    .sfhc-icon {\n      width: 50px;\n      height: 50px;\n      border-radius: 17px;\n      background: var(--accent);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #fff;\n      font-size: 23px;\n      margin-bottom: 16px;\n      transition: background 0.35s ease;\n    }\n\n    .sfhc-benefit h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      font-weight: 950;\n    }\n\n    .sfhc-benefit p {\n      margin: 0;\n      color: var(--grey);\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .sfhc-effect-layer {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    .sfhc-particle {\n      position: absolute;\n      left: var(--x);\n      bottom: 14px;\n      font-size: var(--size);\n      opacity: 0;\n      animation: sfhcParticle 1.15s ease-out forwards;\n    }\n\n    .sfhc-particle.bubble {\n      width: 22px;\n      height: 22px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.76);\n      border: 1px solid rgba(255,255,255,0.92);\n      filter: blur(1px);\n    }\n\n    .sfhc-split {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px;\n      margin-top: 28px;\n    }\n\n    .sfhc-panel,\n    .sfhc-size-guide {\n      padding: 30px;\n      border-radius: 30px;\n      background: rgba(255,255,255,0.66);\n      border: 1px solid rgba(255,255,255,0.86);\n      box-shadow: 0 22px 55px rgba(112,67,54,0.12);\n    }\n\n    .sfhc-size-guide {\n      margin-top: 28px;\n    }\n\n    .sfhc-panel h3,\n    .sfhc-size-guide h3 {\n      margin: 0 0 16px;\n      font-size: 24px;\n      font-weight: 950;\n    }\n\n    .sfhc-size-guide p {\n      margin: 0 0 18px;\n      color: var(--grey);\n      font-size: 15px;\n      line-height: 1.55;\n      font-weight: 700;\n    }\n\n    .sfhc-list {\n      display: grid;\n      gap: 13px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .sfhc-list li {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      color: var(--grey);\n      font-size: 15px;\n      line-height: 1.55;\n      font-weight: 650;\n    }\n\n    .sfhc-list strong {\n      color: var(--charcoal);\n    }\n\n    .sfhc-check {\n      flex: 0 0 auto;\n      width: 24px;\n      height: 24px;\n      border-radius: 999px;\n      background: var(--accent);\n      color: #fff;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 13px;\n      font-weight: 950;\n      margin-top: 1px;\n      transition: background 0.35s ease;\n    }\n\n    .sfhc-option-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px;\n      margin-top: 16px;\n    }\n\n    .sfhc-option-item {\n      padding: 20px;\n      border-radius: 22px;\n      background: rgba(255,255,255,0.62);\n      border: 1px solid rgba(255,255,255,0.85);\n      text-align: center;\n      font-weight: 900;\n      color: var(--charcoal);\n      box-shadow: 0 12px 28px rgba(112,67,54,0.08);\n      cursor: pointer;\n      appearance: none;\n      transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;\n    }\n\n    .sfhc-option-item:hover,\n    .sfhc-option-item.is-active {\n      transform: translateY(-4px);\n      background: rgba(255,255,255,0.78);\n      box-shadow: 0 18px 38px rgba(var(--accent-rgb),0.18);\n    }\n\n    .sfhc-option-item span {\n      display: block;\n      font-size: 30px;\n      margin-bottom: 8px;\n    }\n\n    .sfhc-story {\n      margin-top: 34px;\n      padding: 36px;\n      border-radius: 34px;\n      background: rgba(255,255,255,0.7);\n      border: 1px solid rgba(255,255,255,0.88);\n      box-shadow: 0 26px 68px rgba(112,67,54,0.14);\n      text-align: center;\n    }\n\n    .sfhc-story h2 {\n      margin: 0 0 12px;\n      font-size: clamp(27px, 4vw, 42px);\n      font-weight: 950;\n    }\n\n    .sfhc-story p {\n      max-width: 820px;\n      margin: 0 auto 22px;\n      color: var(--grey);\n      font-size: 17px;\n      line-height: 1.75;\n    }\n\n    @keyframes sfhcBreathe {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.025); }\n    }\n\n    @keyframes sfhcFloat {\n      0%, 100% { transform: translateY(0) scale(1); opacity: 0.8; }\n      50% { transform: translateY(-12px) scale(1.08); opacity: 1; }\n    }\n\n    @keyframes sfhcParticle {\n      0% { opacity: 0; transform: translateY(20px) scale(0.8); }\n      18% { opacity: 1; }\n      100% { opacity: 0; transform: translateY(-105px) scale(1.35); }\n    }\n\n    @media (max-width: 990px) {\n      .sfhc-hero {\n        grid-template-columns: 1fr;\n      }\n\n      .sfhc-product-card {\n        justify-self: center;\n        max-width: 620px;\n      }\n\n      .sfhc-benefits {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 700px) {\n      .sfhc-section {\n        padding: 44px 14px;\n        border-radius: 24px;\n      }\n\n      .sfhc-title {\n        font-size: clamp(36px, 11vw, 48px);\n        letter-spacing: -1.3px;\n      }\n\n      .sfhc-text {\n        font-size: 15.5px;\n      }\n\n      .sfhc-actions {\n        align-items: stretch;\n      }\n\n      .sfhc-btn {\n        width: 100%;\n        padding: 15px 18px;\n      }\n\n      .sfhc-product-card {\n        padding: 18px;\n        border-radius: 28px;\n      }\n\n      .sfhc-visual {\n        min-height: 320px;\n        border-radius: 24px;\n      }\n\n      .sfhc-spa-set {\n        width: 285px;\n        height: 235px;\n      }\n\n      .sfhc-box {\n        left: 32px;\n        width: 218px;\n        height: 122px;\n      }\n\n      .sfhc-box-lid {\n        left: 50px;\n        width: 185px;\n      }\n\n      .sfhc-section.is-heart .sfhc-box {\n        left: 55px;\n        width: 155px;\n        height: 145px;\n      }\n\n      .sfhc-section.is-heart .sfhc-box::before,\n      .sfhc-section.is-heart .sfhc-box::after {\n        width: 155px;\n        height: 145px;\n      }\n\n      .sfhc-section.is-heart .sfhc-box::before {\n        top: -66px;\n      }\n\n      .sfhc-section.is-heart .sfhc-box::after {\n        left: 66px;\n      }\n\n      .sfhc-tool.loofah {\n        left: 35px;\n        width: 66px;\n        height: 66px;\n      }\n\n      .sfhc-tool.mitt {\n        left: 108px;\n        width: 62px;\n        height: 88px;\n      }\n\n      .sfhc-tool.pumice {\n        right: 52px;\n        width: 68px;\n        height: 48px;\n      }\n\n      .sfhc-tool.puff {\n        right: 32px;\n        width: 74px;\n        height: 74px;\n      }\n\n      .sfhc-roller {\n        left: 108px;\n        width: 105px;\n      }\n\n      .sfhc-nail-brush {\n        left: 48px;\n        width: 82px;\n      }\n\n      .sfhc-feature-icon {\n        right: 18px;\n        top: 24px;\n        width: 58px;\n        height: 58px;\n        font-size: 28px;\n      }\n\n      .sfhc-benefits,\n      .sfhc-split,\n      .sfhc-option-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .sfhc-benefit {\n        min-height: auto;\n        padding: 20px;\n      }\n\n      .sfhc-panel,\n      .sfhc-story,\n      .sfhc-size-guide {\n        padding: 24px 18px;\n      }\n    }\n  \u003c\/style\u003e\n\u003csection class=\"sfhc-section\" id=\"sfhc-self-care-kit\"\u003e\n\u003cdiv class=\"sfhc-wrap\"\u003e\n\u003cdiv class=\"sfhc-hero\"\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ch1 class=\"sfhc-title\"\u003eSoftHaven™ \u003cspan\u003eThe Self Care Kit\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"sfhc-subtitle\"\u003eBecause You Deserve a Proper Self-Care Moment. 🛁✨\u003c\/div\u003e\n\u003cp class=\"sfhc-text\"\u003eHot water. Candles. Silence. And a set of tools that actually work. SoftHaven™ The Self Care Kit is a curated 7-piece natural bath set designed to turn your ordinary shower or bath into a full spa experience — right in your own home. No booking required.\u003c\/p\u003e\n\u003cdiv class=\"sfhc-actions\"\u003e\n\u003cbutton type=\"button\" class=\"sfhc-btn\" data-sfhc-scroll=\"\"\u003e Choose My Self Care Kit \u003c\/button\u003e\n\u003cdiv class=\"sfhc-note\"\u003e7 items included · Natural materials · Wooden gift box · Heart or Rectangle box\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-trust-row\"\u003e\n\u003cspan\u003e🌿 Natural exfoliation\u003c\/span\u003e \u003cspan\u003e🧼 Full body routine\u003c\/span\u003e \u003cspan\u003e🎁 Gift-ready box\u003c\/span\u003e \u003cspan\u003e✨ Spa-at-home feel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-product-card\"\u003e\n\u003cdiv class=\"sfhc-visual\"\u003e\n\u003cspan class=\"sfhc-sparkle s1\"\u003e\u003c\/span\u003e \u003cspan class=\"sfhc-sparkle s2\"\u003e\u003c\/span\u003e \u003cspan class=\"sfhc-sparkle s3\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"sfhc-spa-set\"\u003e\n\u003cdiv class=\"sfhc-box-lid\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-box\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-tool loofah\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-tool mitt\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-tool pumice\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-tool puff\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-roller\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-nail-brush\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-feature-icon\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-colour-title\"\u003eTap a box style to preview the vibe\u003c\/div\u003e\n\u003cdiv class=\"sfhc-colours\"\u003e\n\u003cbutton type=\"button\" class=\"sfhc-colour\" data-style=\"rectangle\"\u003e▭ Rectangle Box\u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-colour\" data-style=\"heart\"\u003e♡ Heart Box\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-selected\" data-selected-text=\"\"\u003eSelected vibe: Rectangle Gift Box · Full Self-Care Ritual\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-heading\"\u003e\n\u003ch2\u003eTap a Tool to Feel the Effect\u003c\/h2\u003e\n\u003cp\u003eEach card is interactive, helping customers understand the outcome each tool gives them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefits\"\u003e\n\u003cdiv class=\"sfhc-benefit\" data-tool=\"loofah\" data-effect=\"scrub\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eNatural Loofah Sponge\u003c\/h3\u003e\n\u003cp\u003eDeep exfoliation that helps leave your skin feeling silky smooth and refreshed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-tool=\"mitt\" data-effect=\"glow\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🧶\u003c\/div\u003e\n\u003ch3\u003eSisal Bath Mitt\u003c\/h3\u003e\n\u003cp\u003eStimulates circulation and helps remove dead skin cells for a polished, clean feeling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-tool=\"pumice\" data-effect=\"stone\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🪨\u003c\/div\u003e\n\u003ch3\u003ePumice Stone\u003c\/h3\u003e\n\u003cp\u003eSmooths rough heels and calluses so your feet feel softer and more cared for.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-tool=\"brush\" data-effect=\"clean\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🧹\u003c\/div\u003e\n\u003ch3\u003eNail Brush\u003c\/h3\u003e\n\u003cp\u003eKeeps nails looking clean, groomed and fresh after every bath or shower.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-tool=\"puff\" data-effect=\"bubble\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🧤\u003c\/div\u003e\n\u003ch3\u003eBath Puff\u003c\/h3\u003e\n\u003cp\u003eCreates a rich, foamy lather so even a normal wash feels more luxurious.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-tool=\"roller\" data-effect=\"relax\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🪄\u003c\/div\u003e\n\u003ch3\u003eWooden Massage Roller\u003c\/h3\u003e\n\u003cp\u003eHelps relieve tension and gives your self-care routine a relaxing massage finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-split\"\u003e\n\u003cdiv class=\"sfhc-panel\"\u003e\n\u003ch3\u003eWhy You’ll Love It\u003c\/h3\u003e\n\u003cul class=\"sfhc-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eComplete routine:\u003c\/strong\u003e everything you need to exfoliate, cleanse, smooth and relax at home.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eSkin feels renewed:\u003c\/strong\u003e removes dullness so your skin feels softer, cleaner and more refreshed.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eGift-ready presentation:\u003c\/strong\u003e the wooden box looks beautiful enough to give as-is.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eReusable self-care:\u003c\/strong\u003e a practical set that becomes part of your weekly reset ritual.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-panel\"\u003e\n\u003ch3\u003ePerfect For\u003c\/h3\u003e\n\u003cul class=\"sfhc-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eGifting\u003c\/strong\u003e for birthdays, Mother’s Day, Valentine’s Day or just because.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eSelf-care routines\u003c\/strong\u003e when you want your daily bath or shower to feel special.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eHome spa days\u003c\/strong\u003e with no appointment, no travel and no expensive spa bill.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eSunday resets\u003c\/strong\u003e when your body and mind need a fresh start.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-size-guide\"\u003e\n\u003ch3\u003eWhat’s Inside the Box 🧴\u003c\/h3\u003e\n\u003cp\u003eTap an item below to change the background and preview that part of the ritual.\u003c\/p\u003e\n\u003cdiv class=\"sfhc-option-grid\"\u003e\n\u003cbutton type=\"button\" class=\"sfhc-option-item\" data-tool=\"loofah\"\u003e \u003cspan\u003e🌿\u003c\/span\u003e Natural Loofah Sponge \u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-option-item\" data-tool=\"mitt\"\u003e \u003cspan\u003e🧶\u003c\/span\u003e Sisal Bath Mitt \u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-option-item\" data-tool=\"pumice\"\u003e \u003cspan\u003e🪨\u003c\/span\u003e Pumice Stone \u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-option-item\" data-tool=\"brush\"\u003e \u003cspan\u003e🧹\u003c\/span\u003e Nail Brush \u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-option-item\" data-tool=\"puff\"\u003e \u003cspan\u003e🧤\u003c\/span\u003e Bath Puff \u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-option-item\" data-tool=\"roller\"\u003e \u003cspan\u003e🪄\u003c\/span\u003e Wooden Massage Roller \u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-option-item\" data-tool=\"box\"\u003e \u003cspan\u003e📦\u003c\/span\u003e Wooden Gift Box \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-story\"\u003e\n\u003ch2\u003eYour Story 🌙\u003c\/h2\u003e\n\u003cp\u003eIt is Sunday evening. The week was long. You run a warm bath, light a candle and reach for The Self Care Kit. One by one, each tool does its job — exfoliating, smoothing and relaxing. By the time you are done, your skin is glowing and your mind is clear. That is the SoftHaven difference.\u003c\/p\u003e\n\u003cbutton type=\"button\" class=\"sfhc-btn\" data-sfhc-scroll=\"\"\u003e Treat Yourself. You’ve Earned It. 🛁✨ \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    (function () {\n      var script = document.currentScript;\n      var section = script ? script.closest(\".sfhc-section\") : document.getElementById(\"sfhc-self-care-kit\");\n      if (!section) return;\n\n      var selectedText = section.querySelector(\"[data-selected-text]\");\n      var selectedStyle = \"Rectangle Gift Box\";\n\n      var toolData = {\n        loofah: {\n          name: \"Natural Loofah Sponge\",\n          icon: \"🌿\",\n          accent: \"#9b7a45\",\n          accentDark: \"#75572e\",\n          accentRgb: \"155, 122, 69\",\n          bgOne: \"#fff8ec\",\n          bgTwo: \"#e4c798\",\n          toolOne: \"#f4d9a8\",\n          toolTwo: \"#b98242\",\n          woodOne: \"#e7bd8a\",\n          woodTwo: \"#b87a45\"\n        },\n        mitt: {\n          name: \"Sisal Bath Mitt\",\n          icon: \"🧶\",\n          accent: \"#b99165\",\n          accentDark: \"#8d6842\",\n          accentRgb: \"185, 145, 101\",\n          bgOne: \"#fff6ea\",\n          bgTwo: \"#e2bf91\",\n          toolOne: \"#e9c89b\",\n          toolTwo: \"#a97543\",\n          woodOne: \"#e7bd8a\",\n          woodTwo: \"#b87a45\"\n        },\n        pumice: {\n          name: \"Pumice Stone\",\n          icon: \"🪨\",\n          accent: \"#8f8f8f\",\n          accentDark: \"#5c5c5c\",\n          accentRgb: \"143, 143, 143\",\n          bgOne: \"#fafafa\",\n          bgTwo: \"#d6d6d6\",\n          toolOne: \"#eeeeee\",\n          toolTwo: \"#9f9f9f\",\n          woodOne: \"#d8b07d\",\n          woodTwo: \"#9a683b\"\n        },\n        brush: {\n          name: \"Nail Brush\",\n          icon: \"🧹\",\n          accent: \"#c88a55\",\n          accentDark: \"#9f6636\",\n          accentRgb: \"200, 138, 85\",\n          bgOne: \"#fff6ee\",\n          bgTwo: \"#eec59d\",\n          toolOne: \"#e6b072\",\n          toolTwo: \"#9c6735\",\n          woodOne: \"#e7bd8a\",\n          woodTwo: \"#b87a45\"\n        },\n        puff: {\n          name: \"Bath Puff\",\n          icon: \"🧤\",\n          accent: \"#d97896\",\n          accentDark: \"#be5f7d\",\n          accentRgb: \"217, 120, 150\",\n          bgOne: \"#fff3f6\",\n          bgTwo: \"#f5b5c7\",\n          toolOne: \"#fff5fa\",\n          toolTwo: \"#f5a9bd\",\n          woodOne: \"#e7bd8a\",\n          woodTwo: \"#b87a45\"\n        },\n        roller: {\n          name: \"Wooden Massage Roller\",\n          icon: \"🪄\",\n          accent: \"#b87942\",\n          accentDark: \"#85572f\",\n          accentRgb: \"184, 121, 66\",\n          bgOne: \"#fff4e8\",\n          bgTwo: \"#ddb184\",\n          toolOne: \"#edc08b\",\n          toolTwo: \"#9a6736\",\n          woodOne: \"#e7bd8a\",\n          woodTwo: \"#b87a45\"\n        },\n        box: {\n          name: \"Beautiful Wooden Gift Box\",\n          icon: \"📦\",\n          accent: \"#d4806a\",\n          accentDark: \"#bd6b57\",\n          accentRgb: \"212, 128, 106\",\n          bgOne: \"#faf0eb\",\n          bgTwo: \"#f2c4b0\",\n          toolOne: \"#f4d9b4\",\n          toolTwo: \"#c99563\",\n          woodOne: \"#e7bd8a\",\n          woodTwo: \"#b87a45\"\n        }\n      };\n\n      function updateSelectedText(toolName) {\n        if (selectedText) {\n          selectedText.textContent = \"Selected vibe: \" + selectedStyle + \" · \" + toolName;\n        }\n      }\n\n      function setTool(tool) {\n        var data = toolData[tool];\n        if (!data) return;\n\n        section.style.setProperty(\"--accent\", data.accent);\n        section.style.setProperty(\"--accent-dark\", data.accentDark);\n        section.style.setProperty(\"--accent-rgb\", data.accentRgb);\n        section.style.setProperty(\"--bg-one\", data.bgOne);\n        section.style.setProperty(\"--bg-two\", data.bgTwo);\n        section.style.setProperty(\"--tool-one\", data.toolOne);\n        section.style.setProperty(\"--tool-two\", data.toolTwo);\n        section.style.setProperty(\"--wood-one\", data.woodOne);\n        section.style.setProperty(\"--wood-two\", data.woodTwo);\n        section.style.setProperty(\"--tool-icon\", '\"' + data.icon + '\"');\n\n        section.querySelectorAll(\"[data-tool]\").forEach(function (btn) {\n          btn.classList.toggle(\"is-active\", btn.getAttribute(\"data-tool\") === tool);\n        });\n\n        updateSelectedText(data.name);\n      }\n\n      function setStyle(style) {\n        if (style === \"heart\") {\n          selectedStyle = \"Heart Gift Box\";\n          section.classList.add(\"is-heart\");\n        } else {\n          selectedStyle = \"Rectangle Gift Box\";\n          section.classList.remove(\"is-heart\");\n        }\n\n        section.querySelectorAll(\"[data-style]\").forEach(function (btn) {\n          btn.classList.toggle(\"is-active\", btn.getAttribute(\"data-style\") === style);\n        });\n\n        var activeTool = section.querySelector(\"[data-tool].is-active\");\n        var toolKey = activeTool ? activeTool.getAttribute(\"data-tool\") : \"box\";\n        updateSelectedText(toolData[toolKey].name);\n      }\n\n      function createEffect(card, type) {\n        var layer = card.querySelector(\".sfhc-effect-layer\");\n        if (!layer) return;\n\n        layer.innerHTML = \"\";\n        card.classList.add(\"is-tapped\");\n\n        setTimeout(function () {\n          card.classList.remove(\"is-tapped\");\n        }, 450);\n\n        var symbols = {\n          scrub: [\"✨\", \"🌿\", \"✨\", \"♡\", \"🌿\"],\n          glow: [\"✨\", \"🧶\", \"✨\", \"🌙\", \"♡\"],\n          stone: [\"🪨\", \"✨\", \"🦶\", \"✨\", \"🪨\"],\n          clean: [\"✨\", \"🧹\", \"✨\", \"♡\", \"🧹\"],\n          bubble: [\"\", \"\", \"\", \"\", \"\"],\n          relax: [\"🪄\", \"✨\", \"🌙\", \"♡\", \"🪄\"]\n        };\n\n        var selected = symbols[type] || [\"✨\", \"✨\", \"✨\"];\n\n        selected.forEach(function (symbol, index) {\n          var particle = document.createElement(\"span\");\n          particle.className = \"sfhc-particle\";\n\n          if (type === \"bubble\") {\n            particle.classList.add(\"bubble\");\n          } else {\n            particle.textContent = symbol;\n          }\n\n          particle.style.setProperty(\"--x\", 18 + index * 15 + \"%\");\n          particle.style.setProperty(\"--size\", 18 + index * 2 + \"px\");\n          particle.style.animationDelay = index * 0.08 + \"s\";\n\n          layer.appendChild(particle);\n        });\n\n        setTimeout(function () {\n          layer.innerHTML = \"\";\n        }, 1500);\n      }\n\n      section.addEventListener(\"click\", function (event) {\n        var styleButton = event.target.closest(\"[data-style]\");\n        if (styleButton \u0026\u0026 section.contains(styleButton)) {\n          event.preventDefault();\n          setStyle(styleButton.getAttribute(\"data-style\"));\n          return;\n        }\n\n        var toolButton = event.target.closest(\"[data-tool]\");\n        if (toolButton \u0026\u0026 section.contains(toolButton)) {\n          event.preventDefault();\n          setTool(toolButton.getAttribute(\"data-tool\"));\n\n          var benefitCard = event.target.closest(\".sfhc-benefit\");\n          if (benefitCard) {\n            createEffect(benefitCard, benefitCard.getAttribute(\"data-effect\"));\n          }\n\n          return;\n        }\n\n        var benefitCardOnly = event.target.closest(\".sfhc-benefit\");\n        if (benefitCardOnly \u0026\u0026 section.contains(benefitCardOnly)) {\n          createEffect(benefitCardOnly, benefitCardOnly.getAttribute(\"data-effect\"));\n          return;\n        }\n\n        var scrollButton = event.target.closest(\"[data-sfhc-scroll]\");\n        if (scrollButton \u0026\u0026 section.contains(scrollButton)) {\n          var productForm =\n            document.querySelector(\".product-form\") ||\n            document.querySelector('form[action*=\"\/cart\/add\"]') ||\n            document.querySelector('[id*=\"ProductSubmitButton\"]');\n\n          if (productForm) {\n            productForm.scrollIntoView({\n              behavior: \"smooth\",\n              block: \"center\"\n            });\n          }\n        }\n      });\n\n      setStyle(\"rectangle\");\n      setTool(\"box\");\n    })();\n  \u003c\/script\u003e\u003c\/section\u003e","brand":"SoftHaven","offers":[{"title":"Square - Sisal Set","offer_id":46777763332233,"sku":"SSH-SCK-SQR-SIS","price":419.0,"currency_code":"ZAR","in_stock":true},{"title":"Heart - Mirror Set","offer_id":46777763365001,"sku":"SSH-SCK-HRT-MIR","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Heart - Nail Brush Set","offer_id":46777763397769,"sku":"SSH-SCK-HRT-NBR","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Heart - Nylon Glove Set","offer_id":46777763430537,"sku":"SSH-SCK-HRT-NYL","price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Heart - Sisal Balls Set","offer_id":46777763463305,"sku":"SSH-SCK-HRT-SIS","price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Bag \u0026 Barrel Set","offer_id":46777763496073,"sku":"SSH-SCK-BAG-BAR","price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/3539\/8537\/files\/double-layer-blanket-high-conversion.png?v=1778979259","url":"https:\/\/www.softhaven.co.za\/products\/softhaven-the-self-care-kit","provider":"SoftHaven","version":"1.0","type":"link"}