{"title":"Makeup Essentials","description":null,"products":[{"product_id":"pink-marble-makeup-sponges-6-piece-set","title":"Marble \u0026 Pastel Makeup Sponges 15-Piece Set","description":"\u003cstyle\u003e\n.cg-makeup {\n  --pink: #c4869c;\n  --deep: #754b5b;\n  --text: #856f77;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  box-sizing: border-box;\n  margin: 20px 0;\n  padding: 32px 20px;\n  text-align: center;\n  border: 1px solid #f0dce2;\n  border-radius: 18px;\n  background:\n    radial-gradient(circle at 0% 0%, #ffffff 0%, transparent 40%),\n    linear-gradient(135deg, #fff8fa, #f8e6eb, #fff5f7);\n  font-family: inherit;\n  color: var(--deep);\n  animation: cgFade 0.8s ease-out both;\n}\n\n.cg-makeup *,\n.cg-makeup *::before,\n.cg-makeup *::after {\n  box-sizing: border-box;\n}\n\n.cg-makeup .cg-sparkle {\n  position: absolute;\n  z-index: -1;\n  color: #d6a0b0;\n  font-size: 25px;\n  pointer-events: none;\n  animation: cgSparkle 3s ease-in-out infinite;\n}\n\n.cg-makeup .cg-sparkle-one {\n  top: 17px;\n  left: 19px;\n}\n\n.cg-makeup .cg-sparkle-two {\n  top: 65px;\n  right: 22px;\n  animation-delay: 1s;\n}\n\n.cg-makeup .cg-label {\n  margin: 0 0 10px;\n  color: #b47b90;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n}\n\n.cg-makeup .cg-heading {\n  margin: 0 0 10px;\n  color: var(--deep);\n  font-size: clamp(27px, 5vw, 35px);\n  font-weight: 500;\n  letter-spacing: -1px;\n  line-height: 1.2;\n}\n\n.cg-makeup .cg-heading em {\n  color: var(--pink);\n  font-weight: 400;\n}\n\n.cg-makeup .cg-intro {\n  max-width: 350px;\n  margin: 0 auto;\n  color: var(--text);\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n\/* FOUR BENEFIT BLOCKS *\/\n\n.cg-makeup .cg-benefits {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 11px;\n  max-width: 470px;\n  margin: 25px auto 0;\n}\n\n.cg-makeup .cg-benefit {\n  min-width: 0;\n  padding: 17px 10px;\n  border: 1px solid rgba(212, 166, 182, .32);\n  border-radius: 14px;\n  background: rgba(255, 255, 255, .67);\n  box-shadow: 0 4px 14px rgba(117, 75, 91, .035);\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    box-shadow .3s ease;\n  animation: cgRise .7s ease-out both;\n}\n\n.cg-makeup .cg-benefit:nth-child(2) {\n  animation-delay: .1s;\n}\n\n.cg-makeup .cg-benefit:nth-child(3) {\n  animation-delay: .2s;\n}\n\n.cg-makeup .cg-benefit:nth-child(4) {\n  animation-delay: .3s;\n}\n\n.cg-makeup .cg-benefit:hover {\n  transform: translateY(-4px);\n  background: #fff;\n  box-shadow: 0 9px 22px rgba(117, 75, 91, .09);\n}\n\n.cg-makeup .cg-icon {\n  display: block;\n  margin-bottom: 8px;\n  font-size: 23px;\n  line-height: 1.3;\n  animation: cgFloat 4s ease-in-out infinite;\n}\n\n.cg-makeup .cg-benefit:nth-child(2) .cg-icon {\n  animation-delay: -.8s;\n}\n\n.cg-makeup .cg-benefit:nth-child(3) .cg-icon {\n  animation-delay: -1.6s;\n}\n\n.cg-makeup .cg-benefit:nth-child(4) .cg-icon {\n  animation-delay: -2.4s;\n}\n\n.cg-makeup .cg-benefit-title {\n  display: block;\n  margin-bottom: 5px;\n  color: #795361;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n\n.cg-makeup .cg-benefit-text {\n  display: block;\n  color: #8c7880;\n  font-size: 11px;\n  line-height: 1.7;\n}\n\n.cg-makeup .cg-tagline {\n  margin: 23px 0 0;\n  color: #a36d81;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  line-height: 1.8;\n}\n\n.cg-makeup .cg-tagline span {\n  color: #c4869c;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes cgFade {\n  from {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes cgRise {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes cgFloat {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-4px);\n  }\n}\n\n@keyframes cgSparkle {\n  0%, 100% {\n    opacity: .5;\n    transform: scale(.9) rotate(0deg);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.15) rotate(15deg);\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 480px) {\n  .cg-makeup {\n    padding: 29px 15px;\n    border-radius: 16px;\n  }\n\n  .cg-makeup .cg-benefits {\n    gap: 9px;\n  }\n\n  .cg-makeup .cg-benefit {\n    padding: 15px 8px;\n  }\n\n  .cg-makeup .cg-benefit-title {\n    font-size: 11px;\n  }\n\n  .cg-makeup .cg-benefit-text {\n    font-size: 10px;\n  }\n\n  .cg-makeup .cg-intro {\n    font-size: 12px;\n  }\n}\n\n\/* ACCESSIBILITY *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .cg-makeup,\n  .cg-makeup *,\n  .cg-makeup *::before,\n  .cg-makeup *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"cg-makeup\" aria-label=\"CosmoGlow Makeup Essentials\"\u003e\n\n  \u003cspan class=\"cg-sparkle cg-sparkle-one\" aria-hidden=\"true\"\u003e✧\u003c\/span\u003e\n  \u003cspan class=\"cg-sparkle cg-sparkle-two\" aria-hidden=\"true\"\u003e✧\u003c\/span\u003e\n\n  \u003cp class=\"cg-label\"\u003eCOSMOGLOW BEAUTY\u003c\/p\u003e\n\n  \u003ch2 class=\"cg-heading\"\u003e\n    Your Makeup.\u003cbr\u003e\n    \u003cem\u003eYour Glow.\u003c\/em\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"cg-intro\"\u003e\n    Discover your beauty must-haves, from flawless blending\n    to the finishing touches that make every look feel special.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"cg-benefits\"\u003e\n\n    \u003cdiv class=\"cg-benefit\"\u003e\n      \u003cspan class=\"cg-icon\" aria-hidden=\"true\"\u003e🪞\u003c\/span\u003e\n      \u003cspan class=\"cg-benefit-title\"\u003eBeauty Made Easy\u003c\/span\u003e\n      \u003cspan class=\"cg-benefit-text\"\u003e\n        Essentials for your everyday makeup routine.\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cg-benefit\"\u003e\n      \u003cspan class=\"cg-icon\" aria-hidden=\"true\"\u003e✨\u003c\/span\u003e\n      \u003cspan class=\"cg-benefit-title\"\u003eFlawless Blending\u003c\/span\u003e\n      \u003cspan class=\"cg-benefit-text\"\u003e\n        Tools to help create a smooth, even finish.\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cg-benefit\"\u003e\n      \u003cspan class=\"cg-icon\" aria-hidden=\"true\"\u003e💗\u003c\/span\u003e\n      \u003cspan class=\"cg-benefit-title\"\u003eBeauty Must-Haves\u003c\/span\u003e\n      \u003cspan class=\"cg-benefit-text\"\u003e\n        Discover brushes, sponges and more.\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cg-benefit\"\u003e\n      \u003cspan class=\"cg-icon\" aria-hidden=\"true\"\u003e🌸\u003c\/span\u003e\n      \u003cspan class=\"cg-benefit-title\"\u003eYour Beauty Ritual\u003c\/span\u003e\n      \u003cspan class=\"cg-benefit-text\"\u003e\n        Make a little time for yourself every day.\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cp class=\"cg-tagline\"\u003e\n    \u003cspan\u003e✧\u003c\/span\u003e YOUR DAILY DOSE OF BEAUTY \u003cspan\u003e✧\u003c\/span\u003e\n  \u003c\/p\u003e\n\n\u003c\/section\u003e","brand":"CosmoGlow","offers":[{"title":"Light Pink Dual","offer_id":51293581050095,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple Dual","offer_id":51293581082863,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Sky Blue Dual","offer_id":51293581115631,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0841\/6903\/1919\/files\/Screenshot_2026-10-27_135551_680bed44-a518-4616-a427-2aaa024187e1.png?v=1793102221"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0841\/6903\/1919\/collections\/makeup-essentials-collection-banner.png?v=1792075328","url":"https:\/\/cosmoglow.co.za\/collections\/makeup-essentials.oembed","provider":"CosmoGlow","version":"1.0","type":"link"}