{"product_id":"rosemary-hair-scalp-essential-oil","title":"Rosemary Hair \u0026 Scalp Essential Oil","description":"\u003cstyle\u003e\n  .silkrose-rosemary {\n    --rose: #c98f9d;\n    --rose-light: #f8e9ed;\n    --rose-soft: #fff7f9;\n    --dark: #1d191b;\n    --muted: #756b70;\n    --white: #ffffff;\n\n    position: relative;\n    overflow: hidden;\n    padding: 55px 20px;\n    background:\n      radial-gradient(circle at 10% 10%, rgba(201,143,157,.16), transparent 30%),\n      radial-gradient(circle at 90% 85%, rgba(201,143,157,.13), transparent 30%),\n      linear-gradient(145deg, #ffffff 0%, var(--rose-soft) 100%);\n    color: var(--dark);\n    font-family: Arial, sans-serif;\n  }\n\n  .silkrose-rosemary * {\n    box-sizing: border-box;\n  }\n\n  .silkrose-rosemary::before,\n  .silkrose-rosemary::after {\n    content: \"\";\n    position: absolute;\n    width: 180px;\n    height: 180px;\n    border-radius: 50%;\n    background: rgba(201,143,157,.08);\n    filter: blur(35px);\n    pointer-events: none;\n  }\n\n  .silkrose-rosemary::before {\n    top: -80px;\n    left: -70px;\n  }\n\n  .silkrose-rosemary::after {\n    bottom: -90px;\n    right: -60px;\n  }\n\n  .silkrose-rosemary .sr-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 1050px;\n    margin: auto;\n  }\n\n  .silkrose-rosemary .sr-header {\n    text-align: center;\n    margin-bottom: 42px;\n    animation: srFadeUp .8s ease both;\n  }\n\n  .silkrose-rosemary .sr-brand {\n    display: inline-block;\n    margin-bottom: 12px;\n    padding: 7px 15px;\n    border-radius: 30px;\n    background: rgba(201,143,157,.12);\n    color: var(--rose);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n  }\n\n  .silkrose-rosemary h2 {\n    margin: 0 auto 14px;\n    max-width: 780px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(30px, 5vw, 50px);\n    line-height: 1.12;\n    font-weight: 400;\n    letter-spacing: -1px;\n  }\n\n  .silkrose-rosemary .sr-subtitle {\n    max-width: 680px;\n    margin: auto;\n    color: var(--muted);\n    font-size: 15px;\n    line-height: 1.8;\n  }\n\n  .silkrose-rosemary .sr-section-title {\n    margin: 0 0 20px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 26px;\n    font-weight: 400;\n    text-align: center;\n  }\n\n  .silkrose-rosemary .sr-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n\n  .silkrose-rosemary .sr-card {\n    position: relative;\n    padding: 27px 24px;\n    border: 1px solid rgba(201,143,157,.18);\n    border-radius: 18px;\n    background: rgba(255,255,255,.82);\n    box-shadow: 0 10px 35px rgba(80,40,50,.06);\n    overflow: hidden;\n    transition:\n      transform .35s ease,\n      box-shadow .35s ease,\n      border-color .35s ease;\n    animation: srFadeUp .7s ease both;\n  }\n\n  .silkrose-rosemary .sr-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(201,143,157,.4);\n    box-shadow: 0 18px 45px rgba(80,40,50,.11);\n  }\n\n  .silkrose-rosemary .sr-card::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 70%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.65),\n      transparent\n    );\n    transform: skewX(-20deg);\n    transition: left .7s ease;\n  }\n\n  .silkrose-rosemary .sr-card:hover::after {\n    left: 140%;\n  }\n\n  .silkrose-rosemary .sr-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    margin-bottom: 17px;\n    border-radius: 50%;\n    background: var(--rose-light);\n    color: var(--rose);\n    font-size: 21px;\n    transition: transform .4s ease;\n  }\n\n  .silkrose-rosemary .sr-card:hover .sr-icon {\n    transform: rotate(8deg) scale(1.08);\n  }\n\n  .silkrose-rosemary h3 {\n    margin: 0 0 9px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 20px;\n    font-weight: 400;\n  }\n\n  .silkrose-rosemary .sr-card p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 13.5px;\n    line-height: 1.75;\n  }\n\n  .silkrose-rosemary .sr-details {\n    margin-top: 45px;\n    padding: 32px 25px;\n    border-radius: 22px;\n    background: linear-gradient(\n      135deg,\n      rgba(248,233,237,.9),\n      rgba(255,255,255,.95)\n    );\n    border: 1px solid rgba(201,143,157,.18);\n    text-align: center;\n    animation: srFadeUp .9s ease both;\n  }\n\n  .silkrose-rosemary .sr-details-title {\n    margin: 0 0 20px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 27px;\n    font-weight: 400;\n  }\n\n  .silkrose-rosemary .sr-pills {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n  }\n\n  .silkrose-rosemary .sr-pill {\n    padding: 11px 16px;\n    border-radius: 50px;\n    background: var(--white);\n    border: 1px solid rgba(201,143,157,.2);\n    color: var(--dark);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .7px;\n  }\n\n  .silkrose-rosemary .sr-ending {\n    margin-top: 38px;\n    text-align: center;\n    animation: srFadeUp 1s ease both;\n  }\n\n  .silkrose-rosemary .sr-ending p {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 20px;\n    font-style: italic;\n    color: var(--rose);\n  }\n\n  @keyframes srFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(22px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media (max-width: 650px) {\n    .silkrose-rosemary {\n      padding: 42px 15px;\n    }\n\n    .silkrose-rosemary .sr-grid {\n      grid-template-columns: 1fr;\n      gap: 13px;\n    }\n\n    .silkrose-rosemary .sr-card {\n      padding: 23px 20px;\n    }\n\n    .silkrose-rosemary .sr-details {\n      padding: 27px 17px;\n      margin-top: 32px;\n    }\n\n    .silkrose-rosemary h2 {\n      font-size: 32px;\n    }\n\n    .silkrose-rosemary .sr-subtitle {\n      font-size: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .silkrose-rosemary *,\n    .silkrose-rosemary *::before,\n    .silkrose-rosemary *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"silkrose-rosemary\"\u003e\n  \u003cdiv class=\"sr-inner\"\u003e\n\n    \u003cdiv class=\"sr-header\"\u003e\n      \u003cspan class=\"sr-brand\"\u003eSilk Rose\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Nourish Your Scalp.\u003cbr\u003e\n        Strengthen Your Hair.\n      \u003c\/h2\u003e\n\n      \u003cp class=\"sr-subtitle\"\u003e\n        Our Rosemary Hair \u0026amp; Scalp Essential Oil is designed to nourish\n        your scalp and support a healthy-looking hair-care routine with\n        the power of rosemary.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"sr-section-title\"\u003eKey Benefits\u003c\/h3\u003e\n\n    \u003cdiv class=\"sr-grid\"\u003e\n\n      \u003cdiv class=\"sr-card\"\u003e\n        \u003cdiv class=\"sr-icon\"\u003e✦\u003c\/div\u003e\n        \u003ch3\u003eSupports Hair Growth\u003c\/h3\u003e\n        \u003cp\u003e\n          Rosemary-inspired scalp care designed to support a healthy\n          environment for beautiful, stronger-looking hair.\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\u003eNourishes the Scalp\u003c\/h3\u003e\n        \u003cp\u003e\n          Helps moisturise and care for dry-feeling scalp while leaving\n          it feeling soft, refreshed and nourished.\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\u003eBotanical Formula\u003c\/h3\u003e\n        \u003cp\u003e\n          Made with rosemary-focused ingredients for a simple,\n          botanical addition to your everyday hair-care routine.\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\u003eHair \u0026amp; Scalp Care\u003c\/h3\u003e\n        \u003cp\u003e\n          A versatile oil designed to complement your routine and\n          help keep your hair and scalp feeling moisturised.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-details\"\u003e\n      \u003ch3 class=\"sr-details-title\"\u003eSimple Botanical Care\u003c\/h3\u003e\n\n      \u003cdiv class=\"sr-pills\"\u003e\n        \u003cspan class=\"sr-pill\"\u003e0.5 FL OZ \/ 15 ML\u003c\/span\u003e\n        \u003cspan class=\"sr-pill\"\u003eSUITABLE FOR ALL HAIR TYPES\u003c\/span\u003e\n        \u003cspan class=\"sr-pill\"\u003eROSEMARY HAIR \u0026amp; SCALP OIL\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-ending\"\u003e\n      \u003cp\u003eHealthier Hair. Softer You.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Silk Rosé","offers":[{"title":"Default Title","offer_id":53904146628901,"sku":null,"price":120.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1020\/5010\/3589\/files\/rosemary-oil-flat-lay.png?v=1790433995","url":"https:\/\/silkrose.co.za\/products\/rosemary-hair-scalp-essential-oil","provider":"Silk Rosé","version":"1.0","type":"link"}