{"product_id":"protectify™-age-defying-retinol-cream","title":"Protectify™ Age-Defying Retinol Cream","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;700;800\u0026family=Inter:wght@300;400;500;600;700;800\u0026display=swap');\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\nhtml{\n  scroll-behavior:smooth;\n}\n\nbody{\n  background:#090909;\n}\n\n\/* MAIN SECTION *\/\n.protectify-retinol-section{\n  position:relative;\n  overflow:hidden;\n  padding:120px 24px;\n  font-family:'Inter',sans-serif;\n  color:#fff;\n  background:\n  radial-gradient(circle at top right, rgba(212,175,55,0.14), transparent 30%),\n  radial-gradient(circle at bottom left, rgba(255,255,255,0.04), transparent 35%),\n  linear-gradient(180deg,#0a0a0a,#141414,#080808);\n}\n\n\/* GLOW EFFECTS *\/\n.protectify-retinol-section::before{\n  content:'';\n  position:absolute;\n  width:850px;\n  height:850px;\n  background:radial-gradient(circle, rgba(212,175,55,.12), transparent 70%);\n  top:-320px;\n  right:-260px;\n  animation:floatGlow 8s ease-in-out infinite;\n}\n\n.protectify-retinol-section::after{\n  content:'';\n  position:absolute;\n  width:650px;\n  height:650px;\n  background:radial-gradient(circle, rgba(255,255,255,.03), transparent 70%);\n  bottom:-260px;\n  left:-220px;\n}\n\n@keyframes floatGlow{\n  0%{transform:translateY(0px);}\n  50%{transform:translateY(20px);}\n  100%{transform:translateY(0px);}\n}\n\n.protectify-retinol-container{\n  max-width:1200px;\n  margin:auto;\n  position:relative;\n  z-index:2;\n}\n\n\/* BADGE *\/\n.protectify-badge{\n  display:inline-block;\n  padding:14px 28px;\n  border-radius:60px;\n  background:rgba(255,255,255,.04);\n  border:1px solid rgba(212,175,55,.25);\n  backdrop-filter:blur(14px);\n  color:#d4af37;\n  font-size:12px;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  margin-bottom:30px;\n  animation:fadeUp 1s ease;\n  box-shadow:0 10px 40px rgba(212,175,55,.08);\n}\n\n\/* HERO *\/\n.hero{\n  text-align:center;\n  max-width:980px;\n  margin:auto;\n}\n\n.protectify-title{\n  font-family:'Playfair Display',serif;\n  font-size:86px;\n  line-height:1.02;\n  margin-bottom:28px;\n  animation:fadeUp 1.2s ease;\n}\n\n.gold-text{\n  background:linear-gradient(to right,#d4af37,#fff4c7,#d4af37);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.protectify-description{\n  font-size:21px;\n  line-height:1.9;\n  color:#ececec;\n  margin-bottom:45px;\n  animation:fadeUp 1.4s ease;\n}\n\n\/* BUTTONS *\/\n.hero-buttons{\n  display:flex;\n  justify-content:center;\n  gap:18px;\n  flex-wrap:wrap;\n  animation:fadeUp 1.6s ease;\n}\n\n.btn{\n  padding:18px 42px;\n  border-radius:60px;\n  text-decoration:none;\n  font-weight:700;\n  font-size:15px;\n  transition:.4s ease;\n}\n\n.btn-primary{\n  background:linear-gradient(135deg,#d4af37,#fff1b8);\n  color:#000;\n  box-shadow:0 18px 45px rgba(212,175,55,.35);\n}\n\n.btn-primary:hover{\n  transform:translateY(-6px) scale(1.03);\n  box-shadow:0 25px 60px rgba(212,175,55,.45);\n}\n\n.btn-secondary{\n  border:1px solid rgba(255,255,255,.1);\n  background:rgba(255,255,255,.04);\n  color:#fff;\n  backdrop-filter:blur(12px);\n}\n\n.btn-secondary:hover{\n  background:#fff;\n  color:#000;\n}\n\n\/* GLASS CARD *\/\n.glass-card{\n  position:relative;\n  margin-top:70px;\n  padding:55px;\n  border-radius:34px;\n  background:rgba(255,255,255,.04);\n  border:1px solid rgba(255,255,255,.08);\n  backdrop-filter:blur(16px);\n  overflow:hidden;\n  transition:.45s ease;\n  box-shadow:\n  0 10px 30px rgba(0,0,0,.25),\n  0 20px 60px rgba(0,0,0,.4);\n}\n\n.glass-card:hover{\n  transform:translateY(-8px);\n  border-color:rgba(212,175,55,.28);\n}\n\n.glass-card::before{\n  content:'';\n  position:absolute;\n  inset:0;\n  border-radius:inherit;\n  padding:1px;\n  background:linear-gradient(\n    135deg,\n    rgba(212,175,55,.35),\n    transparent,\n    rgba(255,255,255,.08)\n  );\n  -webkit-mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  -webkit-mask-composite:xor;\n}\n\n.section-title{\n  font-family:'Playfair Display',serif;\n  font-size:50px;\n  margin-bottom:18px;\n}\n\n.section-subtitle{\n  color:#dfdfdf;\n  line-height:1.9;\n  margin-bottom:40px;\n  max-width:780px;\n}\n\n\/* BENEFITS *\/\n.benefits-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n  gap:24px;\n}\n\n.benefit-card{\n  background:linear-gradient(180deg,#1d1d1d,#111111);\n  border-radius:28px;\n  padding:34px;\n  border:1px solid rgba(255,255,255,.06);\n  transition:.45s ease;\n}\n\n.benefit-card:hover{\n  transform:translateY(-10px);\n  border-color:rgba(212,175,55,.3);\n  box-shadow:0 18px 45px rgba(212,175,55,.12);\n}\n\n.icon{\n  width:74px;\n  height:74px;\n  border-radius:22px;\n  background:linear-gradient(135deg,#d4af37,#fff1b8);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:30px;\n  color:#000;\n  margin-bottom:22px;\n}\n\n.benefit-card h4{\n  font-size:24px;\n  margin-bottom:14px;\n}\n\n.benefit-card p{\n  color:#e5e5e5;\n  line-height:1.8;\n}\n\n\/* RESULTS *\/\n.results-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n  gap:24px;\n}\n\n.result-card{\n  text-align:center;\n  padding:40px 30px;\n  border-radius:28px;\n  background:linear-gradient(180deg,#1b1b1b,#101010);\n  border:1px solid rgba(255,255,255,.06);\n  transition:.4s ease;\n}\n\n.result-card:hover{\n  transform:translateY(-8px);\n  border-color:rgba(212,175,55,.3);\n}\n\n.result-number{\n  font-size:64px;\n  font-weight:800;\n  margin-bottom:12px;\n  background:linear-gradient(to right,#d4af37,#fff1b8);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.result-card p{\n  color:#ececec;\n  line-height:1.8;\n}\n\n\/* INGREDIENTS *\/\n.ingredients-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));\n  gap:24px;\n}\n\n.ingredient-card{\n  padding:34px;\n  border-radius:28px;\n  background:linear-gradient(180deg,#1a1a1a,#101010);\n  border:1px solid rgba(255,255,255,.06);\n  transition:.4s ease;\n}\n\n.ingredient-card:hover{\n  transform:translateY(-8px);\n  border-color:rgba(212,175,55,.28);\n}\n\n.ingredient-card h5{\n  color:#d4af37;\n  font-size:24px;\n  margin-bottom:14px;\n}\n\n.ingredient-card p{\n  color:#ececec;\n  line-height:1.9;\n}\n\n\/* STEPS *\/\n.steps{\n  display:flex;\n  flex-direction:column;\n  gap:22px;\n}\n\n.step{\n  display:flex;\n  align-items:flex-start;\n  gap:22px;\n  padding:24px;\n  border-radius:24px;\n  background:rgba(0,0,0,.2);\n  border:1px solid rgba(255,255,255,.06);\n  transition:.4s ease;\n}\n\n.step:hover{\n  transform:translateX(8px);\n  border-color:rgba(212,175,55,.3);\n}\n\n.step-number{\n  min-width:58px;\n  height:58px;\n  border-radius:50%;\n  background:linear-gradient(135deg,#d4af37,#fff1b8);\n  color:#000;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-weight:800;\n  font-size:20px;\n}\n\n.step-content h4{\n  margin-bottom:8px;\n  font-size:22px;\n}\n\n.step-content p{\n  line-height:1.8;\n  color:#ececec;\n}\n\n\/* FINAL CTA *\/\n.final-cta{\n  margin-top:120px;\n  text-align:center;\n}\n\n.final-cta h2{\n  font-family:'Playfair Display',serif;\n  font-size:68px;\n  line-height:1.15;\n  margin-bottom:24px;\n}\n\n.final-cta p{\n  max-width:760px;\n  margin:auto;\n  line-height:1.9;\n  color:#ececec;\n  font-size:18px;\n  margin-bottom:40px;\n}\n\n\/* TRUST ROW *\/\n.trust-row{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:18px;\n  margin-top:35px;\n}\n\n.trust-item{\n  padding:14px 22px;\n  border-radius:50px;\n  background:rgba(255,255,255,.04);\n  border:1px solid rgba(255,255,255,.06);\n  color:#f2f2f2;\n  font-size:14px;\n}\n\n\/* ANIMATION *\/\n@keyframes fadeUp{\n  from{\n    opacity:0;\n    transform:translateY(40px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n\/* MOBILE *\/\n@media(max-width:768px){\n\n  .protectify-title{\n    font-size:52px;\n  }\n\n  .section-title{\n    font-size:38px;\n  }\n\n  .final-cta h2{\n    font-size:42px;\n  }\n\n  .glass-card{\n    padding:34px;\n  }\n\n  .protectify-description{\n    font-size:17px;\n  }\n\n  .hero-buttons{\n    flex-direction:column;\n  }\n\n  .btn{\n    width:100%;\n    text-align:center;\n  }\n\n}\n\u003c\/style\u003e\n\n\u003csection class=\"protectify-retinol-section\"\u003e\n\n\u003cdiv class=\"protectify-retinol-container\"\u003e\n\n\u003cdiv class=\"hero\"\u003e\n\n\u003cdiv class=\"protectify-badge\"\u003e\n✨ Advanced Retinol \u0026amp; Collagen Technology\n\u003c\/div\u003e\n\n\u003ch1 class=\"protectify-title\"\u003e\nLift. Firm. Hydrate.\u003cbr\u003e\n\u003cspan class=\"gold-text\"\u003e\nLook Years Younger.\n\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cp class=\"protectify-description\"\u003e\nIntroducing the \u003cstrong\u003eProtectify™ Retinol \u0026amp; Collagen Lift Cream\u003c\/strong\u003e — a luxurious Day \u0026amp; Night cream powered by Retinol, Collagen and Hyaluronic Acid to visibly firm, smooth and deeply hydrate your skin while reducing the appearance of wrinkles and fine lines.\n\u003c\/p\u003e\n\n\u003cdiv class=\"hero-buttons\"\u003e\n\n\u003ca href=\"#\" class=\"btn btn-primary\"\u003e\nShop Now ✨\n\u003c\/a\u003e\n\n\u003ca href=\"#\" class=\"btn btn-secondary\"\u003e\nDay \u0026amp; Night Luxury\n\u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"glass-card\"\u003e\n\n\u003ch2 class=\"section-title\"\u003e\n✨ What You'll See \u0026amp; Feel\n\u003c\/h2\u003e\n\n\u003cp class=\"section-subtitle\"\u003e\nExperience visibly smoother, firmer and deeply hydrated skin with every luxurious application.\n\u003c\/p\u003e\n\n\u003cdiv class=\"benefits-grid\"\u003e\n\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003eFirmer Complexion\u003c\/h4\u003e\n\u003cp\u003e\nImproves skin elasticity for visibly tighter and lifted-looking skin.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eDeep Hydration\u003c\/h4\u003e\n\u003cp\u003e\nDelivers long-lasting moisture for plump and supple skin.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon\"\u003e🌟\u003c\/div\u003e\n\u003ch4\u003eSmoother Texture\u003c\/h4\u003e\n\u003cp\u003e\nHelps reduce the appearance of wrinkles and fine lines.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon\"\u003e💛\u003c\/div\u003e\n\u003ch4\u003eYouthful Glow\u003c\/h4\u003e\n\u003cp\u003e\nLeaves skin looking visibly brighter, healthier and rejuvenated.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003ePowerful Actives\u003c\/h4\u003e\n\u003cp\u003e\nFormulated with skincare’s most celebrated anti-ageing ingredients.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"icon\"\u003e🧴\u003c\/div\u003e\n\u003ch4\u003eDay \u0026amp; Night Care\u003c\/h4\u003e\n\u003cp\u003e\nWorks around the clock to nourish, restore and revitalise your skin.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- RESULTS --\u003e\n\u003cdiv class=\"glass-card\"\u003e\n\n\u003ch2 class=\"section-title\"\u003e\n📊 Proven Results\n\u003c\/h2\u003e\n\n\u003cdiv class=\"results-grid\"\u003e\n\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-number\"\u003e96%\u003c\/div\u003e\n\u003cp\u003e\nAgreed skin felt instantly hydrated and nourished.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-number\"\u003e89%\u003c\/div\u003e\n\u003cp\u003e\nAgreed skin felt visibly firmer and tighter.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-number\"\u003e95%\u003c\/div\u003e\n\u003cp\u003e\nAgreed skin looked smoother, lifted and more radiant.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- INGREDIENTS --\u003e\n\u003cdiv class=\"glass-card\"\u003e\n\n\u003ch2 class=\"section-title\"\u003e\n🌿 Key Actives\n\u003c\/h2\u003e\n\n\u003cdiv class=\"ingredients-grid\"\u003e\n\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch5\u003eRetinol\u003c\/h5\u003e\n\u003cp\u003e\nAccelerates skin cell renewal while helping reduce the appearance of wrinkles and uneven skin tone.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch5\u003eCollagen\u003c\/h5\u003e\n\u003cp\u003e\nImproves skin firmness and elasticity for a visibly plumper complexion.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch5\u003eHyaluronic Acid\u003c\/h5\u003e\n\u003cp\u003e\nDeeply hydrates the skin while helping maintain a youthful, supple appearance.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- HOW TO USE --\u003e\n\u003cdiv class=\"glass-card\"\u003e\n\n\u003ch2 class=\"section-title\"\u003e\n💛 3 Easy Steps For Perfect Skin\n\u003c\/h2\u003e\n\n\u003cdiv class=\"steps\"\u003e\n\n\u003cdiv class=\"step\"\u003e\n\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eClean \u0026amp; Dry\u003c\/h4\u003e\n\u003cp\u003e\nThoroughly cleanse and dry your skin before application.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"step\"\u003e\n\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eApply \u0026amp; Massage\u003c\/h4\u003e\n\u003cp\u003e\nMassage a small amount into your face and neck using upward circular motions.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"step\"\u003e\n\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\n\u003cdiv class=\"step-content\"\u003e\n\u003ch4\u003eUse Twice Daily\u003c\/h4\u003e\n\u003cp\u003e\nApply morning and night consistently for maximum lifting and hydrating results.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- FINAL CTA --\u003e\n\u003cdiv class=\"final-cta\"\u003e\n\n\u003ch2\u003e\nBecause Youthful Skin\u003cbr\u003e\n\u003cspan class=\"gold-text\"\u003e\nNever Goes Out Of Style.\n\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003e\nTransform your skincare routine with the Protectify™ Retinol \u0026amp; Collagen Lift Cream and enjoy visibly firmer, smoother and deeply hydrated skin every single day.\n\u003c\/p\u003e\n\n\u003ca href=\"#\" class=\"btn btn-primary\"\u003e\nGet Yours Today ✨\n\u003c\/a\u003e\n\n\u003cdiv class=\"trust-row\"\u003e\n\n\u003cdiv class=\"trust-item\"\u003e\n✔ Retinol + Collagen Formula\n\u003c\/div\u003e\n\n\u003cdiv class=\"trust-item\"\u003e\n✔ Day \u0026amp; Night Cream\n\u003c\/div\u003e\n\n\u003cdiv class=\"trust-item\"\u003e\n✔ Suitable For All Skin Types\n\u003c\/div\u003e\n\n\u003cdiv class=\"trust-item\"\u003e\n✔ Size: 80ml\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Protectify","offers":[{"title":"Default Title","offer_id":47923861881044,"sku":null,"price":220.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/6759\/3172\/files\/flat-lay_de23b46e-33da-410f-989e-3c11a7a9c88b.png?v=1778174003","url":"https:\/\/protectify.co.za\/products\/protectify%e2%84%a2-age-defying-retinol-cream","provider":"Protectify","version":"1.0","type":"link"}