{"product_id":"silk-rose-hair-clips","title":"Silk Rosé Hair Clips","description":"\u003cstyle\u003e\n  \/* =========================================\n     SILK ROSE — HAIR CLIPS PRODUCT SECTION\n     Premium • Feminine • Animated • Responsive\n     ========================================= *\/\n\n  .silkrose-clips {\n    --rose: #c98f9d;\n    --rose-light: #f8e9ed;\n    --rose-soft: #fff7f9;\n    --dark: #1d191b;\n    --muted: #756b70;\n    --white: #ffffff;\n\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--dark);\n    background: linear-gradient(180deg, #fffafa 0%, #ffffff 100%);\n    overflow: hidden;\n    position: relative;\n    padding: 70px 20px;\n  }\n\n  \/* Floating background glow *\/\n\n  .silkrose-clips::before {\n    content: \"\";\n    position: absolute;\n    width: 430px;\n    height: 430px;\n    background: rgba(201, 143, 157, 0.12);\n    border-radius: 50%;\n    filter: blur(85px);\n    top: -190px;\n    left: -170px;\n    animation: clipsGlow 8s ease-in-out infinite;\n  }\n\n  .silkrose-clips::after {\n    content: \"\";\n    position: absolute;\n    width: 360px;\n    height: 360px;\n    background: rgba(201, 143, 157, 0.08);\n    border-radius: 50%;\n    filter: blur(75px);\n    bottom: -160px;\n    right: -130px;\n    animation: clipsGlow 10s ease-in-out infinite reverse;\n  }\n\n  .silkrose-clips-container {\n    max-width: 1050px;\n    margin: auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* =========================\n     HEADER\n     ========================= *\/\n\n  .silkrose-clips-heading {\n    text-align: center;\n    margin-bottom: 45px;\n    animation: clipsFadeUp 0.9s ease forwards;\n  }\n\n  .silkrose-clips-eyebrow {\n    display: inline-block;\n    color: var(--rose);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 14px;\n  }\n\n  .silkrose-clips-title {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(36px, 6vw, 60px);\n    line-height: 1.05;\n    font-weight: 400;\n    margin: 0;\n    letter-spacing: -1.5px;\n  }\n\n  .silkrose-clips-title span {\n    color: var(--rose);\n    font-style: italic;\n  }\n\n  .silkrose-clips-subtitle {\n    max-width: 700px;\n    margin: 20px auto 0;\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  \/* =========================\n     FEATURES\n     ========================= *\/\n\n  .silkrose-clips-features {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n    margin-top: 35px;\n  }\n\n  .silkrose-clips-feature {\n    background: rgba(255,255,255,0.88);\n    border: 1px solid rgba(201,143,157,0.18);\n    border-radius: 23px;\n    padding: 30px 25px;\n    position: relative;\n    overflow: hidden;\n\n    opacity: 0;\n    transform: translateY(30px);\n\n    animation: clipsFadeUp 0.8s ease forwards;\n\n    transition:\n      transform 0.35s ease,\n      box-shadow 0.35s ease,\n      border-color 0.35s ease;\n  }\n\n  .silkrose-clips-feature:nth-child(1) {\n    animation-delay: 0.15s;\n  }\n\n  .silkrose-clips-feature:nth-child(2) {\n    animation-delay: 0.25s;\n  }\n\n  .silkrose-clips-feature:nth-child(3) {\n    animation-delay: 0.35s;\n  }\n\n  .silkrose-clips-feature:nth-child(4) {\n    animation-delay: 0.45s;\n  }\n\n  \/* Shimmer *\/\n\n  .silkrose-clips-feature::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 80%;\n    height: 100%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,0.8),\n      transparent\n    );\n\n    transform: skewX(-20deg);\n    transition: left 0.7s ease;\n  }\n\n  .silkrose-clips-feature:hover::before {\n    left: 140%;\n  }\n\n  .silkrose-clips-feature:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 18px 45px rgba(90,50,60,0.10);\n    border-color: rgba(201,143,157,0.4);\n  }\n\n  \/* Icon *\/\n\n  .silkrose-clips-icon {\n    width: 55px;\n    height: 55px;\n    margin-bottom: 18px;\n\n    border-radius: 50%;\n\n    background: var(--rose-light);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    font-size: 22px;\n\n    transition:\n      transform 0.4s ease,\n      background 0.4s ease;\n  }\n\n  .silkrose-clips-feature:hover .silkrose-clips-icon {\n    transform: scale(1.12) rotate(5deg);\n    background: #f3dce2;\n  }\n\n  .silkrose-clips-feature h3 {\n    margin: 0 0 9px;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .silkrose-clips-feature p {\n    margin: 0;\n\n    color: var(--muted);\n\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  \/* =========================\n     PRODUCT DETAILS CARD\n     ========================= *\/\n\n  .silkrose-clips-details {\n    margin-top: 45px;\n\n    background: linear-gradient(\n      135deg,\n      #fff7f9,\n      #ffffff\n    );\n\n    border: 1px solid rgba(201,143,157,0.2);\n\n    border-radius: 30px;\n\n    padding: 45px 30px;\n\n    text-align: center;\n\n    position: relative;\n    overflow: hidden;\n\n    animation: clipsFadeUp 1s ease 0.65s both;\n  }\n\n  .silkrose-clips-details::before {\n    content: \"✦\";\n\n    position: absolute;\n\n    font-size: 150px;\n\n    color: rgba(201,143,157,0.06);\n\n    top: -65px;\n    left: -15px;\n\n    animation: clipsSpin 18s linear infinite;\n  }\n\n  .silkrose-clips-details::after {\n    content: \"✦\";\n\n    position: absolute;\n\n    font-size: 100px;\n\n    color: rgba(201,143,157,0.05);\n\n    bottom: -45px;\n    right: 10px;\n\n    animation: clipsSpin 14s linear infinite reverse;\n  }\n\n  .silkrose-clips-details-content {\n    position: relative;\n    z-index: 2;\n  }\n\n  .silkrose-clips-label {\n    color: var(--rose);\n\n    font-size: 11px;\n    font-weight: 700;\n\n    letter-spacing: 3px;\n    text-transform: uppercase;\n  }\n\n  .silkrose-clips-details h2 {\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 32px;\n    font-weight: 400;\n\n    margin: 12px 0 25px;\n  }\n\n  \/* =========================\n     PRODUCT SPECS\n     ========================= *\/\n\n  .silkrose-clips-specs {\n    display: flex;\n\n    justify-content: center;\n\n    flex-wrap: wrap;\n\n    gap: 12px;\n\n    margin-top: 20px;\n  }\n\n  .silkrose-clips-spec {\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    padding: 12px 18px;\n\n    background: #ffffff;\n\n    border: 1px solid rgba(201,143,157,0.22);\n\n    border-radius: 100px;\n\n    font-size: 13px;\n    font-weight: 600;\n\n    box-shadow:\n      0 8px 25px rgba(90,50,60,0.05);\n\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .silkrose-clips-spec:hover {\n    transform: translateY(-4px);\n\n    box-shadow:\n      0 12px 30px rgba(90,50,60,0.09);\n  }\n\n  .silkrose-clips-spec span {\n    color: var(--rose);\n  }\n\n  \/* =========================\n     COLOUR OPTIONS\n     ========================= *\/\n\n  .silkrose-colours {\n    margin-top: 30px;\n  }\n\n  .silkrose-colours-title {\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 18px;\n\n    margin-bottom: 15px;\n  }\n\n  .silkrose-colour-list {\n    display: flex;\n\n    justify-content: center;\n\n    flex-wrap: wrap;\n\n    gap: 10px;\n  }\n\n  .silkrose-colour {\n    padding: 9px 17px;\n\n    border-radius: 100px;\n\n    background: #ffffff;\n\n    border: 1px solid rgba(201,143,157,0.18);\n\n    font-size: 12px;\n\n    color: var(--muted);\n\n    transition:\n      transform 0.3s ease,\n      border-color 0.3s ease,\n      color 0.3s ease;\n  }\n\n  .silkrose-colour:hover {\n    transform: translateY(-3px);\n\n    border-color: var(--rose);\n\n    color: var(--rose);\n  }\n\n  \/* =========================\n     BRAND ENDING\n     ========================= *\/\n\n  .silkrose-clips-ending {\n    text-align: center;\n\n    margin-top: 55px;\n\n    animation: clipsFadeUp 1s ease 0.85s both;\n  }\n\n  .silkrose-clips-line {\n    width: 55px;\n    height: 1px;\n\n    background: var(--rose);\n\n    margin: 0 auto 20px;\n\n    opacity: 0.7;\n  }\n\n  .silkrose-clips-ending p {\n    margin: 0;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n\n    font-size: 25px;\n\n    font-style: italic;\n\n    color: var(--dark);\n  }\n\n  .silkrose-clips-ending strong {\n    color: var(--rose);\n\n    font-weight: 400;\n  }\n\n  \/* =========================\n     ANIMATIONS\n     ========================= *\/\n\n  @keyframes clipsFadeUp {\n\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n  }\n\n  @keyframes clipsGlow {\n\n    0%, 100% {\n      transform: translate(0, 0);\n    }\n\n    50% {\n      transform: translate(35px, 25px);\n    }\n\n  }\n\n  @keyframes clipsSpin {\n\n    from {\n      transform: rotate(0deg);\n    }\n\n    to {\n      transform: rotate(360deg);\n    }\n\n  }\n\n  \/* =========================\n     MOBILE\n     ========================= *\/\n\n  @media (max-width: 750px) {\n\n    .silkrose-clips {\n      padding: 55px 15px;\n    }\n\n    .silkrose-clips-title {\n      font-size: 39px;\n    }\n\n    .silkrose-clips-subtitle {\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    .silkrose-clips-features {\n      grid-template-columns: 1fr;\n      gap: 13px;\n    }\n\n    .silkrose-clips-feature {\n      padding: 24px 20px;\n      border-radius: 19px;\n    }\n\n    .silkrose-clips-feature h3 {\n      font-size: 18px;\n    }\n\n    .silkrose-clips-feature p {\n      font-size: 13px;\n    }\n\n    .silkrose-clips-icon {\n      width: 50px;\n      height: 50px;\n    }\n\n    .silkrose-clips-details {\n      padding: 35px 18px;\n      border-radius: 24px;\n    }\n\n    .silkrose-clips-details h2 {\n      font-size: 27px;\n    }\n\n    .silkrose-clips-specs {\n      gap: 9px;\n    }\n\n    .silkrose-clips-spec {\n      font-size: 12px;\n      padding: 10px 14px;\n    }\n\n    .silkrose-clips-ending p {\n      font-size: 22px;\n    }\n\n  }\n\n  \/* Small phones *\/\n\n  @media (max-width: 430px) {\n\n    .silkrose-clips-title {\n      font-size: 36px;\n    }\n\n    .silkrose-clips-feature {\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      text-align: left;\n    }\n\n    .silkrose-clips-icon {\n      flex-shrink: 0;\n      margin: 0;\n    }\n\n  }\n\n  \/* Accessibility *\/\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .silkrose-clips *,\n    .silkrose-clips::before,\n    .silkrose-clips::after {\n      animation: none !important;\n      transition: none !important;\n    }\n\n  }\n\n\u003c\/style\u003e\n\n\n\u003csection class=\"silkrose-clips\"\u003e\n\n  \u003cdiv class=\"silkrose-clips-container\"\u003e\n\n    \u003c!-- HEADER --\u003e\n\n    \u003cdiv class=\"silkrose-clips-heading\"\u003e\n\n      \u003cdiv class=\"silkrose-clips-eyebrow\"\u003e\n        Silk Rose\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"silkrose-clips-title\"\u003e\n        Hold Your Style \u003cspan\u003e— All Day\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"silkrose-clips-subtitle\"\u003e\n        The Silk Rosé Hair Clips are designed for effortless\n        everyday elegance. Secure your favourite styles while\n        adding a sophisticated finishing touch to your look.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n\n    \u003cdiv class=\"silkrose-clips-features\"\u003e\n\n\n      \u003c!-- FEATURE 1 --\u003e\n\n      \u003cdiv class=\"silkrose-clips-feature\"\u003e\n\n        \u003cdiv class=\"silkrose-clips-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Interlocking Teeth\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed with an anti-slip grip to help keep your\n            hair securely in place throughout the day.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- FEATURE 2 --\u003e\n\n      \u003cdiv class=\"silkrose-clips-feature\"\u003e\n\n        \u003cdiv class=\"silkrose-clips-icon\"\u003e\n          ♡\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Sturdy Claw\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Durable construction made for everyday styling\n            while maintaining its sleek appearance.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- FEATURE 3 --\u003e\n\n      \u003cdiv class=\"silkrose-clips-feature\"\u003e\n\n        \u003cdiv class=\"silkrose-clips-icon\"\u003e\n          ◇\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Metal Spring\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A strong metal spring provides a secure hold and\n            is designed to resist rust for long-lasting use.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- FEATURE 4 --\u003e\n\n      \u003cdiv class=\"silkrose-clips-feature\"\u003e\n\n        \u003cdiv class=\"silkrose-clips-icon\"\u003e\n          ✿\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Matte Finish\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A soft matte finish gives each clip a clean,\n            sophisticated look that complements any outfit.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- PRODUCT DETAILS --\u003e\n\n    \u003cdiv class=\"silkrose-clips-details\"\u003e\n\n      \u003cdiv class=\"silkrose-clips-details-content\"\u003e\n\n        \u003cdiv class=\"silkrose-clips-label\"\u003e\n          Product Details\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Simple. Secure. Beautiful.\n        \u003c\/h2\u003e\n\n\n        \u003c!-- SPECS --\u003e\n\n        \u003cdiv class=\"silkrose-clips-specs\"\u003e\n\n          \u003cdiv class=\"silkrose-clips-spec\"\u003e\n            \u003cspan\u003e✦\u003c\/span\u003e\n            8.5 × 4.5 × 4.2 CM\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"silkrose-clips-spec\"\u003e\n            \u003cspan\u003e♡\u003c\/span\u003e\n            2.8 CM GRIP WIDTH\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- COLOURS --\u003e\n\n        \u003cdiv class=\"silkrose-colours\"\u003e\n\n          \u003cdiv class=\"silkrose-colours-title\"\u003e\n            Available in\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"silkrose-colour-list\"\u003e\n\n            \u003cdiv class=\"silkrose-colour\"\u003e\n              Cream\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"silkrose-colour\"\u003e\n              Sand\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"silkrose-colour\"\u003e\n              Mocha\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"silkrose-colour\"\u003e\n              Black\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BRAND ENDING --\u003e\n\n    \u003cdiv class=\"silkrose-clips-ending\"\u003e\n\n      \u003cdiv class=\"silkrose-clips-line\"\u003e\u003c\/div\u003e\n\n      \u003cp\u003e\n        Healthier Hair. \u003cstrong\u003eSofter You.\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Silk Rosé","offers":[{"title":"2pcs Black and Cream","offer_id":53904103440677,"sku":null,"price":59.0,"currency_code":"ZAR","in_stock":true},{"title":"2pcs Sand and Mocha","offer_id":53904103473445,"sku":null,"price":59.0,"currency_code":"ZAR","in_stock":true},{"title":"All 4","offer_id":53904103506213,"sku":null,"price":99.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1020\/5010\/3589\/files\/silk-ros-hair-clip-features.png?v=1790430064","url":"https:\/\/silkrose.co.za\/products\/silk-rose-hair-clips","provider":"Silk Rosé","version":"1.0","type":"link"}