{"product_id":"mini-hair-claw-clips-set-50pc-jar","title":"Mini Hair Claw Clips Set – 50pc Jar","description":"\u003cstyle\u003e\n  .lo-claw-wrapper {\n    max-width: 900px;\n    margin: 30px auto;\n    padding: 35px 25px;\n    border-radius: 30px;\n    background: linear-gradient(135deg, #fff8fc, #ffffff, #f9eff6);\n    box-shadow: 0 15px 45px rgba(180, 100, 150, 0.15);\n    font-family: Arial, sans-serif;\n    color: #3d3038;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Floating decorative clips *\/\n  .lo-floating-clip {\n    position: absolute;\n    font-size: 24px;\n    opacity: .55;\n    animation: floatClip 5s infinite ease-in-out;\n    pointer-events: none;\n  }\n\n  .clip1 {\n    top: 20px;\n    left: 6%;\n  }\n\n  .clip2 {\n    top: 80px;\n    right: 7%;\n    animation-delay: 1s;\n  }\n\n  .clip3 {\n    bottom: 30px;\n    left: 12%;\n    animation-delay: 2s;\n  }\n\n  .clip4 {\n    bottom: 50px;\n    right: 12%;\n    animation-delay: 3s;\n  }\n\n  @keyframes floatClip {\n    0%, 100% {\n      transform: translateY(0) rotate(-8deg);\n    }\n    50% {\n      transform: translateY(-15px) rotate(8deg);\n    }\n  }\n\n  \/* Badge *\/\n  .lo-claw-badge {\n    display: inline-block;\n    padding: 9px 18px;\n    border-radius: 50px;\n    background: #f4dce9;\n    color: #8b526d;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    animation: badgeBounce 3s infinite ease-in-out;\n  }\n\n  @keyframes badgeBounce {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-5px);\n    }\n  }\n\n  \/* Title *\/\n  .lo-claw-title {\n    font-size: 36px;\n    margin: 18px 0 10px;\n    font-weight: 900;\n    letter-spacing: -1px;\n  }\n\n  .lo-claw-title span {\n    color: #c46f98;\n  }\n\n  .lo-claw-subtitle {\n    font-size: 16px;\n    line-height: 1.7;\n    max-width: 700px;\n    margin: 0 auto 25px;\n  }\n\n  \/* Interactive counter *\/\n  .lo-counter-box {\n    display: inline-block;\n    padding: 20px 30px;\n    margin: 10px auto 28px;\n    border-radius: 22px;\n    background: rgba(255,255,255,.85);\n    border: 1px solid #f0d7e4;\n    box-shadow: 0 8px 25px rgba(150,90,120,.08);\n  }\n\n  .lo-counter-number {\n    font-size: 46px;\n    font-weight: 900;\n    color: #b75f88;\n    display: block;\n    line-height: 1;\n  }\n\n  .lo-counter-text {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: bold;\n    color: #7c5a68;\n  }\n\n  \/* Feature cards *\/\n  .lo-claw-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-top: 15px;\n  }\n\n  .lo-claw-feature {\n    padding: 20px 15px;\n    border-radius: 20px;\n    background: rgba(255,255,255,.8);\n    border: 1px solid #efdce6;\n    transition: all .3s ease;\n    cursor: pointer;\n  }\n\n  .lo-claw-feature:hover {\n    transform: translateY(-8px) rotate(1deg);\n    box-shadow: 0 15px 30px rgba(170,90,130,.15);\n  }\n\n  .lo-claw-icon {\n    font-size: 30px;\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .lo-claw-feature strong {\n    display: block;\n    color: #87536c;\n    font-size: 14px;\n    margin-bottom: 5px;\n  }\n\n  .lo-claw-feature p {\n    margin: 0;\n    font-size: 12px;\n    line-height: 1.5;\n  }\n\n  \/* Interactive button *\/\n  .lo-surprise-btn {\n    margin-top: 28px;\n    border: none;\n    padding: 14px 25px;\n    border-radius: 50px;\n    background: #c46f98;\n    color: white;\n    font-size: 14px;\n    font-weight: 800;\n    cursor: pointer;\n    box-shadow: 0 8px 20px rgba(190,100,145,.25);\n    transition: .3s ease;\n  }\n\n  .lo-surprise-btn:hover {\n    transform: scale(1.07);\n    box-shadow: 0 12px 28px rgba(190,100,145,.35);\n  }\n\n  \/* Surprise message *\/\n  .lo-surprise {\n    display: none;\n    margin: 20px auto 0;\n    max-width: 600px;\n    padding: 18px;\n    border-radius: 18px;\n    background: #fff0f6;\n    color: #754b5f;\n    font-size: 14px;\n    font-weight: 600;\n    animation: popIn .5s ease;\n  }\n\n  @keyframes popIn {\n    0% {\n      opacity: 0;\n      transform: scale(.8);\n    }\n    100% {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .lo-claw-brand {\n    margin-top: 28px;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    color: #a66d87;\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 650px) {\n    .lo-claw-wrapper {\n      padding: 28px 18px;\n    }\n\n    .lo-claw-title {\n      font-size: 28px;\n    }\n\n    .lo-claw-features {\n      grid-template-columns: 1fr;\n    }\n\n    .lo-counter-number {\n      font-size: 40px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"lo-claw-wrapper\"\u003e\n\n  \u003c!-- Floating decorations --\u003e\n  \u003cdiv class=\"lo-floating-clip clip1\"\u003e🎀\u003c\/div\u003e\n  \u003cdiv class=\"lo-floating-clip clip2\"\u003e🦋\u003c\/div\u003e\n  \u003cdiv class=\"lo-floating-clip clip3\"\u003e✨\u003c\/div\u003e\n  \u003cdiv class=\"lo-floating-clip clip4\"\u003e💗\u003c\/div\u003e\n\n  \u003c!-- Badge --\u003e\n  \u003cspan class=\"lo-claw-badge\"\u003e\n    LITTLE OBSESSED™ • HAIR ACCESSORIES\n  \u003c\/span\u003e\n\n  \u003c!-- Title --\u003e\n  \u003ch2 class=\"lo-claw-title\"\u003e\n    Tiny Clips. \u003cspan\u003eBig Fun!\u003c\/span\u003e 🎀\n  \u003c\/h2\u003e\n\n  \u003cp class=\"lo-claw-subtitle\"\u003e\n    Meet the ultimate little accessory stash!\n    Our \u003cstrong\u003eMini Hair Claw Clips Set\u003c\/strong\u003e comes packed with\n    \u003cstrong\u003e50 adorable mini clips\u003c\/strong\u003e in one handy jar.\n    Mix, match and create a different hairstyle every day!\n  \u003c\/p\u003e\n\n\n  \u003c!-- Interactive counter --\u003e\n  \u003cdiv class=\"lo-counter-box\"\u003e\n    \u003cspan class=\"lo-counter-number\" id=\"loClipCounter\"\u003e50\u003c\/span\u003e\n    \u003cspan class=\"lo-counter-text\"\u003eMini Clips In One Jar ✨\u003c\/span\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- Features --\u003e\n  \u003cdiv class=\"lo-claw-features\"\u003e\n\n    \u003cdiv class=\"lo-claw-feature\"\u003e\n      \u003cspan class=\"lo-claw-icon\"\u003e🎀\u003c\/span\u003e\n      \u003cstrong\u003e50-Piece Set\u003c\/strong\u003e\n      \u003cp\u003e\n        A generous collection of mini claw clips ready for endless styling.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-claw-feature\"\u003e\n      \u003cspan class=\"lo-claw-icon\"\u003e🌈\u003c\/span\u003e\n      \u003cstrong\u003eMix \u0026amp; Match\u003c\/strong\u003e\n      \u003cp\u003e\n        Create cute combinations and switch up your look every day.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-claw-feature\"\u003e\n      \u003cspan class=\"lo-claw-icon\"\u003e🫙\u003c\/span\u003e\n      \u003cstrong\u003eReusable Jar\u003c\/strong\u003e\n      \u003cp\u003e\n        Keep all your little clips organised in one cute storage jar.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-claw-feature\"\u003e\n      \u003cspan class=\"lo-claw-icon\"\u003e💇‍♀️\u003c\/span\u003e\n      \u003cstrong\u003eEasy Styling\u003c\/strong\u003e\n      \u003cp\u003e\n        Perfect for quick hairstyles, mini sections and cute accents.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-claw-feature\"\u003e\n      \u003cspan class=\"lo-claw-icon\"\u003e✨\u003c\/span\u003e\n      \u003cstrong\u003eEveryday Fun\u003c\/strong\u003e\n      \u003cp\u003e\n        Great for school, playdates, parties and everyday outfits.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-claw-feature\"\u003e\n      \u003cspan class=\"lo-claw-icon\"\u003e💕\u003c\/span\u003e\n      \u003cstrong\u003eLittle Gift Idea\u003c\/strong\u003e\n      \u003cp\u003e\n        A fun little surprise for girls who love accessories.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- Interactive button --\u003e\n  \u003cbutton class=\"lo-surprise-btn\" onclick=\"loShowSurprise()\"\u003e\n    ✨ Unlock Your Hair-Styling Surprise\n  \u003c\/button\u003e\n\n  \u003cdiv class=\"lo-surprise\" id=\"loSurprise\"\u003e\n    🎀 \u003cstrong\u003e50 clips = endless possibilities!\u003c\/strong\u003e\u003cbr\u003e\n    Pick a colour, grab a clip, create a style and repeat!\n    Your little hair-accessory collection just got a whole lot more fun. 💕\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lo-claw-brand\"\u003e\n    LITTLE OBSESSED™\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n  function loShowSurprise() {\n\n    const surprise = document.getElementById(\"loSurprise\");\n\n    if (surprise.style.display === \"block\") {\n      surprise.style.display = \"none\";\n    } else {\n      surprise.style.display = \"block\";\n\n      \/* Fun counter animation *\/\n      const counter = document.getElementById(\"loClipCounter\");\n\n      let current = 0;\n      const target = 50;\n\n      counter.innerText = current;\n\n      const interval = setInterval(() =\u003e {\n        current++;\n\n        counter.innerText = current;\n\n        if (current \u003e= target) {\n          clearInterval(interval);\n        }\n      }, 25);\n    }\n  }\n\u003c\/script\u003e","brand":"Little Obsessed","offers":[{"title":"Default Title","offer_id":43510696738864,"sku":null,"price":75.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/0085\/5600\/files\/50pcclips.png?v=1787243260","url":"https:\/\/littleobsessed.co.za\/products\/mini-hair-claw-clips-set-50pc-jar","provider":"Little Obsessed","version":"1.0","type":"link"}