{"product_id":"bloom-harmony™-facial-ice-roller","title":"Bloom Harmony™ Facial Ice Roller","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eBloom Harmony™ Facial Ice Roller\u003c\/title\u003e\n\n  \u003c!-- Google Font --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;600;700\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n\n    *{\n      margin:0;\n      padding:0;\n      box-sizing:border-box;\n    }\n\n    body{\n      background:#F8F4EC;\n      overflow-x:hidden;\n      color:#342d28;\n      font-family:'Inter', sans-serif;\n    }\n\n    .section{\n      min-height:100vh;\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      padding:28px 18px;\n      position:relative;\n      background:\n      radial-gradient(circle at top right, rgba(214,230,235,0.45), transparent 28%),\n      radial-gradient(circle at bottom left, rgba(236,226,210,0.65), transparent 35%),\n      #F8F4EC;\n    }\n\n    \/* Floating luxury blur *\/\n    .ambient{\n      position:absolute;\n      width:300px;\n      height:300px;\n      border-radius:50%;\n      background:#dfecef;\n      filter:blur(90px);\n      opacity:0.5;\n      top:-100px;\n      right:-100px;\n      animation:float 8s ease-in-out infinite;\n    }\n\n    .card{\n      width:100%;\n      max-width:430px;\n      background:rgba(255,252,248,0.82);\n      backdrop-filter:blur(20px);\n      border:1px solid rgba(255,255,255,0.7);\n      border-radius:34px;\n      padding:32px 24px;\n      position:relative;\n      overflow:hidden;\n      box-shadow:\n      0 10px 40px rgba(0,0,0,0.05),\n      0 2px 12px rgba(255,255,255,0.6) inset;\n      animation:fadeUp 1s ease;\n    }\n\n    .shine{\n      position:absolute;\n      top:-120px;\n      right:-120px;\n      width:260px;\n      height:260px;\n      border-radius:50%;\n      background:rgba(255,255,255,0.6);\n      filter:blur(50px);\n    }\n\n    .tag{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding:8px 16px;\n      border-radius:999px;\n      background:#EFE5D6;\n      color:#9a8367;\n      font-size:0.72rem;\n      font-weight:600;\n      letter-spacing:1.8px;\n      margin-bottom:20px;\n      animation:fadeIn 1.2s ease;\n    }\n\n    .dot{\n      width:7px;\n      height:7px;\n      background:#9eb8bf;\n      border-radius:50%;\n      animation:pulse 2s infinite;\n    }\n\n    h1{\n      font-family:'Playfair Display', serif;\n      font-size:2.3rem;\n      line-height:1.05;\n      margin-bottom:20px;\n      color:#2d2722;\n      animation:slideIn 1s ease;\n    }\n\n    .accent{\n      color:#9fb7be;\n      font-style:italic;\n    }\n\n    .intro{\n      font-size:0.98rem;\n      line-height:1.9;\n      color:#655d57;\n      margin-bottom:30px;\n      animation:fadeIn 1.5s ease;\n    }\n\n    .features{\n      display:flex;\n      flex-direction:column;\n      gap:16px;\n      margin-bottom:30px;\n    }\n\n    .feature{\n      background:rgba(255,255,255,0.55);\n      border:1px solid rgba(181,154,122,0.12);\n      border-radius:22px;\n      padding:18px;\n      transition:0.35s ease;\n      position:relative;\n      overflow:hidden;\n      animation:fadeUp 1s ease;\n    }\n\n    .feature::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(\n      120deg,\n      transparent,\n      rgba(255,255,255,0.4),\n      transparent);\n      transform:translateX(-120%);\n      transition:0.7s;\n    }\n\n    .feature:hover::before{\n      transform:translateX(120%);\n    }\n\n    .feature:hover{\n      transform:translateY(-5px);\n      box-shadow:0 12px 24px rgba(0,0,0,0.05);\n    }\n\n    .feature h3{\n      font-size:1rem;\n      margin-bottom:8px;\n      color:#8ea9b0;\n      font-weight:600;\n    }\n\n    .feature p{\n      font-size:0.9rem;\n      line-height:1.7;\n      color:#6a625c;\n    }\n\n    .closing{\n      text-align:center;\n      font-size:0.96rem;\n      line-height:1.9;\n      color:#5d554e;\n      margin-bottom:26px;\n    }\n\n    .closing strong{\n      color:#8eaab1;\n      font-weight:600;\n    }\n\n    .btn{\n      width:100%;\n      border:none;\n      padding:17px;\n      border-radius:999px;\n      background:linear-gradient(135deg, #9fb7be, #cfdde1);\n      color:white;\n      font-size:1rem;\n      font-weight:600;\n      letter-spacing:0.4px;\n      cursor:pointer;\n      transition:0.35s ease;\n      box-shadow:0 10px 28px rgba(159,183,190,0.28);\n    }\n\n    .btn:hover{\n      transform:translateY(-2px) scale(1.02);\n      opacity:0.97;\n    }\n\n    .footer{\n      text-align:center;\n      margin-top:18px;\n      font-size:0.8rem;\n      color:#93897f;\n      letter-spacing:0.5px;\n    }\n\n    \/* Animations *\/\n\n    @keyframes fadeUp{\n      from{\n        opacity:0;\n        transform:translateY(30px);\n      }\n      to{\n        opacity:1;\n        transform:translateY(0);\n      }\n    }\n\n    @keyframes slideIn{\n      from{\n        opacity:0;\n        transform:translateX(-25px);\n      }\n      to{\n        opacity:1;\n        transform:translateX(0);\n      }\n    }\n\n    @keyframes fadeIn{\n      from{\n        opacity:0;\n      }\n      to{\n        opacity:1;\n      }\n    }\n\n    @keyframes float{\n      0%,100%{\n        transform:translateY(0px);\n      }\n      50%{\n        transform:translateY(15px);\n      }\n    }\n\n    @keyframes pulse{\n      0%{\n        transform:scale(1);\n        opacity:1;\n      }\n      50%{\n        transform:scale(1.4);\n        opacity:0.6;\n      }\n      100%{\n        transform:scale(1);\n        opacity:1;\n      }\n    }\n\n    \/* Mobile Optimisation *\/\n\n    @media(max-width:480px){\n\n      h1{\n        font-size:1.95rem;\n      }\n\n      .card{\n        padding:28px 20px;\n        border-radius:28px;\n      }\n\n      .intro{\n        font-size:0.92rem;\n      }\n\n      .feature p{\n        font-size:0.86rem;\n      }\n\n      .btn{\n        padding:16px;\n      }\n\n    }\n\n  \u003c\/style\u003e\n\n\n\n\n\u003csection class=\"section\"\u003e\n\n  \u003cdiv class=\"ambient\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"card\"\u003e\n\n    \u003cdiv class=\"shine\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"tag\"\u003e\n      \u003cdiv class=\"dot\"\u003e\u003c\/div\u003e\n      BLOOM HARMONY™\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\n      Wake Up Your Skin. \u003cspan class=\"accent\"\u003eInstantly.\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"intro\"\u003e\n      Introducing the \u003cstrong\u003eBloom Harmony™ Facial Ice Roller\u003c\/strong\u003e —\n      your daily ritual for skin that looks rested, radiant, and refreshed, even on your busiest mornings.\n      \u003cbr\u003e\u003cbr\u003e\n      Inspired by centuries-old cold therapy and elevated for the modern woman, this sleek roller delivers an instant cooling sensation that depuffs, tightens, and revives your complexion in minutes.\n      No appointments. No complicated routines. Just glowing skin, on demand.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"features\"\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003ch3\u003e❄️ Instant Depuffing\u003c\/h3\u003e\n        \u003cp\u003e\n          Reduces puffiness around the eyes, jawline, and cheeks in seconds for a visibly refreshed appearance.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003ch3\u003e🧊 Soothes \u0026amp; Calms\u003c\/h3\u003e\n        \u003cp\u003e\n          Perfect after cleansing, masking, workouts, or long days in the sun.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003ch3\u003e✨ Boosts Circulation\u003c\/h3\u003e\n        \u003cp\u003e\n          Encourages a healthy glow that enhances and complements deeper skin tones beautifully.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003ch3\u003e💧 Enhances Product Absorption\u003c\/h3\u003e\n        \u003cp\u003e\n          Use before your serum or moisturiser to maximise skincare performance.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003ch3\u003e🤍 Premium Ergonomic Design\u003c\/h3\u003e\n        \u003cp\u003e\n          Smooth-glide rolling with a comfortable grip for effortless luxury every day.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003ch3\u003e👜 Chill \u0026amp; Go\u003c\/h3\u003e\n        \u003cp\u003e\n          Store in your fridge or freezer so it’s always ready whenever your skin needs a reset.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"closing\"\u003e\n      This is your 60-second glow-up.\n      The secret weapon your skincare routine has been missing — and once you start, you won’t go back.\n      \u003cbr\u003e\u003cbr\u003e\n      \u003cstrong\u003eCool. Calm. Glowing. That’s the Bloom Harmony way.\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cbutton class=\"btn\"\u003e\n      Shop The Facial Ice Roller\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"footer\"\u003e\n      Luxury skincare, redefined for everyday glow.\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/body\u003e","brand":"Bloom Harmony","offers":[{"title":"Default Title","offer_id":54621967647092,"sku":null,"price":99.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0967\/7655\/2820\/files\/Ice_Roller_1.png?v=1778864691","url":"https:\/\/bloomharmony.co.za\/products\/bloom-harmony%e2%84%a2-facial-ice-roller","provider":"Bloom Harmony","version":"1.0","type":"link"}