{"title":"Customers favorites","description":null,"products":[{"product_id":"inner-skin™-facial-toner-pads","title":"Inner Skin™ Facial Toner Pads","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700\u0026family=Inter:wght@300;400;500;600\u0026display=swap');\n\n#innerskin-toner {\n  --gold: #b88a44;\n  --gold-light: #d7b77a;\n  --text: #2a2a2a;\n  --muted: #6b6b6b;\n  --bg: #f8f7f4;\n\n  font-family: 'Inter', sans-serif;\n  background: linear-gradient(180deg, #ffffff 0%, var(--bg) 100%);\n  padding: 70px 20px;\n  color: var(--text);\n  overflow: hidden;\n}\n\n#innerskin-toner .container {\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n#innerskin-toner .hero {\n  text-align: center;\n  margin-bottom: 56px;\n  animation: fadeUp 1s ease both;\n}\n\n#innerskin-toner .brand {\n  display: inline-block;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: var(--gold);\n  font-size: 12px;\n  font-weight: 600;\n  margin-bottom: 14px;\n}\n\n#innerskin-toner h2 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(42px, 7vw, 76px);\n  line-height: 1;\n  margin: 0;\n  font-weight: 700;\n  color: #171717;\n}\n\n#innerskin-toner .subtitle {\n  max-width: 760px;\n  margin: 22px auto 0;\n  font-size: 18px;\n  line-height: 1.8;\n  color: var(--muted);\n}\n\n#innerskin-toner .highlight {\n  color: var(--gold);\n  font-weight: 600;\n}\n\n#innerskin-toner .glass-card {\n  position: relative;\n  background: rgba(255,255,255,0.72);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border: 1px solid rgba(255,255,255,0.9);\n  border-radius: 28px;\n  padding: 36px;\n  box-shadow:\n    0 18px 45px rgba(0,0,0,0.06),\n    inset 0 1px 0 rgba(255,255,255,0.7);\n  transition: transform .45s ease, box-shadow .45s ease;\n}\n\n#innerskin-toner .glass-card:hover {\n  transform: translateY(-8px);\n  box-shadow:\n    0 28px 60px rgba(0,0,0,0.08),\n    inset 0 1px 0 rgba(255,255,255,0.9);\n}\n\n#innerskin-toner .benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-bottom: 56px;\n}\n\n#innerskin-toner .benefit {\n  text-align: left;\n  animation: fadeUp .9s ease both;\n}\n\n#innerskin-toner .benefit:nth-child(2){ animation-delay: .1s; }\n#innerskin-toner .benefit:nth-child(3){ animation-delay: .2s; }\n#innerskin-toner .benefit:nth-child(4){ animation-delay: .3s; }\n#innerskin-toner .benefit:nth-child(5){ animation-delay: .4s; }\n#innerskin-toner .benefit:nth-child(6){ animation-delay: .5s; }\n\n#innerskin-toner .icon {\n  width: 58px;\n  height: 58px;\n  border-radius: 18px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, rgba(184,138,68,.16), rgba(215,183,122,.32));\n  color: var(--gold);\n  margin-bottom: 18px;\n  box-shadow: 0 10px 24px rgba(184,138,68,.12);\n}\n\n#innerskin-toner .benefit h3 {\n  margin: 0 0 10px;\n  font-size: 19px;\n  font-weight: 600;\n}\n\n#innerskin-toner .benefit p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.7;\n  font-size: 15px;\n}\n\n#innerskin-toner .two-col {\n  display: grid;\n  grid-template-columns: 1.1fr .9fr;\n  gap: 28px;\n  align-items: stretch;\n  margin-bottom: 56px;\n}\n\n#innerskin-toner .section-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 40px;\n  margin: 0 0 14px;\n  color: #171717;\n}\n\n#innerskin-toner .body {\n  color: var(--muted);\n  line-height: 1.9;\n  font-size: 16px;\n}\n\n#innerskin-toner .steps {\n  list-style: none;\n  margin: 28px 0 0;\n  padding: 0;\n  display: grid;\n  gap: 16px;\n}\n\n#innerskin-toner .steps li {\n  display: flex;\n  gap: 14px;\n  align-items: flex-start;\n  padding: 14px 0;\n  border-bottom: 1px solid rgba(0,0,0,.06);\n}\n\n#innerskin-toner .step-number {\n  flex: 0 0 34px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, var(--gold), var(--gold-light));\n  color: #fff;\n  font-size: 14px;\n  font-weight: 700;\n  box-shadow: 0 10px 20px rgba(184,138,68,.22);\n}\n\n#innerskin-toner .ritual-card {\n  position: relative;\n  overflow: hidden;\n}\n\n#innerskin-toner .ritual-card::before {\n  content: '';\n  position: absolute;\n  inset: -40%;\n  background: radial-gradient(circle at top right, rgba(215,183,122,.28), transparent 42%);\n  animation: glow 6s linear infinite;\n}\n\n#innerskin-toner .ritual-content {\n  position: relative;\n  z-index: 1;\n}\n\n#innerskin-toner .ritual-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 14px;\n  border-radius: 999px;\n  background: rgba(184,138,68,.1);\n  color: var(--gold);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n}\n\n#innerskin-toner .quote {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 34px;\n  line-height: 1.2;\n  color: #1c1c1c;\n  margin: 0 0 18px;\n}\n\n#innerskin-toner .mini {\n  color: var(--muted);\n  line-height: 1.8;\n  margin-bottom: 24px;\n}\n\n#innerskin-toner .premium-strip {\n  margin-top: 22px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n#innerskin-toner .pill {\n  padding: 10px 16px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.75);\n  border: 1px solid rgba(0,0,0,.06);\n  font-size: 13px;\n  color: #3a3a3a;\n  box-shadow: 0 6px 18px rgba(0,0,0,.04);\n}\n\n#innerskin-toner .final-card {\n  text-align: center;\n  animation: fadeUp 1s ease both;\n}\n\n#innerskin-toner .final-card p {\n  max-width: 760px;\n  margin: 0 auto 26px;\n  color: var(--muted);\n  line-height: 1.9;\n  font-size: 17px;\n}\n\n#innerskin-toner .cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 28px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #1d1d1d, #3a3a3a);\n  color: #fff;\n  text-decoration: none;\n  font-weight: 600;\n  letter-spacing: .02em;\n  box-shadow: 0 18px 36px rgba(0,0,0,.16);\n  transition: transform .3s ease, box-shadow .3s ease;\n}\n\n#innerskin-toner .cta:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 24px 46px rgba(0,0,0,.2);\n}\n\n#innerskin-toner .cta svg {\n  transition: transform .3s ease;\n}\n\n#innerskin-toner .cta:hover svg {\n  transform: translateX(3px);\n}\n\n@keyframes fadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(28px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes glow {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@media (max-width: 900px) {\n  #innerskin-toner {\n    padding: 56px 16px;\n  }\n\n  #innerskin-toner .benefits-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #innerskin-toner .two-col {\n    grid-template-columns: 1fr;\n  }\n\n  #innerskin-toner .glass-card {\n    padding: 26px;\n  }\n\n  #innerskin-toner .section-title {\n    font-size: 34px;\n  }\n\n  #innerskin-toner .quote {\n    font-size: 28px;\n  }\n\n  #innerskin-toner .subtitle {\n    font-size: 16px;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection id=\"innerskin-toner\"\u003e\n  \u003cdiv class=\"container\"\u003e\n\n    \u003cdiv class=\"hero\"\u003e\n      \u003cdiv class=\"brand\"\u003eINNER SKIN™\u003c\/div\u003e\n      \u003ch2\u003eFacial Toner Pads\u003c\/h2\u003e\n      \u003cp class=\"subtitle\"\u003e\n        A refined daily ritual that gently exfoliates, hydrates, and helps reveal\n        \u003cspan class=\"highlight\"\u003esmoother, brighter, healthier-looking skin\u003c\/span\u003e.\n        Designed for effortless luxury, every pad refreshes the skin while preparing it\n        to absorb the rest of your skincare beautifully.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-grid\"\u003e\n\n      \u003cdiv class=\"glass-card benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 3l7 4v5c0 5-3.5 8-7 9-3.5-1-7-4-7-9V7l7-4z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eGentle Exfoliation\u003c\/h3\u003e\n        \u003cp\u003eSmooth away dead skin cells for a refined texture and a naturally radiant finish.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"glass-card benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 2C8 7 6 10 6 13a6 6 0 0012 0c0-3-2-6-6-11z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eHydrating Comfort\u003c\/h3\u003e\n        \u003cp\u003eLightweight hydration leaves skin feeling soft, balanced, and refreshed after every use.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"glass-card benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M4 4h16v16H4z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 9h6v6H9z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003ePore Refining\u003c\/h3\u003e\n        \u003cp\u003eHelps minimise the appearance of pores for a cleaner, smoother-looking complexion.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"glass-card benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 20s7-4.35 7-10a4 4 0 00-7-2.5A4 4 0 005 10c0 5.65 7 10 7 10z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eDaily Glow\u003c\/h3\u003e\n        \u003cp\u003eEnhances luminosity and leaves skin looking fresh, healthy, and naturally radiant.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"glass-card benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M3 12h18\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 3v18\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003ePrepares the Skin\u003c\/h3\u003e\n        \u003cp\u003eOptimises absorption of serums and moisturisers for a more effective skincare routine.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"glass-card benefit\"\u003e\n        \u003cdiv class=\"icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M20 7L9 18l-5-5\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3\u003eSuitable for Most Skin Types\u003c\/h3\u003e\n        \u003cp\u003eA gentle formula crafted for everyday use across a wide range of skin types.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"two-col\"\u003e\n\n      \u003cdiv class=\"glass-card\"\u003e\n        \u003ch3 class=\"section-title\"\u003eHow to Use\u003c\/h3\u003e\n        \u003cp class=\"body\"\u003e\n          Transform your toner step into a luxurious skincare ritual with these simple steps.\n        \u003c\/p\u003e\n\n        \u003cul class=\"steps\"\u003e\n          \u003cli\u003e\n            \u003cspan class=\"step-number\"\u003e1\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eCleanse\u003c\/strong\u003e\u003cbr\u003e\n              Begin with freshly cleansed skin.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan class=\"step-number\"\u003e2\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eSweep\u003c\/strong\u003e\u003cbr\u003e\n              Gently wipe one pad across the face and neck, avoiding the eye area.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan class=\"step-number\"\u003e3\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003ePress\u003c\/strong\u003e\u003cbr\u003e\n              Lightly press the remaining essence into the skin.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan class=\"step-number\"\u003e4\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eFinish\u003c\/strong\u003e\u003cbr\u003e\n              Follow with serum and moisturiser for best results.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"glass-card ritual-card\"\u003e\n        \u003cdiv class=\"ritual-content\"\u003e\n          \u003cdiv class=\"ritual-badge\"\u003e\n            \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n              \u003cpath d=\"M12 2l2.4 5.2L20 8l-4 3.9.9 5.6L12 15l-4.9 2.5.9-5.6L4 8l5.6-.8L12 2z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            Premium Ritual\n          \u003c\/div\u003e\n\n          \u003cp class=\"quote\"\u003e\n            “Skincare should feel like a quiet luxury, not a chore.”\n          \u003c\/p\u003e\n\n          \u003cp class=\"mini\"\u003e\n            Inner Skin™ Facial Toner Pads combine gentle exfoliation with refreshing hydration\n            to leave your complexion feeling exceptionally smooth, balanced, and luminous after\n            every use.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"premium-strip\"\u003e\n            \u003cspan class=\"pill\"\u003eDaily Use\u003c\/span\u003e\n            \u003cspan class=\"pill\"\u003ePore Care\u003c\/span\u003e\n            \u003cspan class=\"pill\"\u003eHydrating\u003c\/span\u003e\n            \u003cspan class=\"pill\"\u003eGlow Boosting\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"glass-card final-card\"\u003e\n      \u003ch3 class=\"section-title\"\u003eWhy You'll Love It\u003c\/h3\u003e\n      \u003cp\u003e\n        Crafted for those who appreciate clean beauty and elevated design, \u003cstrong\u003eInner Skin™\n        Facial Toner Pads\u003c\/strong\u003e deliver a polished, spa-like experience from the very first use.\n        Keep them within reach for a quick refresh anytime your skin needs a moment of radiance.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#\" class=\"cta\"\u003e\n        Discover Inner Skin™\n        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n          \u003cpolyline points=\"12 5 19 12 12 19\"\u003e\u003c\/polyline\u003e\n        \u003c\/svg\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Inner Skin","offers":[{"title":"Default Title","offer_id":53651858948461,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1017\/6577\/5725\/files\/ChatGPTImageAug4_2026at01_02_39PM.png?v=1785843993"}],"url":"https:\/\/innerskin.co.za\/collections\/customers-favorites.oembed","provider":"Inner Skin","version":"1.0","type":"link"}