{"product_id":"🌸-starter-hair-set","title":"🌸 Starter Hair Set","description":"\u003cstyle\u003e\n  .silkrose-bundle {\n    --rose: #c98f9d;\n    --rose-light: #f8e9ed;\n    --rose-soft: #fff7f9;\n    --dark: #1d191b;\n    --muted: #756b70;\n    --white: #ffffff;\n\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--dark);\n    background:\n      radial-gradient(circle at 10% 10%, rgba(201,143,157,.14), transparent 30%),\n      radial-gradient(circle at 90% 85%, rgba(201,143,157,.12), transparent 30%),\n      linear-gradient(180deg, #fffafa 0%, #ffffff 100%);\n    padding: 55px 20px;\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .silkrose-bundle * {\n    box-sizing: border-box;\n  }\n\n  .silkrose-bundle .sr-inner {\n    max-width: 1050px;\n    margin: 0 auto;\n  }\n\n  .silkrose-bundle .sr-header {\n    text-align: center;\n    margin-bottom: 42px;\n  }\n\n  .silkrose-bundle .sr-eyebrow {\n    font-size: 12px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--rose);\n    font-weight: 700;\n    margin-bottom: 12px;\n  }\n\n  .silkrose-bundle h2 {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(30px, 5vw, 46px);\n    line-height: 1.12;\n    margin: 0 0 16px;\n    font-weight: 500;\n    letter-spacing: -0.5px;\n  }\n\n  .silkrose-bundle .sr-intro {\n    max-width: 680px;\n    margin: 0 auto;\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .silkrose-bundle .sr-products {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-bottom: 38px;\n  }\n\n  .silkrose-bundle .sr-card {\n    background: rgba(255,255,255,.86);\n    border: 1px solid rgba(201,143,157,.18);\n    border-radius: 20px;\n    padding: 30px 24px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 12px 35px rgba(29,25,27,.06);\n    transition: transform .35s ease, box-shadow .35s ease;\n    animation: srFadeUp .7s ease both;\n  }\n\n  .silkrose-bundle .sr-card:nth-child(2) {\n    animation-delay: .12s;\n  }\n\n  .silkrose-bundle .sr-card:nth-child(3) {\n    animation-delay: .24s;\n  }\n\n  .silkrose-bundle .sr-card:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 18px 42px rgba(29,25,27,.11);\n  }\n\n  .silkrose-bundle .sr-card::after {\n    content: \"\";\n    position: absolute;\n    top: -80%;\n    left: -100%;\n    width: 55%;\n    height: 260%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.55),\n      transparent\n    );\n    transform: rotate(18deg);\n    transition: left .7s ease;\n  }\n\n  .silkrose-bundle .sr-card:hover::after {\n    left: 160%;\n  }\n\n  .silkrose-bundle .sr-icon {\n    width: 58px;\n    height: 58px;\n    margin: 0 auto 18px;\n    border-radius: 50%;\n    background: var(--rose-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 25px;\n    transition: transform .35s ease;\n  }\n\n  .silkrose-bundle .sr-card:hover .sr-icon {\n    transform: rotate(8deg) scale(1.08);\n  }\n\n  .silkrose-bundle .sr-card h3 {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 21px;\n    font-weight: 500;\n    margin: 0 0 10px;\n  }\n\n  .silkrose-bundle .sr-card p {\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.65;\n    margin: 0;\n  }\n\n  .silkrose-bundle .sr-highlight {\n    background: linear-gradient(135deg, var(--rose-soft), #ffffff);\n    border: 1px solid rgba(201,143,157,.22);\n    border-radius: 22px;\n    padding: 34px 28px;\n    text-align: center;\n    margin-bottom: 30px;\n    animation: srFadeUp .8s ease both;\n  }\n\n  .silkrose-bundle .sr-highlight h3 {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 25px;\n    font-weight: 500;\n    margin: 0 0 10px;\n  }\n\n  .silkrose-bundle .sr-highlight p {\n    color: var(--muted);\n    max-width: 650px;\n    margin: 0 auto;\n    line-height: 1.7;\n    font-size: 15px;\n  }\n\n  .silkrose-bundle .sr-pricing {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-top: 24px;\n  }\n\n  .silkrose-bundle .sr-price-box {\n    padding: 13px 20px;\n    border-radius: 50px;\n    background: var(--white);\n    border: 1px solid rgba(201,143,157,.2);\n    color: var(--muted);\n    font-size: 14px;\n  }\n\n  .silkrose-bundle .sr-price-box strong {\n    color: var(--dark);\n  }\n\n  .silkrose-bundle .sr-bundle-price {\n    background: var(--rose);\n    color: var(--white);\n    border-color: var(--rose);\n    box-shadow: 0 8px 20px rgba(201,143,157,.25);\n  }\n\n  .silkrose-bundle .sr-bundle-price strong {\n    color: var(--white);\n    font-size: 17px;\n  }\n\n  .silkrose-bundle .sr-saving {\n    color: var(--rose);\n    font-weight: 700;\n  }\n\n  .silkrose-bundle .sr-tagline {\n    text-align: center;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 18px;\n    font-style: italic;\n    color: var(--rose);\n    letter-spacing: .3px;\n    margin-top: 28px;\n    animation: srFadeUp .9s ease both;\n  }\n\n  @keyframes srFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(18px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media (max-width: 750px) {\n    .silkrose-bundle {\n      padding: 42px 16px;\n      border-radius: 18px;\n    }\n\n    .silkrose-bundle .sr-header {\n      margin-bottom: 30px;\n    }\n\n    .silkrose-bundle .sr-intro {\n      font-size: 15px;\n      line-height: 1.65;\n    }\n\n    .silkrose-bundle .sr-products {\n      grid-template-columns: 1fr;\n      gap: 15px;\n    }\n\n    .silkrose-bundle .sr-card {\n      padding: 25px 20px;\n    }\n\n    .silkrose-bundle .sr-highlight {\n      padding: 28px 20px;\n    }\n\n    .silkrose-bundle .sr-pricing {\n      flex-direction: column;\n      gap: 9px;\n    }\n\n    .silkrose-bundle .sr-price-box {\n      width: 100%;\n      max-width: 300px;\n      text-align: center;\n    }\n  }\n\n  @media (max-width: 400px) {\n    .silkrose-bundle h2 {\n      font-size: 29px;\n    }\n\n    .silkrose-bundle .sr-card h3 {\n      font-size: 20px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .silkrose-bundle .sr-card,\n    .silkrose-bundle .sr-highlight,\n    .silkrose-bundle .sr-tagline {\n      animation: none;\n    }\n\n    .silkrose-bundle .sr-card,\n    .silkrose-bundle .sr-icon {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"silkrose-bundle\"\u003e\n  \u003cdiv class=\"sr-inner\"\u003e\n\n    \u003cdiv class=\"sr-header\"\u003e\n      \u003cdiv class=\"sr-eyebrow\"\u003eSilk Rose\u003c\/div\u003e\n\n      \u003ch2\u003eYour Hair Care Starter Bundle\u003c\/h2\u003e\n\n      \u003cp class=\"sr-intro\"\u003e\n        Everything you need to begin your premium hair care routine —\n        thoughtfully curated for softer hair, scalp care, and everyday self-care.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-products\"\u003e\n\n      \u003cdiv class=\"sr-card\"\u003e\n        \u003cdiv class=\"sr-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3\u003eRosemary Hair Oil\u003c\/h3\u003e\n        \u003cp\u003e\n          Nourishes the scalp and supports a healthy-looking hair care routine\n          with the botanical benefits of rosemary.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sr-card\"\u003e\n        \u003cdiv class=\"sr-icon\"\u003e🎀\u003c\/div\u003e\n        \u003ch3\u003eSatin Sleep Bonnet\u003c\/h3\u003e\n        \u003cp\u003e\n          Helps reduce friction while you sleep, supporting smoother-looking\n          hair and helping your styles stay fresh.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sr-card\"\u003e\n        \u003cdiv class=\"sr-icon\"\u003e💆\u003c\/div\u003e\n        \u003ch3\u003eSilicone Scalp Massager\u003c\/h3\u003e\n        \u003cp\u003e\n          Gently massages the scalp while helping you relax and refresh your\n          everyday hair care routine.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-highlight\"\u003e\n\n      \u003ch3\u003eEverything Your Routine Needs\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Three everyday essentials designed to work beautifully together —\n        from nourishing your scalp to protecting your hair while you sleep.\n        Treat yourself, or gift someone you love, the luxury of a complete\n        hair care routine.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"sr-pricing\"\u003e\n\n        \u003cdiv class=\"sr-price-box\"\u003e\n          Individual Value:\n          \u003cstrong\u003eR278\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sr-price-box sr-bundle-price\"\u003e\n          Bundle Price:\n          \u003cstrong\u003eR249\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sr-price-box\"\u003e\n          \u003cspan class=\"sr-saving\"\u003eYou Save: R29\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-tagline\"\u003e\n      Healthier Hair. Naturally Beautiful.\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Silk Rosé","offers":[{"title":"Black \/ Pink","offer_id":53908849819941,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ Purple","offer_id":53908849852709,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple \/ Pink","offer_id":53908849885477,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":false},{"title":"Purple \/ Purple","offer_id":53908849918245,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1020\/5010\/3589\/files\/whats-included.png?v=1790529631","url":"https:\/\/silkrose.co.za\/products\/%f0%9f%8c%b8-starter-hair-set","provider":"Silk Rosé","version":"1.0","type":"link"}