{"product_id":"sweetwillow™-ice-roller-set","title":"SweetWillow™ Cold Therapy Facial Set","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n\n    body {\n        font-family: \"Arial\", sans-serif;\n        background: linear-gradient(180deg, #fff7fb 0%, #eefaff 100%);\n        color: #3d3540;\n        line-height: 1.6;\n    }\n\n    html {\n        scroll-behavior: smooth;\n    }\n\n    \/* HERO *\/\n    .hero {\n        min-height: 600px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 70px 20px;\n        background:\n            radial-gradient(circle at 20% 20%, rgba(255,182,210,.35), transparent 30%),\n            radial-gradient(circle at 80% 30%, rgba(166,226,255,.35), transparent 30%),\n            linear-gradient(135deg, #fff5fa, #eaf9ff);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero::before {\n        content: \"✦\";\n        position: absolute;\n        top: 80px;\n        left: 12%;\n        color: #f2a9c7;\n        font-size: 32px;\n        animation: float 4s ease-in-out infinite;\n    }\n\n    .hero::after {\n        content: \"✧\";\n        position: absolute;\n        bottom: 90px;\n        right: 15%;\n        color: #9bdcf7;\n        font-size: 42px;\n        animation: float 5s ease-in-out infinite;\n    }\n\n    .hero-content {\n        max-width: 850px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .brand {\n        font-size: 15px;\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        color: #8bcde9;\n        font-weight: bold;\n        margin-bottom: 18px;\n    }\n\n    .hero h1 {\n        font-family: Georgia, serif;\n        font-size: clamp(42px, 7vw, 78px);\n        line-height: 1.05;\n        color: #423842;\n        margin-bottom: 25px;\n    }\n\n    .hero h1 span {\n        color: #e99cbd;\n    }\n\n    .hero p {\n        max-width: 680px;\n        margin: auto;\n        font-size: 18px;\n        color: #6f6570;\n    }\n\n\n    \/* INTRO *\/\n    .intro {\n        text-align: center;\n        max-width: 800px;\n        margin: auto;\n        padding: 90px 20px 50px;\n    }\n\n    .section-label {\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        color: #76c4e5;\n        font-size: 13px;\n        font-weight: bold;\n        margin-bottom: 12px;\n    }\n\n    .intro h2,\n    .section-heading h2,\n    .routine h2 {\n        font-family: Georgia, serif;\n        font-size: 42px;\n        color: #423842;\n        margin-bottom: 18px;\n    }\n\n    .intro p {\n        color: #746a72;\n        font-size: 17px;\n    }\n\n\n    \/* PRODUCT CARDS *\/\n    .products {\n        max-width: 1100px;\n        margin: 40px auto 100px;\n        padding: 0 20px;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n    }\n\n    .product-card {\n        background: rgba(255,255,255,.85);\n        border: 1px solid rgba(255,255,255,.9);\n        border-radius: 25px;\n        padding: 35px 25px;\n        text-align: center;\n        box-shadow: 0 15px 45px rgba(90,150,180,.10);\n        transition: .35s ease;\n        cursor: pointer;\n    }\n\n    .product-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 50px rgba(90,150,180,.18);\n    }\n\n    .product-icon {\n        width: 80px;\n        height: 80px;\n        margin: 0 auto 20px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 36px;\n        background: linear-gradient(135deg, #fff0f7, #e2f7ff);\n    }\n\n    .product-card h3 {\n        font-family: Georgia, serif;\n        color: #45404a;\n        font-size: 23px;\n        margin-bottom: 12px;\n    }\n\n    .product-card p {\n        color: #766e75;\n        font-size: 15px;\n    }\n\n    .click-note {\n        margin-top: 18px;\n        color: #dc8eaf;\n        font-size: 13px;\n        font-weight: bold;\n    }\n\n\n    \/* BENEFITS *\/\n    .benefits-section {\n        padding: 90px 20px;\n        background: linear-gradient(135deg, #eaf9ff, #fff5fa);\n    }\n\n    .section-heading {\n        text-align: center;\n        max-width: 700px;\n        margin: auto;\n    }\n\n    .benefits {\n        max-width: 1000px;\n        margin: 45px auto 0;\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n    }\n\n    .benefit {\n        background: rgba(255,255,255,.8);\n        border-radius: 18px;\n        padding: 22px;\n        display: flex;\n        gap: 15px;\n        align-items: center;\n        transition: .3s;\n    }\n\n    .benefit:hover {\n        transform: translateX(6px);\n    }\n\n    .benefit-icon {\n        font-size: 25px;\n    }\n\n    .benefit strong {\n        color: #514751;\n    }\n\n    .benefit p {\n        font-size: 14px;\n        color: #756d74;\n    }\n\n\n    \/* ROUTINE *\/\n    .routine {\n        max-width: 1000px;\n        margin: 100px auto;\n        padding: 0 20px;\n        text-align: center;\n    }\n\n    .steps {\n        margin-top: 40px;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n\n    .step {\n        padding: 30px 20px;\n        background: white;\n        border-radius: 22px;\n        box-shadow: 0 10px 30px rgba(80,140,160,.08);\n    }\n\n    .step-number {\n        width: 45px;\n        height: 45px;\n        margin: 0 auto 15px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: #f4b4ce;\n        color: white;\n        font-weight: bold;\n    }\n\n    .step h3 {\n        margin-bottom: 8px;\n        color: #514751;\n    }\n\n    .step p {\n        color: #776f76;\n        font-size: 14px;\n    }\n\n\n    \/* GIFT *\/\n    .gift {\n        max-width: 1050px;\n        margin: 0 auto 100px;\n        padding: 55px 30px;\n        border-radius: 35px;\n        text-align: center;\n        background: linear-gradient(135deg, #fceaf3, #e4f7ff);\n        box-shadow: 0 20px 50px rgba(120,150,170,.12);\n    }\n\n    .gift h2 {\n        font-family: Georgia, serif;\n        font-size: 40px;\n        margin-bottom: 15px;\n    }\n\n    .gift p {\n        max-width: 680px;\n        margin: auto;\n        color: #6f6670;\n    }\n\n\n    \/* FOOTER *\/\n    footer {\n        text-align: center;\n        padding: 35px 20px;\n        background: #eaf8fd;\n        color: #67818c;\n        font-size: 14px;\n    }\n\n    footer strong {\n        color: #dc91b1;\n    }\n\n\n    \/* MODAL *\/\n    .modal {\n        display: none;\n        position: fixed;\n        z-index: 999;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(55,45,55,.45);\n        align-items: center;\n        justify-content: center;\n        padding: 20px;\n    }\n\n    .modal-content {\n        background: white;\n        max-width: 500px;\n        width: 100%;\n        padding: 40px;\n        border-radius: 30px;\n        text-align: center;\n        position: relative;\n        animation: pop .3s ease;\n    }\n\n    .modal-content h2 {\n        font-family: Georgia, serif;\n        margin-bottom: 15px;\n        color: #423842;\n    }\n\n    .modal-content p {\n        color: #716871;\n    }\n\n    .close {\n        position: absolute;\n        right: 22px;\n        top: 15px;\n        font-size: 25px;\n        cursor: pointer;\n        color: #aaa;\n    }\n\n\n    \/* ANIMATIONS *\/\n    @keyframes float {\n        0%,100% {\n            transform: translateY(0);\n        }\n\n        50% {\n            transform: translateY(-12px);\n        }\n    }\n\n    @keyframes pop {\n        from {\n            transform: scale(.9);\n            opacity: 0;\n        }\n\n        to {\n            transform: scale(1);\n            opacity: 1;\n        }\n    }\n\n\n    \/* MOBILE *\/\n    @media (max-width: 800px) {\n\n        .products,\n        .steps {\n            grid-template-columns: 1fr;\n        }\n\n        .benefits {\n            grid-template-columns: 1fr;\n        }\n\n        .hero {\n            min-height: 550px;\n        }\n\n        .intro h2,\n        .section-heading h2,\n        .routine h2 {\n            font-size: 34px;\n        }\n\n        .gift h2 {\n            font-size: 34px;\n        }\n    }\n\n\u003c\/style\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"brand\"\u003eSweetWillow™\u003c\/div\u003e\n\u003ch1\u003eYour At-Home\u003cbr\u003e\u003cspan\u003eIce Facial, Elevated.\u003c\/span\u003e ✨\u003c\/h1\u003e\n\u003cp\u003eMeet your new favourite skincare ritual. The SweetWillow™ Ice Roller Set brings the luxury of a professional spa facial right to your bathroom counter — because you deserve to feel good within, every single day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTRO --\u003e\n\u003csection class=\"intro\"\u003e\n\u003cdiv class=\"section-label\"\u003eThe SweetWillow™ Ice Roller Set\u003c\/div\u003e\n\u003ch2\u003eFeel Good Within. 💕\u003c\/h2\u003e\n\u003cp\u003eThis 3-piece set combines the power of cold therapy, gua sha sculpting and jade rolling into one beautiful routine that leaves skin feeling refreshed, soothed and beautifully cared for.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- PRODUCTS --\u003e\n\u003csection id=\"products\"\u003e\n\u003cdiv class=\"products\"\u003e\n\u003c!-- ICE ROLLER --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"product-icon\"\u003e🧊\u003c\/div\u003e\n\u003ch3\u003eIce Roller Mold\u003c\/h3\u003e\n\u003cp\u003eFill, freeze and roll for an instant cooling facial ritual.\u003c\/p\u003e\n\u003cdiv class=\"click-note\"\u003eTap to learn more →\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GUA SHA --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"product-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eGua Sha Stone\u003c\/h3\u003e\n\u003cp\u003eA beautiful sculpting ritual for your face, jawline and neck.\u003c\/p\u003e\n\u003cdiv class=\"click-note\"\u003eTap to learn more →\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FACIAL ROLLER --\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"product-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eDual-Head Facial Roller\u003c\/h3\u003e\n\u003cp\u003eRoll away the day with a gentle, refreshing facial massage.\u003c\/p\u003e\n\u003cdiv class=\"click-note\"\u003eTap to learn more →\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"benefits-section\"\u003e\n\u003cdiv class=\"section-heading\"\u003e\n\u003cdiv class=\"section-label\"\u003eA Little Something For Your Skin\u003c\/div\u003e\n\u003ch2\u003eYour Skin Will Thank You\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🧊\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Cooling \u0026amp; Refreshing \u003c\/strong\u003e\n\u003cp\u003eGive tired-looking skin a refreshing cold sensation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Depuffing Ritual \u003c\/strong\u003e\n\u003cp\u003eA soothing facial massage designed to reduce the appearance of puffiness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌸\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Sculpt \u0026amp; Massage \u003c\/strong\u003e\n\u003cp\u003eMassage along your facial contours for a relaxing self-care moment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💗\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Glow-Boosting Routine \u003c\/strong\u003e\n\u003cp\u003eMake facial massage part of your everyday skincare ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🫧\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Calming Self-Care \u003c\/strong\u003e\n\u003cp\u003eTurn a few quiet minutes into your favourite part of the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🌷\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Beautifully Giftable \u003c\/strong\u003e\n\u003cp\u003eA thoughtful addition to any skincare or self-care collection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ROUTINE --\u003e\n\u003csection class=\"routine\" id=\"routine\"\u003e\n\u003cdiv class=\"section-label\"\u003eYour SweetWillow Ritual\u003c\/div\u003e\n\u003ch2\u003eThree Simple Steps ✨\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eCool\u003c\/h3\u003e\n\u003cp\u003eFreeze your ice roller and gently glide it across clean skin for a refreshing start.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eSculpt\u003c\/h3\u003e\n\u003cp\u003eUse your gua sha stone along your jawline, cheekbones and neck.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eRoll\u003c\/h3\u003e\n\u003cp\u003eFinish with your dual-head facial roller and enjoy your self-care moment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GIFT --\u003e\n\u003csection class=\"gift\"\u003e\n\u003cdiv class=\"section-label\"\u003eBeautifully Packaged\u003c\/div\u003e\n\u003ch2\u003eThe Perfect Gift 🎁\u003c\/h2\u003e\n\u003cp\u003eBeautifully packaged and ready to gift — whether it's for a birthday, Mother's Day, a special occasion, or simply because she deserves it. Every set arrives in our signature SweetWillow gift box with a heartfelt thank-you card.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- FOOTER --\u003e\u003cfooter\u003e\u003cstrong\u003e SweetWillow™ \u003c\/strong\u003e \u003cbr\u003eFeel Good Within. 🇿🇦 Proudly South African.\u003c\/footer\u003e\u003c!-- INTERACTIVE PRODUCT POPUP --\u003e\n\u003cdiv class=\"modal\" id=\"productModal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cspan class=\"close\"\u003e × \u003c\/span\u003e\n\u003ch2 id=\"modalTitle\"\u003e\u003c\/h2\u003e\n\u003cp id=\"modalText\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"SweetWillow","offers":[{"title":"Blue","offer_id":54200476008632,"sku":null,"price":449.99,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":54200476041400,"sku":null,"price":449.99,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":54200476074168,"sku":null,"price":449.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0984\/8281\/5160\/files\/ice-roller-facial-care-set-full-set-with-sweetwillow-branded-box.png?v=1790608635","url":"https:\/\/sweetwillow.co.za\/products\/sweetwillow%e2%84%a2-ice-roller-set","provider":"SweetWillow","version":"1.0","type":"link"}