{"product_id":"softhaven™-the-second-skin","title":"SoftHaven™ The Second Skin","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: #8b1e2d;\n      --accent-dark: #651521;\n      --accent-rgb: 139, 30, 45;\n      --bg-one: #fff1f2;\n      --bg-two: #e8a0a8;\n      --legging-one: #a43a49;\n      --legging-two: #651521;\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-leggings {\n      position: relative;\n      width: 220px;\n      height: 310px;\n      animation: sfhcBreathe 4.5s ease-in-out infinite;\n      filter: drop-shadow(0 28px 45px rgba(112,67,54,0.28));\n    }\n\n    .sfhc-waist {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      width: 150px;\n      height: 58px;\n      transform: translateX(-50%);\n      border-radius: 30px 30px 18px 18px;\n      background:\n        linear-gradient(145deg, rgba(255,255,255,0.22), transparent),\n        linear-gradient(145deg, var(--legging-one), var(--legging-two));\n      box-shadow: inset 0 0 18px rgba(255,255,255,0.18);\n    }\n\n    .sfhc-waist::after {\n      content: \"\";\n      position: absolute;\n      left: 18px;\n      right: 18px;\n      bottom: 11px;\n      height: 5px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.28);\n    }\n\n    .sfhc-leg {\n      position: absolute;\n      top: 48px;\n      width: 78px;\n      height: 252px;\n      background:\n        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.20), transparent 22%),\n        linear-gradient(160deg, var(--legging-one), var(--legging-two));\n      box-shadow: inset 0 0 20px rgba(255,255,255,0.12);\n    }\n\n    .sfhc-leg.left {\n      left: 32px;\n      border-radius: 34px 18px 38px 38px;\n      transform: rotate(3deg);\n    }\n\n    .sfhc-leg.right {\n      right: 32px;\n      border-radius: 18px 34px 38px 38px;\n      transform: rotate(-3deg);\n    }\n\n    .sfhc-leg::after {\n      content: \"\";\n      position: absolute;\n      bottom: 8px;\n      left: 12px;\n      right: 12px;\n      height: 6px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.22);\n    }\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-navy { background: #17213f; }\n    .sfhc-burgundy { background: #8b1e2d; }\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: 620px;\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 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-leggings {\n        width: 190px;\n        height: 280px;\n      }\n\n      .sfhc-waist {\n        width: 132px;\n        height: 52px;\n      }\n\n      .sfhc-leg {\n        top: 43px;\n        width: 68px;\n        height: 228px;\n      }\n\n      .sfhc-leg.left {\n        left: 29px;\n      }\n\n      .sfhc-leg.right {\n        right: 29px;\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 class=\"sfhc-section\" id=\"sfhc-second-skin\"\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 Second Skin\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"sfhc-subtitle\"\u003eFeel Warm From the Inside Out. 🔥\u003c\/div\u003e\n\u003cp class=\"sfhc-text\"\u003eCold legs are a thing of the past. SoftHaven™ The Second Skin is the high-waisted thermal legging that fits so perfectly and feels so warm, you’ll forget you’re even wearing them.\u003c\/p\u003e\n\u003cdiv class=\"sfhc-actions\"\u003e\n\u003cbutton type=\"button\" class=\"sfhc-btn\" data-sfhc-scroll=\"\"\u003e Choose Your Size \u0026amp; Colour \u003c\/button\u003e\n\u003cdiv class=\"sfhc-note\"\u003eHigh-waisted · Thermal feel · Black, Grey, Navy \u0026amp; Burgundy\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-trust-row\"\u003e\n\u003cspan\u003e🔥 Thermal warmth\u003c\/span\u003e \u003cspan\u003e🤸 Four-way stretch\u003c\/span\u003e \u003cspan\u003e⌛ Sculpting high waist\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\n\u003cdiv class=\"sfhc-leggings\"\u003e\n\u003cdiv class=\"sfhc-waist\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-leg left\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-leg 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 type=\"button\" class=\"sfhc-colour sfhc-black\" data-colour=\"black\" aria-label=\"Black\"\u003e\u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-colour sfhc-grey\" data-colour=\"grey\" aria-label=\"Grey\"\u003e\u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-colour sfhc-navy\" data-colour=\"navy\" aria-label=\"Navy\"\u003e\u003c\/button\u003e \u003cbutton type=\"button\" class=\"sfhc-colour sfhc-burgundy\" data-colour=\"burgundy\" aria-label=\"Burgundy\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-selected\" data-selected-text=\"\"\u003eSelected vibe: Burgundy\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 warmth, stretch and comfort story.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefits\"\u003e\n\u003cdiv class=\"sfhc-benefit\" data-effect=\"steam\"\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 Warmth\u003c\/h3\u003e\n\u003cp\u003eThermal-style lining helps keep your legs warm from morning to night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-effect=\"move\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🤸\u003c\/div\u003e\n\u003ch3\u003eMove Freely\u003c\/h3\u003e\n\u003cp\u003eFour-way stretch moves with your body, not against it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-effect=\"sculpt\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e⌛\u003c\/div\u003e\n\u003ch3\u003eSculpting Fit\u003c\/h3\u003e\n\u003cp\u003eThe high waist smooths and shapes for a confident winter silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-effect=\"comfort\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e🧘\u003c\/div\u003e\n\u003ch3\u003eZero Discomfort\u003c\/h3\u003e\n\u003cp\u003eNo pinching, no rolling down and no adjusting all day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-effect=\"style\"\u003e\n\u003cdiv class=\"sfhc-effect-layer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sfhc-icon\"\u003e💃\u003c\/div\u003e\n\u003ch3\u003eWear Anywhere\u003c\/h3\u003e\n\u003cp\u003eStylish enough for errands, cosy enough for the couch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sfhc-benefit\" data-effect=\"snow\"\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 Ready\u003c\/h3\u003e\n\u003cp\u003eBuilt for Joburg, Cape Town and Bloemfontein cold.\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\u003eSecond-skin feel:\u003c\/strong\u003e soft, slim and comfortable without feeling restrictive.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eHigh-waisted support:\u003c\/strong\u003e smooths the waist and gives a flattering shape.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eWinter comfort:\u003c\/strong\u003e made for cold days when normal leggings are not enough.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eEasy styling:\u003c\/strong\u003e pair with hoodies, jerseys, coats, boots or sneakers.\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 morning errands\u003c\/strong\u003e when you still want to look put together.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eLounging at home\u003c\/strong\u003e without freezing your legs.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eLight workouts or yoga\u003c\/strong\u003e thanks to flexible stretch.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"sfhc-check\"\u003e✓\u003c\/span\u003e\u003cspan\u003e\u003cstrong\u003eWinter layering\u003c\/strong\u003e under oversized tops, jackets and coats.\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 📏\u003c\/h3\u003e\n\u003cp\u003e93% of customers say these fit true to size. Choose your usual size for a slim, sculpted fit.\u003c\/p\u003e\n\u003ctable class=\"sfhc-size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eHips\u003c\/th\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e66-70cm\u003c\/td\u003e\n\u003ctd\u003e91-95cm\u003c\/td\u003e\n\u003ctd\u003e165-170cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e70-74cm\u003c\/td\u003e\n\u003ctd\u003e95-99cm\u003c\/td\u003e\n\u003ctd\u003e170-175cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e75-81cm\u003c\/td\u003e\n\u003ctd\u003e100-106cm\u003c\/td\u003e\n\u003ctd\u003e175-180cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e81-87cm\u003c\/td\u003e\n\u003ctd\u003e106-112cm\u003c\/td\u003e\n\u003ctd\u003e175-180cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e87-93cm\u003c\/td\u003e\n\u003ctd\u003e112-118cm\u003c\/td\u003e\n\u003ctd\u003e180-185cm\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 Warmest, Most Flattering Winter Starts Here 🇿🇦\u003c\/h2\u003e\n\u003cp\u003eImagine stepping out on a freezing morning without that icy-leg feeling. The Second Skin keeps you warm, smooth and comfortable — from errands to lounging, from chilly nights to winter mornings.\u003c\/p\u003e\n\u003cbutton type=\"button\" class=\"sfhc-btn\" data-sfhc-scroll=\"\"\u003e Choose My Size \u0026amp; Colour \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    (function () {\n      var section = document.getElementById(\"sfhc-second-skin\");\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          leggingOne: \"#444444\",\n          leggingTwo: \"#111111\"\n        },\n        grey: {\n          name: \"Grey\",\n          accent: \"#8f8f8f\",\n          accentDark: \"#5c5c5c\",\n          accentRgb: \"143, 143, 143\",\n          bgOne: \"#fafafa\",\n          bgTwo: \"#d6d6d6\",\n          leggingOne: \"#b8b8b8\",\n          leggingTwo: \"#6f6f6f\"\n        },\n        navy: {\n          name: \"Navy\",\n          accent: \"#17213f\",\n          accentDark: \"#0d1428\",\n          accentRgb: \"23, 33, 63\",\n          bgOne: \"#f3f5ff\",\n          bgTwo: \"#c8d3ef\",\n          leggingOne: \"#2c3b69\",\n          leggingTwo: \"#111a35\"\n        },\n        burgundy: {\n          name: \"Burgundy\",\n          accent: \"#8b1e2d\",\n          accentDark: \"#651521\",\n          accentRgb: \"139, 30, 45\",\n          bgOne: \"#fff1f2\",\n          bgTwo: \"#e8a0a8\",\n          leggingOne: \"#a43a49\",\n          leggingTwo: \"#651521\"\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(\"--legging-one\", data.leggingOne);\n        section.style.setProperty(\"--legging-two\", data.leggingTwo);\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          steam: [\"\", \"\", \"\", \"\", \"\"],\n          move: [\"↗\", \"↖\", \"↗\", \"✨\", \"↖\"],\n          sculpt: [\"⌛\", \"✨\", \"⌛\", \"♡\", \"✨\"],\n          comfort: [\"🧘\", \"♡\", \"✨\", \"♡\", \"🧘\"],\n          style: [\"💃\", \"✨\", \"♡\", \"💃\", \"✨\"],\n          snow: [\"❄️\", \"❄️\", \"✨\", \"❄️\", \"❄️\"]\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(\"burgundy\");\n    })();\n  \u003c\/script\u003e\u003c\/section\u003e","brand":"SoftHaven","offers":[{"title":"Black \/ S","offer_id":46777765724297,"sku":"SSH-LEG-BLK-S","price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ M","offer_id":46777765757065,"sku":"SSH-LEG-BLK-M","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ L","offer_id":46777765789833,"sku":"SSH-LEG-BLK-L","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ XL","offer_id":46777765822601,"sku":"SSH-LEG-BLK-XL","price":419.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ 2XL","offer_id":46777765855369,"sku":"SSH-LEG-BLK-2XL","price":459.0,"currency_code":"ZAR","in_stock":true},{"title":"Navy \/ S","offer_id":46777765888137,"sku":"SSH-LEG-NVY-S","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Navy \/ M","offer_id":46777765920905,"sku":"SSH-LEG-NVY-M","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Navy \/ L","offer_id":46777765953673,"sku":"SSH-LEG-NVY-L","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Navy \/ XL","offer_id":46777765986441,"sku":"SSH-LEG-NVY-XL","price":419.0,"currency_code":"ZAR","in_stock":true},{"title":"Navy \/ 2XL","offer_id":46777766019209,"sku":"SSH-LEG-NVY-2XL","price":459.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ S","offer_id":46777766051977,"sku":"SSH-LEG-GRY-S","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ M","offer_id":46777766084745,"sku":"SSH-LEG-GRY-M","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ L","offer_id":46777766117513,"sku":"SSH-LEG-GRY-L","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ XL","offer_id":46777766150281,"sku":"SSH-LEG-GRY-XL","price":419.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray \/ 2XL","offer_id":46777766183049,"sku":"SSH-LEG-GRY-2XL","price":459.0,"currency_code":"ZAR","in_stock":true},{"title":"Burgundy \/ S","offer_id":46777766215817,"sku":"SSH-LEG-BRG-S","price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Burgundy \/ M","offer_id":46777766248585,"sku":"SSH-LEG-BRG-M","price":339.0,"currency_code":"ZAR","in_stock":true},{"title":"Burgundy \/ L","offer_id":46777766281353,"sku":"SSH-LEG-BRG-L","price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Burgundy \/ XL","offer_id":46777766314121,"sku":"SSH-LEG-BRG-XL","price":419.0,"currency_code":"ZAR","in_stock":true},{"title":"Burgundy \/ 2XL","offer_id":46777766346889,"sku":"SSH-LEG-BRG-2XL","price":459.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/3539\/8537\/files\/second-skin-black.png?v=1779287295","url":"https:\/\/www.softhaven.co.za\/products\/softhaven%e2%84%a2-the-second-skin","provider":"SoftHaven","version":"1.0","type":"link"}