{"product_id":"softhaven™-the-plush-step","title":"SoftHaven™ The Plush Step","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: #c88a55;\n      --accent-dark: #9f6636;\n      --accent-rgb: 200, 138, 85;\n      --bg-one: #fff6ee;\n      --bg-two: #eec59d;\n      --slipper-one: #e7b47c;\n      --slipper-two: #b97942;\n      --fur-one: #fff2df;\n      --fur-two: #f3cfa5;\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    }\n\n    .sfhc-slippers {\n      position: relative;\n      width: 310px;\n      height: 230px;\n      animation: sfhcBreathe 4.5s ease-in-out infinite;\n      filter: drop-shadow(0 28px 45px rgba(112,67,54,0.26));\n    }\n\n    .sfhc-slipper {\n      position: absolute;\n      width: 130px;\n      height: 205px;\n      border-radius: 70px 70px 48px 48px;\n      background:\n        radial-gradient(circle at 35% 20%, rgba(255,255,255,0.32), transparent 26%),\n        linear-gradient(145deg, var(--slipper-one), var(--slipper-two));\n      box-shadow:\n        inset 0 0 22px rgba(255,255,255,0.18),\n        0 20px 40px rgba(112,67,54,0.18);\n    }\n\n    .sfhc-slipper.left {\n      left: 42px;\n      top: 10px;\n      transform: rotate(-10deg);\n    }\n\n    .sfhc-slipper.right {\n      right: 42px;\n      top: 10px;\n      transform: rotate(10deg);\n    }\n\n    .sfhc-slipper::before {\n      content: \"\";\n      position: absolute;\n      top: 18px;\n      left: 15px;\n      right: 15px;\n      height: 74px;\n      border-radius: 48px 48px 30px 30px;\n      background:\n        radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9), transparent 28%),\n        linear-gradient(145deg, var(--fur-one), var(--fur-two));\n      box-shadow: inset 0 -8px 16px rgba(112,67,54,0.08);\n    }\n\n    .sfhc-slipper::after {\n      content: \"\";\n      position: absolute;\n      bottom: 18px;\n      left: 22px;\n      right: 22px;\n      height: 14px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.28);\n    }\n\n    .sfhc-fluff {\n      position: absolute;\n      width: 16px;\n      height: 16px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.78);\n      filter: blur(1px);\n      animation: sfhcFluff 5s ease-in-out infinite;\n    }\n\n    .sfhc-fluff.f1 { left: 26%; top: 22%; animation-delay: 0s; }\n    .sfhc-fluff.f2 { left: 48%; top: 14%; animation-delay: 1s; }\n    .sfhc-fluff.f3 { right: 24%; top: 25%; animation-delay: 2s; }\n\n    .sfhc-warmth {\n      position: absolute;\n      bottom: 34px;\n      width: 14px;\n      height: 82px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.55);\n      filter: blur(8px);\n      pointer-events: none;\n      animation: sfhcSteam 4.5s ease-in-out infinite;\n    }\n\n    .sfhc-warmth.one { left: 23%; animation-delay: 0s; }\n    .sfhc-warmth.two { left: 50%; animation-delay: 1s; }\n    .sfhc-warmth.three { right: 23%; 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      width: 42px;\n      height: 42px;\n      border-radius: 999px;\n      border: 3px solid #fff;\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: 0;\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.08);\n    }\n\n    .sfhc-black { background: #111111; }\n    .sfhc-grey { background: #9b9b9b; }\n    .sfhc-lavender { background: #b9a3d8; }\n    .sfhc-brown { background: #7b4b30; }\n    .sfhc-caramel { background: #c88a55; }\n    .sfhc-pink { background: #f5a9bd; }\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    }\n\n    .sfhc-benefit:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 25px 55px rgba(112,67,54,0.17);\n    }\n\n    .sfhc-benefit.is-tapped {\n      transform: translateY(-5px) scale(1.01);\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    }\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.steam {\n      width: 14px;\n      height: 54px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.74);\n      filter: blur(7px);\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      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-panel h3 {\n      margin: 0 0 16px;\n      font-size: 24px;\n      font-weight: 950;\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    }\n\n    .sfhc-size-guide {\n      margin-top: 28px;\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      overflow-x: auto;\n    }\n\n    .sfhc-size-guide h3 {\n      margin: 0 0 8px;\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-size-table {\n      width: 100%;\n      border-collapse: collapse;\n      min-width: 520px;\n      overflow: hidden;\n      border-radius: 18px;\n    }\n\n    .sfhc-size-table th,\n    .sfhc-size-table td {\n      padding: 13px 14px;\n      text-align: left;\n      border-bottom: 1px solid rgba(44,44,44,0.08);\n      font-size: 14px;\n    }\n\n    .sfhc-size-table th {\n      background: rgba(var(--accent-rgb), 0.14);\n      color: var(--charcoal);\n      font-weight: 950;\n    }\n\n    .sfhc-size-table td {\n      background: rgba(255,255,255,0.56);\n      color: var(--grey);\n      font-weight: 700;\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 sfhcSteam {\n      0% { opacity: 0; transform: translateY(20px) scaleX(1); }\n      35% { opacity: 0.62; }\n      100% { opacity: 0; transform: translateY(-115px) scaleX(2.2); }\n    }\n\n    @keyframes sfhcFluff {\n      0%, 100% { transform: translateY(0) scale(1); opacity: 0.7; }\n      50% { transform: translateY(-12px) scale(1.2); 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-slippers {\n        width: 260px;\n        height: 210px;\n      }\n\n      .sfhc-slipper {\n        width: 112px;\n        height: 185px;\n      }\n\n      .sfhc-slipper.left {\n        left: 34px;\n      }\n\n      .sfhc-slipper.right {\n        right: 34px;\n      }\n\n      .sfhc-benefits,\n      .sfhc-split {\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 id=\"sfhc-plush-step\" class=\"sfhc-section\"\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 Plush Step\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"sfhc-subtitle\"\u003eEvery Step Feels Like a Hug. 🥰\u003c\/div\u003e\n\u003cp class=\"sfhc-text\"\u003eAfter a long day on your feet, cold floors should be the last thing you feel. SoftHaven™ The Plush Step wraps your feet in cloud-like cushioning, fluffy warmth and effortless slip-on comfort from the very first step.\u003c\/p\u003e\n\u003cdiv class=\"sfhc-actions\"\u003e\n\u003cbutton data-sfhc-scroll=\"\" class=\"sfhc-btn\" type=\"button\"\u003e Choose Your Size \u0026amp; Colour \u003c\/button\u003e\n\u003cdiv class=\"sfhc-note\"\u003ePlush sole · Fluffy lining · Black, Grey, Lavender, Brown, Caramel \u0026amp; Pink\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-trust-row\"\u003e\n\u003cspan\u003e☁️ Cloud-like cushioning\u003c\/span\u003e \u003cspan\u003e🔥 Instant warmth\u003c\/span\u003e \u003cspan\u003e🚶♀️ Easy slip-on comfort\u003c\/span\u003e \u003cspan\u003e⭐ True-to-size fit\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-warmth one\"\u003e\u003c\/span\u003e \u003cspan class=\"sfhc-warmth two\"\u003e\u003c\/span\u003e \u003cspan class=\"sfhc-warmth three\"\u003e\u003c\/span\u003e \u003cspan class=\"sfhc-fluff f1\"\u003e\u003c\/span\u003e \u003cspan class=\"sfhc-fluff f2\"\u003e\u003c\/span\u003e \u003cspan class=\"sfhc-fluff f3\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"sfhc-slippers\"\u003e\n\u003cdiv class=\"sfhc-slipper left\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-slipper right\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-colour-title\"\u003eTap a colour to preview the vibe\u003c\/div\u003e\n\u003cdiv class=\"sfhc-colours\"\u003e\n\u003cbutton aria-label=\"Black\" data-colour=\"black\" class=\"sfhc-colour sfhc-black\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton aria-label=\"Grey\" data-colour=\"grey\" class=\"sfhc-colour sfhc-grey\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton aria-label=\"Lavender\" data-colour=\"lavender\" class=\"sfhc-colour sfhc-lavender\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton aria-label=\"Brown\" data-colour=\"brown\" class=\"sfhc-colour sfhc-brown\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton aria-label=\"Caramel\" data-colour=\"caramel\" class=\"sfhc-colour sfhc-caramel\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton aria-label=\"Pink\" data-colour=\"pink\" class=\"sfhc-colour sfhc-pink\" type=\"button\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv data-selected-text=\"\" class=\"sfhc-selected\"\u003eSelected vibe: Caramel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-heading\"\u003e\n\u003ch2\u003eTap a Benefit to Feel the Effect\u003c\/h2\u003e\n\u003cp\u003eEach benefit is interactive, helping customers feel the softness, warmth and comfort story.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefits\"\u003e\n\u003cdiv data-effect=\"cloud\" class=\"sfhc-benefit\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e☁️\u003c\/div\u003e\n\u003ch3\u003eCloud-Like Cushioning\u003c\/h3\u003e\n\u003cp\u003eThick plush cushioning absorbs every step so your feet feel supported, soft and rested.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv data-effect=\"steam\" class=\"sfhc-benefit\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eInstant Warmth\u003c\/h3\u003e\n\u003cp\u003eFluffy lining wraps your feet in cosy heat the moment you slip them on.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv data-effect=\"comfort\" class=\"sfhc-benefit\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🤸\u003c\/div\u003e\n\u003ch3\u003eAll-Day Comfort\u003c\/h3\u003e\n\u003cp\u003eWide, easy fit with no pinching, no pressure points and no uncomfortable tightness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv data-effect=\"step\" class=\"sfhc-benefit\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🚶♀️\u003c\/div\u003e\n\u003ch3\u003eSlip-On Freedom\u003c\/h3\u003e\n\u003cp\u003eNo laces, no fuss. Just slide in and enjoy warmth from bedroom to kitchen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv data-effect=\"clean\" class=\"sfhc-benefit\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🧹\u003c\/div\u003e\n\u003ch3\u003eEasy To Clean\u003c\/h3\u003e\n\u003cp\u003eThe wipe-clean exterior helps keep them looking fresh throughout winter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv data-effect=\"winter\" class=\"sfhc-benefit\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🇿🇦\u003c\/div\u003e\n\u003ch3\u003eSA Winter Approved\u003c\/h3\u003e\n\u003cp\u003eWarm enough for chilly Highveld mornings, cold tiles and winter nights at home.\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 Them\u003c\/h3\u003e\n\u003cul class=\"sfhc-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eFeels like a foot hug:\u003c\/strong\u003e soft plush comfort that makes every step feel better.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eWarm from the first step:\u003c\/strong\u003e perfect for cold floors, early mornings and winter nights.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eEasy everyday wear:\u003c\/strong\u003e slide them on when you wake up, after work or before bed.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eGift-friendly comfort:\u003c\/strong\u003e practical, cosy and easy to love for anyone who hates cold feet.\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\u003eCold winter mornings\u003c\/strong\u003e when tiles feel freezing under your feet.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eAfter work comfort\u003c\/strong\u003e when your feet need softness and relief.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eHome lounging\u003c\/strong\u003e while making coffee, cleaning, cooking or relaxing.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eThoughtful gifting\u003c\/strong\u003e for moms, sisters, partners or anyone who loves cosy comfort.\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\u003eSize Guide UK 📏\u003c\/h3\u003e\n\u003cp\u003e93% of customers say these fit true to size. Choose your usual UK size for a comfortable fit.\u003c\/p\u003e\n\u003ctable class=\"sfhc-size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eUK Size\u003c\/th\u003e\n\u003cth\u003eRecommended Fit\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e3.5-4\u003c\/td\u003e\n\u003ctd\u003eSmall\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e4.5-5\u003c\/td\u003e\n\u003ctd\u003eMedium\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e5.5-6\u003c\/td\u003e\n\u003ctd\u003eLarge\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e6.5-7\u003c\/td\u003e\n\u003ctd\u003eX-Large\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8.5-9\u003c\/td\u003e\n\u003ctd\u003eXX-Large\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-story\"\u003e\n\u003ch2\u003eYour Morning, Transformed ☀️\u003c\/h2\u003e\n\u003cp\u003ePicture this: it is a cold winter morning in Pretoria. You get out of bed, slip on The Plush Step and suddenly the cold floor does not exist anymore. You walk to the kitchen, make your coffee and your feet are still warm. That is the SoftHaven difference.\u003c\/p\u003e\n\u003cbutton data-sfhc-scroll=\"\" class=\"sfhc-btn\" type=\"button\"\u003e Give My Feet The Plush Step \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    (function () {\n      var section = document.getElementById(\"sfhc-plush-step\");\n      if (!section) return;\n\n      var selectedText = section.querySelector(\"[data-selected-text]\");\n\n      var colourData = {\n        black: {\n          name: \"Black\",\n          accent: \"#2c2c2c\",\n          accentDark: \"#111111\",\n          accentRgb: \"44, 44, 44\",\n          bgOne: \"#f7f2ef\",\n          bgTwo: \"#d8d1cd\",\n          slipperOne: \"#444444\",\n          slipperTwo: \"#111111\",\n          furOne: \"#f4f4f4\",\n          furTwo: \"#cfcfcf\"\n        },\n        grey: {\n          name: \"Grey\",\n          accent: \"#8f8f8f\",\n          accentDark: \"#5c5c5c\",\n          accentRgb: \"143, 143, 143\",\n          bgOne: \"#fafafa\",\n          bgTwo: \"#d6d6d6\",\n          slipperOne: \"#b8b8b8\",\n          slipperTwo: \"#6f6f6f\",\n          furOne: \"#ffffff\",\n          furTwo: \"#dddddd\"\n        },\n        lavender: {\n          name: \"Lavender\",\n          accent: \"#9b7cc7\",\n          accentDark: \"#765aa1\",\n          accentRgb: \"155, 124, 199\",\n          bgOne: \"#f7f1ff\",\n          bgTwo: \"#d7c3f1\",\n          slipperOne: \"#cdb6eb\",\n          slipperTwo: \"#9271c1\",\n          furOne: \"#fff7ff\",\n          furTwo: \"#e2d0f5\"\n        },\n        brown: {\n          name: \"Brown\",\n          accent: \"#7b4b30\",\n          accentDark: \"#5c3420\",\n          accentRgb: \"123, 75, 48\",\n          bgOne: \"#fff4ea\",\n          bgTwo: \"#c99b76\",\n          slipperOne: \"#9a6540\",\n          slipperTwo: \"#6a3f26\",\n          furOne: \"#fff0da\",\n          furTwo: \"#d6a978\"\n        },\n        caramel: {\n          name: \"Caramel\",\n          accent: \"#c88a55\",\n          accentDark: \"#9f6636\",\n          accentRgb: \"200, 138, 85\",\n          bgOne: \"#fff6ee\",\n          bgTwo: \"#eec59d\",\n          slipperOne: \"#e7b47c\",\n          slipperTwo: \"#b97942\",\n          furOne: \"#fff2df\",\n          furTwo: \"#f3cfa5\"\n        },\n        pink: {\n          name: \"Pink\",\n          accent: \"#d97896\",\n          accentDark: \"#be5f7d\",\n          accentRgb: \"217, 120, 150\",\n          bgOne: \"#fff3f6\",\n          bgTwo: \"#f5b5c7\",\n          slipperOne: \"#ffd3df\",\n          slipperTwo: \"#f5a9bd\",\n          furOne: \"#fff8fb\",\n          furTwo: \"#ffd9e5\"\n        }\n      };\n\n      function setColour(colour) {\n        var data = colourData[colour];\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(\"--slipper-one\", data.slipperOne);\n        section.style.setProperty(\"--slipper-two\", data.slipperTwo);\n        section.style.setProperty(\"--fur-one\", data.furOne);\n        section.style.setProperty(\"--fur-two\", data.furTwo);\n\n        section.querySelectorAll(\"[data-colour]\").forEach(function (btn) {\n          btn.classList.toggle(\"is-active\", btn.getAttribute(\"data-colour\") === colour);\n        });\n\n        if (selectedText) {\n          selectedText.textContent = \"Selected vibe: \" + data.name;\n        }\n      }\n\n      section.querySelectorAll(\"[data-colour]\").forEach(function (button) {\n        button.addEventListener(\"click\", function () {\n          setColour(button.getAttribute(\"data-colour\"));\n        });\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          cloud: [\"☁️\", \"♡\", \"☁️\", \"♡\", \"☁️\"],\n          steam: [\"\", \"\", \"\", \"\", \"\"],\n          comfort: [\"✨\", \"🦥\", \"♡\", \"✨\", \"🦥\"],\n          step: [\"👣\", \"↗\", \"👣\", \"✨\", \"↗\"],\n          clean: [\"✨\", \"🧹\", \"✨\", \"♡\", \"🧹\"],\n          winter: [\"❄️\", \"🔥\", \"🇿🇦\", \"❄️\", \"🔥\"]\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 === \"steam\") {\n            particle.classList.add(\"steam\");\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.querySelectorAll(\".sfhc-benefit\").forEach(function (card) {\n        card.addEventListener(\"click\", function () {\n          createEffect(card, card.getAttribute(\"data-effect\"));\n        });\n      });\n\n      section.querySelectorAll(\"[data-sfhc-scroll]\").forEach(function (button) {\n        button.addEventListener(\"click\", function () {\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      setColour(\"caramel\");\n    })();\n  \u003c\/script\u003e\u003c\/section\u003e","brand":"SoftHaven","offers":[{"title":"Pink \/ 3.5-4","offer_id":46777764872329,"sku":"SSH-SLIP-PNK-35","price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ 4.5-5","offer_id":46777764905097,"sku":"SSH-SLIP-PNK-45","price":319.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ 5.5-6","offer_id":46777764937865,"sku":"SSH-SLIP-PNK-55","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ 6.5-7","offer_id":46777764970633,"sku":"SSH-SLIP-PNK-65","price":359.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ 8.5-9","offer_id":46777765003401,"sku":"SSH-SLIP-PNK-85","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Brown \/ 3.5-4","offer_id":46777765036169,"sku":"SSH-SLIP-BRN-35","price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Brown \/ 4.5-5","offer_id":46777765068937,"sku":"SSH-SLIP-BRN-45","price":319.0,"currency_code":"ZAR","in_stock":true},{"title":"Brown \/ 5.5-6","offer_id":46777765101705,"sku":"SSH-SLIP-BRN-55","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Brown \/ 6.5-7","offer_id":46777765134473,"sku":"SSH-SLIP-BRN-65","price":359.0,"currency_code":"ZAR","in_stock":true},{"title":"Brown \/ 8.5-9","offer_id":46777765167241,"sku":"SSH-SLIP-BRN-85","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ 3.5-4","offer_id":46777765200009,"sku":"SSH-SLIP-GRY-35","price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ 4.5-5","offer_id":46777765232777,"sku":"SSH-SLIP-GRY-45","price":319.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ 5.5-6","offer_id":46777765265545,"sku":"SSH-SLIP-GRY-55","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ 6.5-7","offer_id":46777765298313,"sku":"SSH-SLIP-GRY-65","price":359.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ 8.5-9","offer_id":46777765331081,"sku":"SSH-SLIP-GRY-85","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Bronze \/ 3.5-4","offer_id":46777765363849,"sku":"SSH-SLIP-BRZ-35","price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Bronze \/ 4.5-5","offer_id":46777765396617,"sku":"SSH-SLIP-BRZ-45","price":319.0,"currency_code":"ZAR","in_stock":true},{"title":"Bronze \/ 5.5-6","offer_id":46777765429385,"sku":"SSH-SLIP-BRZ-55","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Bronze \/ 6.5-7","offer_id":46777765462153,"sku":"SSH-SLIP-BRZ-65","price":359.0,"currency_code":"ZAR","in_stock":true},{"title":"Bronze \/ 8.5-9","offer_id":46777765494921,"sku":"SSH-SLIP-BRZ-85","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ 3.5-4","offer_id":46777765527689,"sku":"SSH-SLIP-BLK-35","price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ 4.5-5","offer_id":46777765560457,"sku":"SSH-SLIP-BLK-45","price":319.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ 5.5-6","offer_id":46777765593225,"sku":"SSH-SLIP-BLK-55","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ 6.5-7","offer_id":46777765625993,"sku":"SSH-SLIP-BLK-65","price":359.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ 8.5-9","offer_id":46777765658761,"sku":"SSH-SLIP-BLK-85","price":379.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/3539\/8537\/files\/warm-plush-slippers.png?v=1779279652","url":"https:\/\/www.softhaven.co.za\/products\/softhaven%e2%84%a2-the-plush-step","provider":"SoftHaven","version":"1.0","type":"link"}