{"product_id":"satin-sleep-bonnet","title":"Satin Sleep Bonnet","description":"\u003cstyle\u003e\n  .silkrose-bonnet {\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-bonnet * {\n    box-sizing: border-box;\n  }\n\n  .silkrose-bonnet::before,\n  .silkrose-bonnet::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-bonnet::before {\n    top: -80px;\n    left: -70px;\n  }\n\n  .silkrose-bonnet::after {\n    bottom: -90px;\n    right: -60px;\n  }\n\n  .silkrose-bonnet .sb-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 1050px;\n    margin: auto;\n  }\n\n  \/* HEADER *\/\n\n  .silkrose-bonnet .sb-header {\n    text-align: center;\n    margin-bottom: 42px;\n    animation: sbFadeUp .8s ease both;\n  }\n\n  .silkrose-bonnet .sb-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-bonnet h2 {\n    margin: 0 auto 14px;\n    max-width: 820px;\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-bonnet .sb-subtitle {\n    max-width: 700px;\n    margin: auto;\n    color: var(--muted);\n    font-size: 15px;\n    line-height: 1.8;\n  }\n\n  \/* SECTION TITLE *\/\n\n  .silkrose-bonnet .sb-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  \/* KEY FEATURES *\/\n\n  .silkrose-bonnet .sb-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n\n  .silkrose-bonnet .sb-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: sbFadeUp .7s ease both;\n  }\n\n  .silkrose-bonnet .sb-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-bonnet .sb-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-bonnet .sb-card:hover::after {\n    left: 140%;\n  }\n\n  .silkrose-bonnet .sb-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-bonnet .sb-card:hover .sb-icon {\n    transform: rotate(8deg) scale(1.08);\n  }\n\n  .silkrose-bonnet 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-bonnet .sb-card p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 13.5px;\n    line-height: 1.75;\n  }\n\n  \/* DIAMETER *\/\n\n  .silkrose-bonnet .sb-size-box {\n    margin-top: 42px;\n    padding: 30px 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: sbFadeUp .9s ease both;\n  }\n\n  .silkrose-bonnet .sb-size-value {\n    display: inline-block;\n    padding: 14px 25px;\n    border-radius: 50px;\n    background: var(--white);\n    border: 1px solid rgba(201,143,157,.2);\n    color: var(--rose);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 24px;\n  }\n\n  .silkrose-bonnet .sb-size-text {\n    max-width: 570px;\n    margin: 14px auto 0;\n    color: var(--muted);\n    font-size: 13.5px;\n    line-height: 1.7;\n  }\n\n  \/* AVAILABLE COLOURS *\/\n\n  .silkrose-bonnet .sb-colours {\n    margin-top: 42px;\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: sbFadeUp .9s ease both;\n  }\n\n  .silkrose-bonnet .sb-colour-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n    max-width: 700px;\n    margin: auto;\n  }\n\n  .silkrose-bonnet .sb-colour-card {\n    padding: 23px 18px;\n    border-radius: 16px;\n    background: var(--white);\n    border: 1px solid rgba(201,143,157,.18);\n    transition:\n      transform .3s ease,\n      box-shadow .3s ease;\n  }\n\n  .silkrose-bonnet .sb-colour-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 30px rgba(80,40,50,.08);\n  }\n\n  .silkrose-bonnet .sb-colour {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--rose);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 23px;\n  }\n\n  .silkrose-bonnet .sb-colour-description {\n    margin: 0;\n    color: var(--muted);\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  \/* ENDING *\/\n\n  .silkrose-bonnet .sb-ending {\n    margin-top: 38px;\n    text-align: center;\n    animation: sbFadeUp 1s ease both;\n  }\n\n  .silkrose-bonnet .sb-ending p {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 21px;\n    font-style: italic;\n    color: var(--rose);\n  }\n\n  \/* ANIMATION *\/\n\n  @keyframes sbFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(22px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media (max-width: 650px) {\n\n    .silkrose-bonnet {\n      padding: 42px 15px;\n    }\n\n    .silkrose-bonnet .sb-grid {\n      grid-template-columns: 1fr;\n      gap: 13px;\n    }\n\n    .silkrose-bonnet .sb-card {\n      padding: 23px 20px;\n    }\n\n    .silkrose-bonnet .sb-size-box,\n    .silkrose-bonnet .sb-colours {\n      padding: 27px 17px;\n      margin-top: 32px;\n    }\n\n    .silkrose-bonnet .sb-colour-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .silkrose-bonnet h2 {\n      font-size: 32px;\n    }\n\n    .silkrose-bonnet .sb-subtitle {\n      font-size: 14px;\n    }\n\n    .silkrose-bonnet .sb-size-value {\n      font-size: 21px;\n      padding: 12px 20px;\n    }\n  }\n\n  \/* REDUCED MOTION *\/\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .silkrose-bonnet *,\n    .silkrose-bonnet *::before,\n    .silkrose-bonnet *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"silkrose-bonnet\"\u003e\n\n  \u003cdiv class=\"sb-inner\"\u003e\n\n    \u003c!-- HEADER --\u003e\n\n    \u003cdiv class=\"sb-header\"\u003e\n\n      \u003cspan class=\"sb-brand\"\u003e\n        Silk Rose\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Wake Up to Softer, Smoother Hair\u003cbr\u003e\n        Every Morning\n      \u003c\/h2\u003e\n\n      \u003cp class=\"sb-subtitle\"\u003e\n        Our Satin Sleep Bonnet is designed to protect your hair while\n        you sleep. The smooth satin fabric helps reduce friction and\n        keeps your hair looking smoother while the wide elastic band\n        provides a comfortable, secure fit throughout the night.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- KEY FEATURES --\u003e\n\n    \u003ch3 class=\"sb-section-title\"\u003e\n      Key Features\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"sb-grid\"\u003e\n\n      \u003cdiv class=\"sb-card\"\u003e\n\n        \u003cdiv class=\"sb-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Breathable Satin Fabric\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Smooth, lightweight satin fabric designed to feel\n          gentle on your hair and skin while you sleep.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sb-card\"\u003e\n\n        \u003cdiv class=\"sb-icon\"\u003e\n          ♡\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Softer \u0026amp; Smoother Hair\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps reduce friction while you sleep, supporting\n          smoother-looking hair and helping minimise frizz.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sb-card\"\u003e\n\n        \u003cdiv class=\"sb-icon\"\u003e\n          ◇\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Non-Slip Elastic Band\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A wide elastic band helps keep the bonnet comfortably\n          secured while you move throughout the night.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sb-card\"\u003e\n\n        \u003cdiv class=\"sb-icon\"\u003e\n          ✿\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Double Layered\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Double-layered construction provides an extra layer\n          of coverage for your hair and favourite styles.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sb-card\"\u003e\n\n        \u003cdiv class=\"sb-icon\"\u003e\n          ☾\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Protects While You Sleep\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps keep braids, curls, blowouts and other hairstyles\n          looking fresh for longer between styling sessions.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sb-card\"\u003e\n\n        \u003cdiv class=\"sb-icon\"\u003e\n          ✧\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Roomy Fit\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The generous size provides comfortable coverage for\n          different hair lengths, textures and styles.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- DIAMETER --\u003e\n\n    \u003cdiv class=\"sb-size-box\"\u003e\n\n      \u003ch3 class=\"sb-section-title\"\u003e\n        Roomy Everyday Fit\n      \u003c\/h3\u003e\n\n      \u003cspan class=\"sb-size-value\"\u003e\n        30cm \/ 11.81in\n      \u003c\/span\u003e\n\n      \u003cp class=\"sb-size-text\"\u003e\n        A spacious diameter designed to comfortably accommodate\n        different hair lengths, textures and protective styles.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- AVAILABLE COLOURS --\u003e\n\n    \u003cdiv class=\"sb-colours\"\u003e\n\n      \u003ch3 class=\"sb-section-title\"\u003e\n        Available Colours\n      \u003c\/h3\u003e\n\n      \u003cdiv class=\"sb-colour-grid\"\u003e\n\n        \u003cdiv class=\"sb-colour-card\"\u003e\n\n          \u003cspan class=\"sb-colour\"\u003e\n            Black\n          \u003c\/span\u003e\n\n          \u003cp class=\"sb-colour-description\"\u003e\n            Classic, timeless and easy to pair with\n            any nighttime routine.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sb-colour-card\"\u003e\n\n          \u003cspan class=\"sb-colour\"\u003e\n            Purple\n          \u003c\/span\u003e\n\n          \u003cp class=\"sb-colour-description\"\u003e\n            A soft lavender-inspired shade for\n            an elegant touch of luxury.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ENDING --\u003e\n\n    \u003cdiv class=\"sb-ending\"\u003e\n\n      \u003cp\u003e\n        Better Sleep. Better Hair. Beautifully You.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Silk Rosé","offers":[{"title":"Black","offer_id":53904349069605,"sku":null,"price":89.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":53904349102373,"sku":null,"price":89.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1020\/5010\/3589\/files\/black-bonnet-flat-lay.png?v=1790438094","url":"https:\/\/silkrose.co.za\/products\/satin-sleep-bonnet","provider":"Silk Rosé","version":"1.0","type":"link"}