{"title":"Home page","description":null,"products":[{"product_id":"skinsync-skin-refiner","title":"SkinSync Skin Refiner","description":"\u003csection class=\"skin-refiner-premium\"\u003e\n\n  \u003c!-- Decorative background elements --\u003e\n  \u003cdiv class=\"sr-orb sr-orb-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"sr-orb sr-orb-two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"sr-wrap\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"sr-hero\"\u003e\n\n      \u003cdiv class=\"sr-eyebrow\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        PREMIUM SKINCARE TECHNOLOGY\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        SKIN\n        \u003cspan\u003eREFINER\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"sr-tagline\"\u003e\n        Refine Your Skin. Elevate Your Routine.\n      \u003c\/p\u003e\n\n      \u003cp class=\"sr-description\"\u003e\n        Meet \u003cstrong\u003eSkin Refiner\u003c\/strong\u003e — a sophisticated ultrasonic\n        skincare device created to transform your everyday cleansing routine\n        into a more refined skincare ritual.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"sr-pills\"\u003e\n        \u003cdiv\u003e✦ Ultrasonic Technology\u003c\/div\u003e\n        \u003cdiv\u003e✦ 4 Intelligent Modes\u003c\/div\u003e\n        \u003cdiv\u003e✦ Rechargeable\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- EXPERIENCE --\u003e\n    \u003cdiv class=\"sr-experience\"\u003e\n\n      \u003cdiv class=\"sr-small-title\"\u003eTHE EXPERIENCE\u003c\/div\u003e\n\n      \u003ch2\u003e\n        More Than Cleansing.\u003cbr\u003e\n        \u003cspan\u003eA Ritual.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Using ultrasonic vibration technology and a precision skincare\n        spatula, Skin Refiner helps lift away excess oil, dead skin buildup\n        and surface impurities while gently exfoliating the skin.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        The result is skin that feels cleaner, smoother and beautifully\n        refreshed — all from the comfort of home.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- MODES --\u003e\n    \u003cdiv class=\"sr-modes\"\u003e\n\n      \u003cdiv class=\"sr-section-heading\"\u003e\n        \u003cdiv class=\"sr-small-title\"\u003eFOUR INTELLIGENT MODES\u003c\/div\u003e\n        \u003ch2\u003eOne Device. \u003cspan\u003eYour Complete Ritual.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sr-grid\"\u003e\n\n        \u003cdiv class=\"sr-card\"\u003e\n          \u003cdiv class=\"sr-number\"\u003e01\u003c\/div\u003e\n          \u003cdiv class=\"sr-icon\"\u003e✦\u003c\/div\u003e\n\n          \u003ch3\u003eCleaning\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Helps loosen surface impurities, excess oil and everyday buildup\n            for a deeper-feeling cleanse.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"sr-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sr-card\"\u003e\n          \u003cdiv class=\"sr-number\"\u003e02\u003c\/div\u003e\n          \u003cdiv class=\"sr-icon\"\u003e◇\u003c\/div\u003e\n\n          \u003ch3\u003eScraping\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Gently exfoliates the skin's surface to reveal a smoother,\n            softer and more polished appearance.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"sr-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sr-card\"\u003e\n          \u003cdiv class=\"sr-number\"\u003e03\u003c\/div\u003e\n          \u003cdiv class=\"sr-icon\"\u003e＋\u003c\/div\u003e\n\n          \u003ch3\u003eIon+\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed to complement your cleansing routine and help lift\n            impurities from the skin.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"sr-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sr-card\"\u003e\n          \u003cdiv class=\"sr-number\"\u003e04\u003c\/div\u003e\n          \u003cdiv class=\"sr-icon\"\u003e−\u003c\/div\u003e\n\n          \u003ch3\u003eIon−\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed for the final stages of your routine and to complement\n            the application of compatible skincare products.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"sr-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- LUXURY MESSAGE --\u003e\n    \u003cdiv class=\"sr-luxury\"\u003e\n\n      \u003cdiv class=\"sr-gold-symbol\"\u003e✦\u003c\/div\u003e\n\n      \u003cdiv class=\"sr-small-title\"\u003eDESIGNED FOR BETTER SKINCARE\u003c\/div\u003e\n\n      \u003ch2\u003e\n        Beauty Meets\n        \u003cspan\u003eTechnology.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Wrapped in an elegant white-and-gold finish, Skin Refiner combines\n        sophisticated design with effortless functionality.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Cordless, rechargeable and beautifully minimal — it belongs as much\n        on your vanity as it does in your skincare routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BENEFITS --\u003e\n    \u003cdiv class=\"sr-benefits\"\u003e\n\n      \u003cdiv class=\"sr-benefit\"\u003e\n        \u003cspan\u003e01\u003c\/span\u003e\n        \u003ch4\u003eREFINE\u003c\/h4\u003e\n        \u003cp\u003eGently exfoliate surface buildup.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sr-benefit\"\u003e\n        \u003cspan\u003e02\u003c\/span\u003e\n        \u003ch4\u003eCLEANSE\u003c\/h4\u003e\n        \u003cp\u003eElevate your everyday cleansing ritual.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sr-benefit\"\u003e\n        \u003cspan\u003e03\u003c\/span\u003e\n        \u003ch4\u003eREVEAL\u003c\/h4\u003e\n        \u003cp\u003eReveal smoother, refreshed-looking skin.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FINAL BRAND STATEMENT --\u003e\n    \u003cdiv class=\"sr-final\"\u003e\n\n      \u003cdiv class=\"sr-sparkle\"\u003e✦\u003c\/div\u003e\n\n      \u003ch2\u003eSKIN REFINER\u003c\/h2\u003e\n\n      \u003cp\u003e\n        Deep Cleanse \u003cspan\u003e•\u003c\/span\u003e\n        Gently Refine \u003cspan\u003e•\u003c\/span\u003e\n        Reveal Your Glow\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"sr-gold-bar\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n\/* ===============================\n   BASE\n================================ *\/\n\n.skin-refiner-premium {\n  --teal: #176d67;\n  --deep-teal: #0d4f4b;\n  --gold: #c6a15b;\n  --light-gold: #e4c98f;\n  --cream: #faf9f4;\n  --text: #18302e;\n  --muted: #647572;\n\n  position: relative;\n  overflow: hidden;\n\n  background:\n    radial-gradient(circle at 10% 10%,\n      rgba(23,109,103,.14),\n      transparent 30%),\n\n    radial-gradient(circle at 90% 60%,\n      rgba(198,161,91,.12),\n      transparent 30%),\n\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #f4f8f5 45%,\n      #edf6f3 100%\n    );\n\n  padding: 110px 22px;\n\n  font-family:\n    \"Helvetica Neue\",\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  color: var(--text);\n}\n\n\n.sr-wrap {\n  position: relative;\n  z-index: 2;\n\n  max-width: 1180px;\n  margin: auto;\n}\n\n\n\/* ===============================\n   BACKGROUND ORBS\n================================ *\/\n\n.sr-orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(20px);\n  opacity: .6;\n  animation: srFloat 8s ease-in-out infinite;\n}\n\n.sr-orb-one {\n  width: 350px;\n  height: 350px;\n\n  background:\n    rgba(23,109,103,.10);\n\n  top: 5%;\n  left: -150px;\n}\n\n.sr-orb-two {\n  width: 420px;\n  height: 420px;\n\n  background:\n    rgba(198,161,91,.09);\n\n  right: -200px;\n  top: 45%;\n\n  animation-delay: 2s;\n}\n\n@keyframes srFloat {\n\n  0%, 100% {\n    transform: translateY(0px);\n  }\n\n  50% {\n    transform: translateY(-30px);\n  }\n\n}\n\n\n\/* ===============================\n   HERO\n================================ *\/\n\n.sr-hero {\n  text-align: center;\n\n  max-width: 900px;\n\n  margin:\n    0 auto\n    130px;\n}\n\n\n.sr-eyebrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 16px;\n\n  color: var(--gold);\n\n  letter-spacing: 4px;\n\n  font-size: 11px;\n  font-weight: 600;\n\n  margin-bottom: 30px;\n}\n\n\n.sr-eyebrow span {\n  width: 45px;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--gold)\n    );\n}\n\n\n.sr-eyebrow span:last-child {\n  background:\n    linear-gradient(\n      90deg,\n      var(--gold),\n      transparent\n    );\n}\n\n\n.sr-hero h1 {\n\n  margin: 0;\n\n  font-size:\n    clamp(55px, 9vw, 105px);\n\n  font-weight: 300;\n\n  letter-spacing: 9px;\n\n  line-height: .95;\n}\n\n\n.sr-hero h1 span {\n\n  display: block;\n\n  background:\n    linear-gradient(\n      120deg,\n      #a98038,\n      #e0c17d,\n      #9d762f\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n\n  margin-top: 10px;\n}\n\n\n.sr-tagline {\n\n  margin-top: 30px;\n\n  font-family: Georgia, serif;\n\n  font-size:\n    clamp(20px, 3vw, 29px);\n\n  font-style: italic;\n\n  color: var(--teal);\n}\n\n\n.sr-description {\n\n  max-width: 720px;\n\n  margin:\n    30px auto 0;\n\n  line-height: 1.9;\n\n  font-size: 17px;\n\n  color: var(--muted);\n}\n\n\n.sr-description strong {\n  color: var(--text);\n  font-weight: 500;\n}\n\n\n\/* PILLS *\/\n\n.sr-pills {\n\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n\n  gap: 12px;\n\n  margin-top: 40px;\n}\n\n\n.sr-pills div {\n\n  padding:\n    11px 18px;\n\n  border:\n    1px solid\n    rgba(198,161,91,.35);\n\n  border-radius: 100px;\n\n  background:\n    rgba(255,255,255,.65);\n\n  backdrop-filter: blur(12px);\n\n  font-size: 12px;\n\n  letter-spacing: 1px;\n\n  color: var(--deep-teal);\n}\n\n\n\/* ===============================\n   EXPERIENCE\n================================ *\/\n\n.sr-experience {\n\n  padding:\n    70px\n    clamp(25px, 7vw, 90px);\n\n  margin-bottom: 120px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8);\n\n  border-radius: 30px;\n\n  background:\n    rgba(255,255,255,.55);\n\n  backdrop-filter:\n    blur(20px);\n\n  box-shadow:\n    0 30px 80px\n    rgba(13,79,75,.08);\n}\n\n\n.sr-small-title {\n\n  color: var(--gold);\n\n  letter-spacing: 4px;\n\n  font-size: 11px;\n\n  font-weight: 600;\n\n  margin-bottom: 20px;\n}\n\n\n.sr-experience h2,\n.sr-section-heading h2,\n.sr-luxury h2 {\n\n  font-size:\n    clamp(36px, 5vw, 58px);\n\n  font-weight: 300;\n\n  letter-spacing: -1px;\n\n  line-height: 1.1;\n\n  margin:\n    0 0\n    30px;\n}\n\n\n.sr-experience h2 span,\n.sr-section-heading h2 span,\n.sr-luxury h2 span {\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-style: italic;\n\n  color: var(--teal);\n}\n\n\n.sr-experience p {\n\n  max-width: 780px;\n\n  color: var(--muted);\n\n  font-size: 16px;\n\n  line-height: 1.9;\n}\n\n\n\/* ===============================\n   MODES\n================================ *\/\n\n.sr-modes {\n  margin-bottom: 130px;\n}\n\n\n.sr-section-heading {\n\n  text-align: center;\n\n  margin-bottom: 55px;\n}\n\n\n.sr-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap: 22px;\n}\n\n\n.sr-card {\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding: 42px;\n\n  min-height: 245px;\n\n  border-radius: 24px;\n\n  border:\n    1px solid\n    rgba(23,109,103,.10);\n\n  background:\n    rgba(255,255,255,.72);\n\n  backdrop-filter:\n    blur(14px);\n\n  box-shadow:\n    0 18px 50px\n    rgba(13,79,75,.06);\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease,\n    border-color .4s ease;\n}\n\n\n.sr-card:hover {\n\n  transform:\n    translateY(-10px);\n\n  box-shadow:\n    0 30px 70px\n    rgba(13,79,75,.13);\n\n  border-color:\n    rgba(198,161,91,.45);\n}\n\n\n.sr-number {\n\n  position: absolute;\n\n  right: 30px;\n  top: 25px;\n\n  font-family: Georgia, serif;\n\n  font-size: 50px;\n\n  color:\n    rgba(198,161,91,.12);\n}\n\n\n.sr-icon {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 50px;\n  height: 50px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f7eedb,\n      #ffffff\n    );\n\n  color: var(--gold);\n\n  font-size: 20px;\n\n  margin-bottom: 25px;\n\n  box-shadow:\n    0 10px 25px\n    rgba(198,161,91,.15);\n}\n\n\n.sr-card h3 {\n\n  margin:\n    0 0 12px;\n\n  font-size: 23px;\n\n  font-weight: 500;\n\n  color: var(--deep-teal);\n}\n\n\n.sr-card p {\n\n  max-width: 420px;\n\n  line-height: 1.7;\n\n  color: var(--muted);\n\n  font-size: 15px;\n}\n\n\n.sr-line {\n\n  width: 35px;\n\n  height: 2px;\n\n  margin-top: 25px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--gold),\n      transparent\n    );\n\n  transition:\n    width .4s ease;\n}\n\n\n.sr-card:hover .sr-line {\n  width: 90px;\n}\n\n\n\/* ===============================\n   LUXURY SECTION\n================================ *\/\n\n.sr-luxury {\n\n  max-width: 850px;\n\n  margin:\n    0 auto\n    100px;\n\n  text-align: center;\n}\n\n\n.sr-gold-symbol {\n\n  color: var(--gold);\n\n  font-size: 30px;\n\n  margin-bottom: 25px;\n\n  animation:\n    srGlow 2.5s\n    ease-in-out\n    infinite;\n}\n\n\n@keyframes srGlow {\n\n  0%, 100% {\n    opacity: .5;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.15);\n  }\n\n}\n\n\n.sr-luxury p {\n\n  max-width: 700px;\n\n  margin:\n    15px auto;\n\n  line-height: 1.9;\n\n  color: var(--muted);\n}\n\n\n\/* ===============================\n   BENEFITS\n================================ *\/\n\n.sr-benefits {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  border-top:\n    1px solid\n    rgba(198,161,91,.35);\n\n  border-bottom:\n    1px solid\n    rgba(198,161,91,.35);\n\n  margin-bottom: 110px;\n}\n\n\n.sr-benefit {\n\n  padding:\n    45px 30px;\n\n  text-align: center;\n}\n\n\n.sr-benefit:not(:last-child) {\n\n  border-right:\n    1px solid\n    rgba(198,161,91,.25);\n}\n\n\n.sr-benefit span {\n\n  color: var(--gold);\n\n  font-family: Georgia, serif;\n\n  font-size: 13px;\n}\n\n\n.sr-benefit h4 {\n\n  letter-spacing: 4px;\n\n  font-size: 15px;\n\n  margin:\n    12px 0;\n}\n\n\n.sr-benefit p {\n\n  color: var(--muted);\n\n  font-size: 14px;\n}\n\n\n\/* ===============================\n   FINAL BRANDING\n================================ *\/\n\n.sr-final {\n\n  text-align: center;\n\n  padding-top: 20px;\n}\n\n\n.sr-sparkle {\n\n  color: var(--gold);\n\n  font-size: 24px;\n\n  margin-bottom: 20px;\n}\n\n\n.sr-final h2 {\n\n  margin: 0;\n\n  letter-spacing: 8px;\n\n  font-size:\n    clamp(30px, 5vw, 48px);\n\n  font-weight: 300;\n}\n\n\n.sr-final p {\n\n  color: var(--gold);\n\n  letter-spacing: 2px;\n\n  margin-top: 18px;\n\n  font-size: 13px;\n}\n\n\n.sr-final p span {\n\n  margin:\n    0 10px;\n\n  opacity: .6;\n}\n\n\n.sr-gold-bar {\n\n  width: 80px;\n\n  height: 2px;\n\n  margin:\n    35px auto 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--gold),\n      transparent\n    );\n}\n\n\n\/* ===============================\n   MOBILE\n================================ *\/\n\n@media (max-width: 750px) {\n\n  .skin-refiner-premium {\n    padding:\n      75px 18px;\n  }\n\n\n  .sr-hero {\n    margin-bottom: 80px;\n  }\n\n\n  .sr-hero h1 {\n    letter-spacing: 5px;\n  }\n\n\n  .sr-eyebrow {\n    letter-spacing: 2px;\n    font-size: 9px;\n  }\n\n\n  .sr-grid {\n    grid-template-columns: 1fr;\n  }\n\n\n  .sr-card {\n    padding: 32px;\n  }\n\n\n  .sr-experience {\n    margin-bottom: 80px;\n  }\n\n\n  .sr-modes {\n    margin-bottom: 90px;\n  }\n\n\n  .sr-benefits {\n    grid-template-columns: 1fr;\n  }\n\n\n  .sr-benefit:not(:last-child) {\n\n    border-right: none;\n\n    border-bottom:\n      1px solid\n      rgba(198,161,91,.25);\n  }\n\n\n  .sr-final p {\n    line-height: 2;\n  }\n\n}\n\n\n\/* ===============================\n   SUBTLE ENTRANCE ANIMATION\n================================ *\/\n\n@keyframes srFadeUp {\n\n  from {\n    opacity: 0;\n    transform:\n      translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n.sr-hero,\n.sr-experience,\n.sr-modes,\n.sr-luxury,\n.sr-benefits,\n.sr-final {\n\n  animation:\n    srFadeUp\n    .9s ease\n    both;\n}\n\n\u003c\/style\u003e","brand":"My Store 5","offers":[{"title":"white","offer_id":67963710832822,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/1345\/2726\/files\/premium-skinsync-product-image-with-gold-trim.png?v=1793275899"}],"url":"https:\/\/skinsync.co.za\/collections\/frontpage.oembed","provider":"SkinSync","version":"1.0","type":"link"}