{"product_id":"blemish-bloom-overnight-clearing-pimple-patches","title":"Blemish \u0026 Bloom { Clearing Pimple Patches}","description":"\u003cdiv class=\"bb-premium\"\u003e\n\u003cstyle\u003e\n.bb-premium {\n  --cream:#fbf8f4;\n  --white:#ffffff;\n  --ink:#252321;\n  --muted:#77716b;\n  --rose:#eadbd7;\n  --sage:#dfe8df;\n  --line:rgba(37,35,33,.09);\n  font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;\n  color:var(--ink);\n  background:var(--cream);\n  border-radius:28px;\n  overflow:hidden;\n  line-height:1.6;\n}\n\/* HERO *\/\n.bb-hero {\n  position:relative;\n  padding:55px 25px 48px;\n  text-align:center;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at 15% 15%,rgba(234,219,215,.8),transparent 32%),\n    radial-gradient(circle at 85% 80%,rgba(223,232,223,.9),transparent 34%),\n    var(--cream);\n}\n.bb-glow {\n  position:absolute;\n  width:180px;\n  height:180px;\n  border-radius:50%;\n  background:rgba(255,255,255,.7);\n  filter:blur(35px);\n  animation:bb-breathe 5s ease-in-out infinite;\n}\n.bb-glow.one {top:-70px;left:-50px;}\n.bb-glow.two {\n  bottom:-80px;\n  right:-50px;\n  animation-delay:1.5s;\n}\n.bb-eyebrow {\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  padding:7px 13px;\n  border:1px solid var(--line);\n  border-radius:50px;\n  background:rgba(255,255,255,.65);\n  font-size:9px;\n  font-weight:700;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  animation:bb-up .8s ease both;\n}\n.bb-dot {\n  width:6px;\n  height:6px;\n  background:#91a791;\n  border-radius:50%;\n  animation:bb-pulse 2s infinite;\n}\n.bb-hero h2 {\n  position:relative;\n  margin:22px auto 14px;\n  max-width:650px;\n  font-size:clamp(38px,8vw,64px);\n  line-height:.96;\n  letter-spacing:-3px;\n  font-weight:700;\n  animation:bb-up .9s .1s ease both;\n}\n.bb-hero h2 em {\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-weight:400;\n  color:#98766d;\n}\n.bb-hero p {\n  position:relative;\n  max-width:580px;\n  margin:0 auto;\n  color:var(--muted);\n  font-size:14px;\n  line-height:1.8;\n  animation:bb-up .9s .2s ease both;\n}\n\/* INTRO *\/\n.bb-intro {\n  padding:40px 22px 25px;\n  text-align:center;\n}\n.bb-intro-label {\n  color:#98766d;\n  font-size:9px;\n  font-weight:700;\n  letter-spacing:2.5px;\n  text-transform:uppercase;\n}\n.bb-intro h3 {\n  margin:8px 0 10px;\n  font-size:25px;\n  letter-spacing:-1px;\n}\n.bb-intro p {\n  max-width:590px;\n  margin:auto;\n  color:var(--muted);\n  font-size:14px;\n}\n\/* BENEFITS *\/\n.bb-benefits {\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:10px;\n  padding:10px 18px 35px;\n}\n.bb-benefit {\n  padding:20px 17px;\n  border:1px solid var(--line);\n  border-radius:19px;\n  background:rgba(255,255,255,.65);\n  transition:transform .35s ease,box-shadow .35s ease;\n  animation:bb-up .8s ease both;\n}\n.bb-benefit:hover {\n  transform:translateY(-5px);\n  box-shadow:0 18px 35px rgba(60,45,40,.09);\n}\n.bb-check {\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:28px;\n  height:28px;\n  margin-bottom:12px;\n  border-radius:50%;\n  background:var(--sage);\n  font-size:12px;\n}\n.bb-benefit strong {\n  display:block;\n  font-size:12px;\n  line-height:1.4;\n}\n.bb-benefit span {\n  display:block;\n  margin-top:5px;\n  color:var(--muted);\n  font-size:11px;\n  line-height:1.5;\n}\n\/* HOW IT WORKS *\/\n.bb-how {\n  padding:42px 20px;\n  background:#f2eee9;\n  text-align:center;\n}\n.bb-label {\n  color:#98766d;\n  font-size:9px;\n  font-weight:700;\n  letter-spacing:2.5px;\n  text-transform:uppercase;\n}\n.bb-how h3 {\n  margin:8px 0 30px;\n  font-size:28px;\n  letter-spacing:-1.5px;\n}\n.bb-steps {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:12px;\n  max-width:800px;\n  margin:auto;\n}\n.bb-step {\n  padding:22px 13px;\n  background:rgba(255,255,255,.65);\n  border:1px solid var(--line);\n  border-radius:20px;\n  transition:.35s ease;\n}\n.bb-step:hover {\n  transform:translateY(-6px);\n  background:white;\n}\n.bb-number {\n  font-family:Georgia,serif;\n  font-size:32px;\n  color:#a78a81;\n}\n.bb-step h4 {\n  margin:8px 0 5px;\n  font-size:13px;\n}\n.bb-step p {\n  margin:0;\n  color:var(--muted);\n  font-size:11px;\n  line-height:1.55;\n}\n\/* PERFECT FOR *\/\n.bb-perfect {\n  padding:45px 22px;\n  text-align:center;\n  background:var(--sage);\n}\n.bb-perfect h3 {\n  margin:8px 0 25px;\n  font-size:28px;\n  letter-spacing:-1.5px;\n}\n.bb-perfect h3 em {\n  font-family:Georgia,serif;\n  font-weight:400;\n}\n.bb-tags {\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:8px;\n}\n.bb-tag {\n  padding:9px 13px;\n  border-radius:50px;\n  background:rgba(255,255,255,.72);\n  border:1px solid rgba(37,35,33,.07);\n  font-size:10px;\n  font-weight:600;\n  transition:.3s ease;\n}\n.bb-tag:hover {\n  transform:scale(1.05);\n  background:white;\n}\n\/* FINAL *\/\n.bb-final {\n  position:relative;\n  padding:55px 22px;\n  text-align:center;\n  background:\n    radial-gradient(circle at 50% 100%,#eadbd7,transparent 55%),\n    var(--cream);\n}\n.bb-final h3 {\n  margin:0;\n  font-size:35px;\n  line-height:1;\n  letter-spacing:-2px;\n}\n.bb-final h3 em {\n  font-family:Georgia,serif;\n  font-weight:400;\n  color:#98766d;\n}\n.bb-final p {\n  margin:14px auto 0;\n  max-width:450px;\n  color:var(--muted);\n  font-size:12px;\n}\n\/* ANIMATIONS *\/\n@keyframes bb-up {\n  from {\n    opacity:0;\n    transform:translateY(22px);\n  }\n  to {\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n@keyframes bb-breathe {\n  0%,100% {\n    transform:scale(.9);\n    opacity:.55;\n  }\n  50% {\n    transform:scale(1.12);\n    opacity:.9;\n  }\n}\n@keyframes bb-pulse {\n  0%,100% {\n    transform:scale(1);\n    opacity:1;\n  }\n  50% {\n    transform:scale(1.55);\n    opacity:.45;\n  }\n}\n\/* MOBILE *\/\n@media(max-width:600px) {\n  .bb-premium {\n    border-radius:20px;\n  }\n  .bb-hero {\n    padding:45px 20px 38px;\n  }\n  .bb-hero h2 {\n    font-size:43px;\n    letter-spacing:-2px;\n  }\n  .bb-benefits {\n    grid-template-columns:1fr;\n  }\n  .bb-steps {\n    grid-template-columns:1fr;\n  }\n  .bb-step {\n    display:grid;\n    grid-template-columns:45px 1fr;\n    text-align:left;\n    align-items:center;\n  }\n  .bb-number {\n    grid-row:span 2;\n  }\n  .bb-step h4 {\n    margin:0;\n  }\n  .bb-step p {\n    margin-top:3px;\n  }\n}\n\u003c\/style\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bb-hero\"\u003e\n  \u003cdiv class=\"bb-glow one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bb-glow two\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bb-eyebrow\"\u003e\n    \u003cspan class=\"bb-dot\"\u003e\u003c\/span\u003e\n    Overnight skincare\n  \u003c\/div\u003e\n  \u003ch2\u003e\n    Wake up to\u003cbr\u003e\n    \u003cem\u003eclearer skin.\u003c\/em\u003e\n  \u003c\/h2\u003e\n  \u003cp\u003e\n    Meet your new overnight skincare essential.\n    Blemish \u0026amp; Bloom Overnight Clearing Pimple Patches\n    help protect active blemishes while you sleep,\n    so you can wake up feeling fresh and confident.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO --\u003e\n\u003cdiv class=\"bb-intro\"\u003e\n  \u003cdiv class=\"bb-intro-label\"\u003e\n    Why you'll love them\n  \u003c\/div\u003e\n  \u003ch3\u003eLet your skin rest.\u003c\/h3\u003e\n  \u003cp\u003e\n    Our ultra-thin hydrocolloid patches create a protective\n    seal over blemishes, helping absorb fluid and protect\n    the area from picking and everyday touching.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"bb-benefits\"\u003e\n  \u003cdiv class=\"bb-benefit\"\u003e\n    \u003cdiv class=\"bb-check\"\u003e✓\u003c\/div\u003e\n    \u003cstrong\u003eVisibly reduced blemishes\u003c\/strong\u003e\n    \u003cspan\u003eWake up to a visibly flatter-looking spot.\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bb-benefit\"\u003e\n    \u003cdiv class=\"bb-check\"\u003e✓\u003c\/div\u003e\n    \u003cstrong\u003eHelps calm the look of redness\u003c\/strong\u003e\n    \u003cspan\u003eDesigned for a comfortable overnight routine.\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bb-benefit\"\u003e\n    \u003cdiv class=\"bb-check\"\u003e✓\u003c\/div\u003e\n    \u003cstrong\u003eHelps stop picking\u003c\/strong\u003e\n    \u003cspan\u003eA simple barrier between your hands and your skin.\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"bb-benefit\"\u003e\n    \u003cdiv class=\"bb-check\"\u003e✓\u003c\/div\u003e\n    \u003cstrong\u003eGentle \u0026amp; fragrance-free\u003c\/strong\u003e\n    \u003cspan\u003eSimple skincare for your everyday routine.\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003cdiv class=\"bb-how\"\u003e\n  \u003cdiv class=\"bb-label\"\u003e\n    The overnight ritual\n  \u003c\/div\u003e\n  \u003ch3\u003eThree little steps.\u003c\/h3\u003e\n  \u003cdiv class=\"bb-steps\"\u003e\n    \u003cdiv class=\"bb-step\"\u003e\n      \u003cdiv class=\"bb-number\"\u003e01\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4\u003eCleanse\u003c\/h4\u003e\n        \u003cp\u003eApply to clean, completely dry skin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bb-step\"\u003e\n      \u003cdiv class=\"bb-number\"\u003e02\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4\u003ePatch\u003c\/h4\u003e\n        \u003cp\u003ePlace directly over your blemish.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bb-step\"\u003e\n      \u003cdiv class=\"bb-number\"\u003e03\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4\u003eSleep\u003c\/h4\u003e\n        \u003cp\u003eLeave overnight and gently remove in the morning.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PERFECT FOR --\u003e\n\u003cdiv class=\"bb-perfect\"\u003e\n  \u003cdiv class=\"bb-label\"\u003e\n    Made for your skin\n  \u003c\/div\u003e\n  \u003ch3\u003e\n    Small patch.\u003cbr\u003e\n    \u003cem\u003eSimple routine.\u003c\/em\u003e\n  \u003c\/h3\u003e\n  \u003cdiv class=\"bb-tags\"\u003e\n    \u003cdiv class=\"bb-tag\"\u003eWhiteheads\u003c\/div\u003e\n    \u003cdiv class=\"bb-tag\"\u003eActive breakouts\u003c\/div\u003e\n    \u003cdiv class=\"bb-tag\"\u003eOvernight use\u003c\/div\u003e\n    \u003cdiv class=\"bb-tag\"\u003eSensitive skin\u003c\/div\u003e\n    \u003cdiv class=\"bb-tag\"\u003eFragrance-free\u003c\/div\u003e\n    \u003cdiv class=\"bb-tag\"\u003eHydrocolloid\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL --\u003e\n\u003cdiv class=\"bb-final\"\u003e\n  \u003ch3\u003e\n    Blemish \u0026amp; Bloom.\u003cbr\u003e\n    \u003cem\u003eClear skin shouldn't wait.\u003c\/em\u003e\n  \u003c\/h3\u003e\n  \u003cp\u003e\n    Your little overnight skincare secret.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Blemish \u0026 Bloom","offers":[{"title":"Default Title","offer_id":47506791301282,"sku":null,"price":149.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/4030\/7106\/files\/d9d06f37-655d-42ad-8adb-9b0d95fb5e6e.avif?v=1786264482","url":"https:\/\/blemishbloom.co.za\/products\/blemish-bloom-overnight-clearing-pimple-patches","provider":"Blemish \u0026 Bloom","version":"1.0","type":"link"}