{"product_id":"whole-you™-scalp-restorer","title":"Whole You™ Scalp Restorer","description":"\u003cstyle\u003e\n:root{\n--bg:#F4F1EC;\n--card:#FFFFFF;\n--gold:#C9A55B;\n--text:#1D1D1F;\n--sub:#666666;\n--line:#E8E1D7;\n}\n\n*{\nbox-sizing:border-box;\n}\n\n.wy-wrap{\nmax-width:900px;\nmargin:auto;\npadding:35px 20px;\nfont-family:-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"Helvetica Neue\",Arial,sans-serif;\nbackground:linear-gradient(180deg,#F8F6F2,#EEE8DF);\nborder-radius:32px;\noverflow:hidden;\nposition:relative;\ncolor:var(--text);\n}\n\n.wy-wrap:before{\ncontent:\"\";\nposition:absolute;\nwidth:450px;\nheight:450px;\nbackground:radial-gradient(circle,rgba(201,165,91,.18),transparent 70%);\ntop:-180px;\nright:-150px;\n}\n\n\n\/* TITLE *\/\n\n.wy-title{\nfont-size:36px;\nfont-weight:750;\ntext-align:center;\nletter-spacing:-1px;\nanimation:fadeUp .8s forwards;\n}\n\n.wy-sub{\nmargin-top:12px;\nfont-size:18px;\nfont-weight:600;\ncolor:#B08A43;\ntext-align:center;\nanimation:fadeUp .8s .2s forwards;\n}\n\n.wy-text{\nmax-width:720px;\nmargin:30px auto;\ntext-align:center;\nfont-size:17px;\nline-height:1.8;\ncolor:var(--sub);\nanimation:fadeUp .8s .4s forwards;\n}\n\n\n\/* BENEFITS *\/\n\n.wy-grid{\ndisplay:grid;\ngrid-template-columns:repeat(2,1fr);\ngap:18px;\nmargin-top:40px;\n}\n\n\n.wy-card{\n\nbackground:rgba(255,255,255,.85);\nbackdrop-filter:blur(20px);\n\nborder:1px solid var(--line);\nborder-radius:24px;\n\npadding:25px;\n\nbox-shadow:0 15px 40px rgba(0,0,0,.05);\n\ntransition:.35s;\n\n}\n\n\n.wy-card:hover{\n\ntransform:translateY(-7px);\nborder-color:var(--gold);\n\n}\n\n\n.wy-icon{\n\nfont-size:28px;\nmargin-bottom:15px;\n\n}\n\n\n.wy-card h3{\n\nmargin:0;\nfont-size:20px;\n\n}\n\n\n.wy-card p{\n\nmargin-top:12px;\ncolor:var(--sub);\nline-height:1.7;\nfont-size:15px;\n\n}\n\n\n\n\/* MASSAGE SECTION *\/\n\n.wy-modes{\n\nmargin-top:50px;\n\npadding:28px;\n\nbackground:rgba(255,255,255,.65);\n\nborder-radius:28px;\n\nborder:1px solid var(--line);\n\n}\n\n\n.wy-modes h2{\n\ntext-align:center;\nfont-size:27px;\nmargin:0;\n\n}\n\n\n.mode-description{\n\ntext-align:center;\nmargin:10px 0 22px;\ncolor:var(--sub);\n\n}\n\n\n\n\/* MODE CARDS *\/\n\n.mode-cards{\n\ndisplay:flex;\ngap:12px;\n\n}\n\n\n.mode-card{\n\nflex:1;\n\nmin-width:0;\n\noverflow:hidden;\n\nbackground:#fff;\n\nborder-radius:20px;\n\npadding:16px 8px;\n\ntext-align:center;\n\ncursor:pointer;\n\nborder:2px solid transparent;\n\ntransition:.35s ease;\n\nheight:115px;\n\ndisplay:flex;\n\nflex-direction:column;\n\njustify-content:center;\n\n}\n\n\n.mode-card:hover{\n\ntransform:translateY(-4px);\n\n}\n\n\n.mode-card.active{\n\nborder-color:var(--gold);\n\nbackground:linear-gradient(145deg,#ffffff,#f8edd7);\n\nbox-shadow:0 12px 30px rgba(201,165,91,.25);\n\ntransform:scale(1.04);\n\n}\n\n\n\n.mode-icon{\n\nfont-size:26px;\n\nmargin-bottom:5px;\n\n}\n\n\n.mode-card h3{\n\nfont-size:15px;\n\nmargin:5px 0;\n\nwhite-space:nowrap;\n\n}\n\n\n.mode-card p{\n\nfont-size:11px;\n\ncolor:#777;\n\nmargin:0;\n\nwhite-space:nowrap;\n\n}\n\n\n\n\/* DESCRIPTION BOX *\/\n\n.mode-info{\n\nmargin-top:18px;\n\nbackground:#fff;\n\npadding:20px;\n\nborder-radius:20px;\n\nbox-shadow:0 10px 30px rgba(0,0,0,.05);\n\n}\n\n\n.mode-info h3{\n\nmargin:0 0 8px;\n\nfont-size:20px;\n\ncolor:#B08A43;\n\n}\n\n\n.mode-info p{\n\nmargin:0;\n\nline-height:1.7;\n\ncolor:#666;\n\n}\n\n\n\n\/* FINAL TEXT *\/\n\n.wy-end{\n\nmargin-top:45px;\n\ntext-align:center;\n\nfont-size:21px;\n\nline-height:1.8;\n\n}\n\n\n.wy-end span{\n\ncolor:#B08A43;\n\nfont-weight:700;\n\n}\n\n\n\n\/* ANIMATION *\/\n\n@keyframes fadeUp{\n\nfrom{\nopacity:0;\ntransform:translateY(30px);\n}\n\nto{\nopacity:1;\ntransform:translateY(0);\n}\n\n}\n\n\n\n\/* MOBILE *\/\n\n@media(max-width:768px){\n\n.wy-wrap{\npadding:25px 15px;\n}\n\n\n.wy-title{\nfont-size:29px;\n}\n\n\n.wy-grid{\ngrid-template-columns:1fr;\n}\n\n\n.mode-cards{\n\ngap:7px;\n\n}\n\n\n.mode-card{\n\nheight:105px;\n\npadding:10px 4px;\n\n}\n\n\n.mode-icon{\n\nfont-size:22px;\n\n}\n\n\n.mode-card h3{\n\nfont-size:13px;\nwhite-space:nowrap;\n\n}\n\n\n.mode-card p{\n\nfont-size:10px;\nwhite-space:nowrap;\n\n}\n\n\n}\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"wy-wrap\"\u003e\n\n\n\u003cdiv class=\"wy-title\"\u003e\nWhole You™ Scalp Restorer\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"wy-sub\"\u003e\n✨ Relief. Hydration. Growth. All in one ritual.\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"wy-text\"\u003e\n\nDesigned for everyone, the Whole You™ Scalp Restorer is your daily self-care ritual for both men and women. Add your favourite oil or serum into the built-in reservoir and enjoy effortless, even distribution while soft silicone massage heads relax tension, nourish your scalp and support healthier-looking hair. Whether you're maintaining a healthy scalp, restoring hydration, or simply enjoying a moment of relaxation, this premium scalp experience is made for you.\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"wy-grid\"\u003e\n\n\n\u003cdiv class=\"wy-card\"\u003e\n\n\u003cdiv class=\"wy-icon\"\u003e🌿\u003c\/div\u003e\n\n\u003ch3\u003eBuilt-In Oil Reservoir\u003c\/h3\u003e\n\n\u003cp\u003e\nEvenly distributes oils and serums across your scalp while you massage for better coverage and less waste.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"wy-card\"\u003e\n\n\u003cdiv class=\"wy-icon\"\u003e💆\u003c\/div\u003e\n\n\u003ch3\u003eRelax \u0026amp; Restore\u003c\/h3\u003e\n\n\u003cp\u003e\nA calming massage experience designed to release tension and create a spa-like self-care ritual.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"wy-card\"\u003e\n\n\u003cdiv class=\"wy-icon\"\u003e✨\u003c\/div\u003e\n\n\u003ch3\u003eHealthy Scalp Ritual\u003c\/h3\u003e\n\n\u003cp\u003e\nStimulates circulation and helps create the ideal environment for stronger-looking, healthier hair.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"wy-card\"\u003e\n\n\u003cdiv class=\"wy-icon\"\u003e🔋\u003c\/div\u003e\n\n\u003ch3\u003eUSB-C Rechargeable\u003c\/h3\u003e\n\n\u003cp\u003e\nCordless, lightweight and travel-ready so your scalp ritual goes wherever you do.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\u003cdiv class=\"wy-modes\"\u003e\n\n\n\u003ch2\u003e\n🎛️ Choose Your Massage Experience\n\u003c\/h2\u003e\n\n\n\u003cdiv class=\"mode-description\"\u003e\nTap a mode to discover your perfect scalp ritual.\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"mode-cards\"\u003e\n\n\n\u003cdiv class=\"mode-card active\" onclick=\"changeMode(0,this)\"\u003e\n\n\u003cdiv class=\"mode-icon\"\u003e🌿\u003c\/div\u003e\n\n\u003ch3\u003eGentle\u003c\/h3\u003e\n\n\u003cp\u003eSoothing\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"mode-card\" onclick=\"changeMode(1,this)\"\u003e\n\n\u003cdiv class=\"mode-icon\"\u003e💧\u003c\/div\u003e\n\n\u003ch3\u003eMedium\u003c\/h3\u003e\n\n\u003cp\u003eDaily Care\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"mode-card\" onclick=\"changeMode(2,this)\"\u003e\n\n\u003cdiv class=\"mode-icon\"\u003e⚡\u003c\/div\u003e\n\n\u003ch3\u003eIntense\u003c\/h3\u003e\n\n\u003cp\u003eDeep Relief\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"mode-info\" id=\"modeInfo\"\u003e\n\n\u003ch3\u003e🌿 Gentle Mode\u003c\/h3\u003e\n\n\u003cp\u003e\nPerfect for dry or sensitive scalps. Enjoy a calming massage that soothes discomfort while gently spreading oils for a relaxing daily ritual.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\u003cdiv class=\"wy-end\"\u003e\n\nHealthy hair starts with a healthy scalp.\n\n\u003cbr\u003e\u003cbr\u003e\n\n\u003cspan\u003e\nRestore your scalp. Restore yourself. 🖤\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\u003cscript\u003e\n\nconst modeData=[\n\n{\ntitle:\"🌿 Gentle Mode\",\ntext:\"Perfect for dry or sensitive scalps. Enjoy a calming massage that soothes discomfort while gently spreading oils for a relaxing daily ritual.\"\n},\n\n{\ntitle:\"💧 Medium Mode\",\ntext:\"The ideal everyday setting. Stimulates circulation while helping oils and serums absorb deeper into the scalp for maximum nourishment.\"\n},\n\n{\ntitle:\"⚡ Intense Mode\",\ntext:\"Maximum stimulation for deeper tension relief. Designed to refresh your scalp and provide an invigorating massage experience.\"\n}\n\n];\n\n\nfunction changeMode(index,card){\n\ndocument.querySelectorAll(\".mode-card\")\n.forEach(c=\u003ec.classList.remove(\"active\"));\n\n\ncard.classList.add(\"active\");\n\n\nconst box=document.getElementById(\"modeInfo\");\n\n\nbox.innerHTML=`\n\n\u003ch3\u003e${modeData[index].title}\u003c\/h3\u003e\n\n\u003cp\u003e${modeData[index].text}\u003c\/p\u003e\n\n`;\n\n}\n\n\u003c\/script\u003e","brand":"Whole You","offers":[{"title":"Default Title","offer_id":46286905081953,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0640\/6710\/8961\/files\/whole-you-black-version-hero.png?v=1785338215","url":"https:\/\/wholeyou.co.za\/products\/whole-you%e2%84%a2-scalp-restorer","provider":"Whole You","version":"1.0","type":"link"}