{"product_id":"facial-serum-bundle-hyaluronic-acid-vitamin-c-retinol","title":"Facial Serum Bundle – Hyaluronic Acid, Vitamin C \u0026 Retinol","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800\u0026display=swap');\n\n.aurelle-serum {\n  font-family: 'Poppins', sans-serif;\n  max-width: 1100px;\n  margin: auto;\n  padding: 60px 20px;\n  color: #2d2d2d;\n}\n\n.aurelle-card {\n  background: linear-gradient(145deg, #ffffff, #fff9fc);\n  border-radius: 35px;\n  padding: 55px;\n  box-shadow: 0 25px 70px rgba(0,0,0,.08);\n  overflow: hidden;\n  position: relative;\n  animation: fadeUp 1s ease;\n}\n\n.aurelle-card:before {\n  content: \"\";\n  position: absolute;\n  top: -150px;\n  right: -120px;\n  width: 350px;\n  height: 350px;\n  background: radial-gradient(circle, #ffd6e8, transparent 70%);\n  animation: floatGlow 8s ease infinite;\n}\n\n.aurelle-card:after {\n  content: \"\";\n  position: absolute;\n  bottom: -150px;\n  left: -120px;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, #ffe9f4, transparent 70%);\n  animation: floatGlow2 9s ease infinite;\n}\n\n.aurelle-title {\n  font-size: 44px;\n  font-weight: 800;\n  text-align: center;\n  color: #222;\n  margin-bottom: 10px;\n  position: relative;\n  z-index: 2;\n}\n\n.aurelle-title span {\n  background: linear-gradient(90deg, #ff3d88, #ff7ab8, #ff3d88);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-size: 200%;\n  animation: shine 5s linear infinite;\n}\n\n.aurelle-tagline {\n  text-align: center;\n  font-size: 20px;\n  color: #888;\n  margin-bottom: 40px;\n  font-weight: 500;\n  position: relative;\n  z-index: 2;\n}\n\n.hero-box {\n  background: white;\n  border-radius: 25px;\n  padding: 35px;\n  box-shadow: 0 15px 40px rgba(255,80,150,.12);\n  position: relative;\n  z-index: 2;\n  margin-bottom: 40px;\n}\n\n.hero-box p {\n  font-size: 18px;\n  line-height: 1.9;\n  color: #555;\n  margin: 0;\n}\n\n.section-title {\n  margin-top: 50px;\n  margin-bottom: 25px;\n  text-align: center;\n  font-size: 30px;\n  font-weight: 700;\n  color: #222;\n  position: relative;\n  z-index: 2;\n}\n\n.serums {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 22px;\n  position: relative;\n  z-index: 2;\n}\n\n.serum-card {\n  background: white;\n  padding: 28px;\n  border-radius: 22px;\n  box-shadow: 0 12px 30px rgba(0,0,0,.05);\n  transition: .4s;\n  border: 1px solid rgba(255,192,220,.4);\n  text-align: center;\n}\n\n.serum-card:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 20px 50px rgba(255,80,150,.18);\n}\n\n.serum-card h3 {\n  font-size: 20px;\n  margin-bottom: 12px;\n  color: #ff3d88;\n}\n\n.serum-card p {\n  font-size: 15px;\n  color: #666;\n  line-height: 1.8;\n  margin: 0;\n}\n\n.glow-box {\n  margin-top: 50px;\n  background: linear-gradient(135deg, #ff4f96, #ff84b9);\n  padding: 35px;\n  border-radius: 28px;\n  text-align: center;\n  color: white;\n  box-shadow: 0 20px 50px rgba(255,80,150,.25);\n  position: relative;\n  z-index: 2;\n}\n\n.glow-box h2 {\n  font-size: 28px;\n  margin-bottom: 15px;\n}\n\n.glow-box p {\n  font-size: 18px;\n  line-height: 1.8;\n  margin: 0;\n}\n\n.quote {\n  margin-top: 40px;\n  text-align: center;\n  font-size: 28px;\n  font-weight: 700;\n  color: #ff3d88;\n  line-height: 1.6;\n  position: relative;\n  z-index: 2;\n  animation: glow 3s infinite;\n}\n\n@keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes shine { 0% { background-position: 0%; } 100% { background-position: 200%; } }\n@keyframes floatGlow { 50% { transform: translateY(40px); } }\n@keyframes floatGlow2 { 50% { transform: translateY(-40px); } }\n@keyframes glow { 0%, 100% { text-shadow: 0 0 0 rgba(255,61,136,.3); } 50% { text-shadow: 0 0 18px rgba(255,61,136,.3); } }\n\n@media (max-width: 768px) {\n  .aurelle-card { padding: 25px 18px; border-radius: 24px; }\n  .aurelle-title { font-size: 28px; }\n  .aurelle-tagline { font-size: 16px; }\n  .hero-box p { font-size: 15px; }\n  .section-title { font-size: 24px; }\n  .serums { grid-template-columns: 1fr; }\n  .glow-box h2 { font-size: 22px; }\n  .glow-box p { font-size: 15px; }\n  .quote { font-size: 22px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"aurelle-serum\"\u003e\n  \u003cdiv class=\"aurelle-card\"\u003e\n\n    \u003ch1 class=\"aurelle-title\"\u003e✨ Your Skin's New \u003cspan\u003eDream Team\u003c\/span\u003e\n\u003c\/h1\u003e\n    \u003cp class=\"aurelle-tagline\"\u003eThree powerhouse serums. One glowing you. 💖\u003c\/p\u003e\n\n    \u003cdiv class=\"hero-box\"\u003e\n      \u003cp\u003eBecause your skin deserves the full treatment, babe. Meet the \u003cstrong\u003eFacial Serum Trio\u003c\/strong\u003e — three bestselling serums bundled together so you can hydrate, brighten, and renew all in one gorgeous routine. No guesswork. Just glow. ✨\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"section-title\"\u003e💕 What's Inside Your Bundle\u003c\/h2\u003e\n\n    \u003cdiv class=\"serums\"\u003e\n      \u003cdiv class=\"serum-card\"\u003e\n        \u003ch3\u003e💧 Hyaluronic Acid Serum\u003c\/h3\u003e\n        \u003cp\u003eDrink up, gorgeous! This deeply hydrating serum plumps, smooths and gives your skin that dewy, glass-skin finish you've been dreaming of.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"serum-card\"\u003e\n        \u003ch3\u003e🍊 Vitamin C Serum\u003c\/h3\u003e\n        \u003cp\u003eBye-bye dull skin, hello radiance! This brightening serum fades dark spots, evens your skin tone and gives you that lit-from-within glow.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"serum-card\"\u003e\n        \u003ch3\u003e🌙 Retinol Serum\u003c\/h3\u003e\n        \u003cp\u003eYour skin's overnight bestie. Retinol works while you sleep to smooth fine lines, boost cell renewal and wake up to firmer, fresher skin every morning.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"glow-box\"\u003e\n      \u003ch2\u003e✔ Everything Your Skin Needs\u003c\/h2\u003e\n      \u003cp\u003e✅ Hydration  •  ✅ Brightening  •  ✅ Anti-Ageing\u003cbr\u003eAll in one beautiful bundle, delivered straight to your door. 🚚💕\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"quote\"\u003e\n      Hydrate. Brighten. Renew.\u003cbr\u003e\n      Glow Like You Mean It. ✨\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Aurelle Beauty","offers":[{"title":"Default Title","offer_id":55896378900802,"sku":null,"price":329.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1025\/5345\/2866\/files\/serums-on-marble-with-rose-petals.png?v=1787141085","url":"https:\/\/aurellebeauty.co.za\/products\/facial-serum-bundle-hyaluronic-acid-vitamin-c-retinol","provider":"Aurelle Beauty","version":"1.0","type":"link"}