{"product_id":"ss","title":"Blemish \u0026 Bloom Clear Patches","description":"\u003cstyle\u003e\n  .bb-product {\n    --bb-rose: #b96f67;\n    --bb-dark: #302725;\n    --bb-soft: #fbf3f0;\n    --bb-cream: #fffaf8;\n    --bb-line: #ead8d3;\n    font-family: Georgia, \"Times New Roman\", serif;\n    color: var(--bb-dark);\n    max-width: 1100px;\n    margin: 0 auto;\n    overflow: hidden;\n  }\n\n  .bb-product * {\n    box-sizing: border-box;\n  }\n\n  \/* HERO *\/\n  .bb-hero {\n    position: relative;\n    padding: 75px 35px;\n    text-align: center;\n    background: linear-gradient(145deg, #fffaf8, #f8e9e5);\n    border-radius: 28px;\n    overflow: hidden;\n    margin-bottom: 28px;\n  }\n\n  .bb-hero:before,\n  .bb-hero:after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(2px);\n    opacity: .45;\n    animation: bbFloat 7s ease-in-out infinite;\n  }\n\n  .bb-hero:before {\n    width: 180px;\n    height: 180px;\n    background: #efd2cc;\n    top: -80px;\n    left: -60px;\n  }\n\n  .bb-hero:after {\n    width: 140px;\n    height: 140px;\n    background: #f3deda;\n    bottom: -60px;\n    right: -30px;\n    animation-delay: 2s;\n  }\n\n  .bb-eyebrow {\n    position: relative;\n    z-index: 2;\n    color: var(--bb-rose);\n    font-family: Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n\n  .bb-hero h2 {\n    position: relative;\n    z-index: 2;\n    margin: 0 auto 18px;\n    font-size: clamp(36px, 6vw, 68px);\n    line-height: 1;\n    font-weight: 400;\n    letter-spacing: 2px;\n  }\n\n  .bb-hero h2 span {\n    color: var(--bb-rose);\n    font-style: italic;\n  }\n\n  .bb-hero p {\n    position: relative;\n    z-index: 2;\n    max-width: 650px;\n    margin: 0 auto;\n    font-family: Arial, sans-serif;\n    color: #6f625e;\n    font-size: 15px;\n    line-height: 1.8;\n  }\n\n  .bb-divider {\n    width: 70px;\n    height: 1px;\n    background: var(--bb-rose);\n    margin: 28px auto;\n    position: relative;\n  }\n\n  .bb-divider:after {\n    content: \"✦\";\n    position: absolute;\n    background: #fbf3f0;\n    padding: 0 8px;\n    left: 50%;\n    top: -9px;\n    transform: translateX(-50%);\n    color: var(--bb-rose);\n  }\n\n  \/* BENEFITS *\/\n  .bb-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1px;\n    background: var(--bb-line);\n    border: 1px solid var(--bb-line);\n    border-radius: 22px;\n    overflow: hidden;\n    margin-bottom: 28px;\n  }\n\n  .bb-benefit {\n    background: #fff;\n    padding: 35px 22px;\n    text-align: center;\n    transition: transform .35s ease, background .35s ease;\n  }\n\n  .bb-benefit:hover {\n    transform: translateY(-5px);\n    background: #fff9f7;\n  }\n\n  .bb-icon {\n    font-size: 27px;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .bb-benefit h3 {\n    font-size: 17px;\n    font-weight: 400;\n    margin: 0 0 8px;\n  }\n\n  .bb-benefit p {\n    font-family: Arial, sans-serif;\n    color: #81736f;\n    font-size: 12px;\n    line-height: 1.6;\n    margin: 0;\n  }\n\n  \/* STORY SECTION *\/\n  .bb-story {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    background: var(--bb-soft);\n    border-radius: 25px;\n    overflow: hidden;\n    margin-bottom: 28px;\n  }\n\n  .bb-story-content {\n    padding: 60px 45px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .bb-story-label {\n    font-family: Arial, sans-serif;\n    color: var(--bb-rose);\n    font-size: 10px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 15px;\n  }\n\n  .bb-story h3 {\n    font-size: 35px;\n    line-height: 1.15;\n    font-weight: 400;\n    margin: 0 0 18px;\n  }\n\n  .bb-story p {\n    font-family: Arial, sans-serif;\n    color: #71635e;\n    font-size: 14px;\n    line-height: 1.8;\n    margin: 0;\n  }\n\n  .bb-story-visual {\n    min-height: 360px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #f2dcd7, #fff8f5);\n    position: relative;\n  }\n\n  .bb-patch {\n    width: 150px;\n    height: 150px;\n    background: rgba(255,255,255,.7);\n    border: 1px solid rgba(185,111,103,.3);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 20px 60px rgba(100,60,50,.12);\n    animation: bbPulse 4s ease-in-out infinite;\n  }\n\n  .bb-patch-inner {\n    width: 105px;\n    height: 105px;\n    border-radius: 50%;\n    border: 1px dashed var(--bb-rose);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--bb-rose);\n    font-size: 35px;\n  }\n\n  \/* HOW IT WORKS *\/\n  .bb-heading {\n    text-align: center;\n    padding: 45px 20px 30px;\n  }\n\n  .bb-heading small {\n    font-family: Arial, sans-serif;\n    color: var(--bb-rose);\n    letter-spacing: 3px;\n    font-size: 10px;\n    text-transform: uppercase;\n  }\n\n  .bb-heading h3 {\n    font-size: 34px;\n    font-weight: 400;\n    margin: 12px 0 0;\n  }\n\n  .bb-steps {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-bottom: 30px;\n  }\n\n  .bb-step {\n    border: 1px solid var(--bb-line);\n    border-radius: 20px;\n    padding: 32px 24px;\n    background: #fff;\n    transition: all .35s ease;\n  }\n\n  .bb-step:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 15px 35px rgba(100,60,50,.08);\n  }\n\n  .bb-number {\n    font-size: 12px;\n    color: var(--bb-rose);\n    font-family: Arial, sans-serif;\n    letter-spacing: 2px;\n  }\n\n  .bb-step h4 {\n    font-size: 21px;\n    font-weight: 400;\n    margin: 15px 0 10px;\n  }\n\n  .bb-step p {\n    font-family: Arial, sans-serif;\n    color: #786c68;\n    font-size: 13px;\n    line-height: 1.7;\n    margin: 0;\n  }\n\n  \/* PRODUCT DETAILS *\/\n  .bb-details {\n    background: #302725;\n    color: #fff;\n    border-radius: 25px;\n    padding: 50px 35px;\n    text-align: center;\n    margin-bottom: 28px;\n  }\n\n  .bb-details h3 {\n    font-size: 30px;\n    font-weight: 400;\n    margin: 0 0 30px;\n  }\n\n  .bb-detail-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n  }\n\n  .bb-detail {\n    border-left: 1px solid rgba(255,255,255,.2);\n    padding: 5px 15px;\n  }\n\n  .bb-detail:first-child {\n    border-left: none;\n  }\n\n  .bb-detail strong {\n    display: block;\n    color: #f0bcb3;\n    font-size: 14px;\n    margin-bottom: 8px;\n  }\n\n  .bb-detail span {\n    font-family: Arial, sans-serif;\n    font-size: 11px;\n    color: #d3c8c5;\n    line-height: 1.5;\n  }\n\n  \/* FINAL CTA *\/\n  .bb-final {\n    text-align: center;\n    padding: 60px 25px;\n    background: linear-gradient(145deg, #fffaf8, #f5dfda);\n    border-radius: 25px;\n  }\n\n  .bb-final h3 {\n    font-size: 37px;\n    font-weight: 400;\n    margin: 0 0 12px;\n  }\n\n  .bb-final p {\n    font-family: Arial, sans-serif;\n    color: #766965;\n    font-size: 13px;\n    margin: 0;\n  }\n\n  .bb-final .bb-brand {\n    margin-top: 25px;\n    color: var(--bb-rose);\n    font-family: Arial, sans-serif;\n    font-size: 10px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n  }\n\n  @keyframes bbFloat {\n    0%,100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(15px) rotate(8deg); }\n  }\n\n  @keyframes bbPulse {\n    0%,100% { transform: scale(1); }\n    50% { transform: scale(1.06); }\n  }\n\n  @media (max-width: 700px) {\n    .bb-hero {\n      padding: 55px 22px;\n      border-radius: 20px;\n    }\n\n    .bb-benefits,\n    .bb-story,\n    .bb-steps {\n      grid-template-columns: 1fr;\n    }\n\n    .bb-story-content {\n      padding: 45px 28px;\n    }\n\n    .bb-story-visual {\n      min-height: 280px;\n    }\n\n    .bb-detail-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .bb-detail:nth-child(3) {\n      border-left: none;\n    }\n\n    .bb-final h3 {\n      font-size: 30px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"bb-product\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"bb-hero\"\u003e\n    \u003cdiv class=\"bb-eyebrow\"\u003eBlemish \u0026amp; Bloom\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Wake Up To\u003cbr\u003e\n      \u003cspan\u003eClearer Skin.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"bb-divider\"\u003e\u003c\/div\u003e\n\n    \u003cp\u003e\n      Meet your overnight skincare essential. Our ultra-thin hydrocolloid\n      pimple patches help protect blemishes while absorbing impurities,\n      so you can wake up to skin that looks calmer, cleaner and more cared for.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection class=\"bb-benefits\"\u003e\n\n    \u003cdiv class=\"bb-benefit\"\u003e\n      \u003cspan class=\"bb-icon\"\u003e✦\u003c\/span\u003e\n      \u003ch3\u003eOvernight Care\u003c\/h3\u003e\n      \u003cp\u003e\n        Designed to work while you sleep, giving your skin uninterrupted\n        overnight care.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bb-benefit\"\u003e\n      \u003cspan class=\"bb-icon\"\u003e◌\u003c\/span\u003e\n      \u003ch3\u003eAbsorbs Impurities\u003c\/h3\u003e\n      \u003cp\u003e\n        Hydrocolloid material helps absorb fluid and impurities from active blemishes.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bb-benefit\"\u003e\n      \u003cspan class=\"bb-icon\"\u003e♡\u003c\/span\u003e\n      \u003ch3\u003eProtects Your Skin\u003c\/h3\u003e\n      \u003cp\u003e\n        Creates a protective barrier that helps keep your hands away from breakouts.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- STORY --\u003e\n  \u003csection class=\"bb-story\"\u003e\n\n    \u003cdiv class=\"bb-story-content\"\u003e\n\n      \u003cdiv class=\"bb-story-label\"\u003eYour overnight ritual\u003c\/div\u003e\n\n      \u003ch3\u003e\n        Let your skin\u003cbr\u003e\n        \u003cem\u003erest \u0026amp; recover.\u003c\/em\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        No complicated routine. No picking. No squeezing.\n        Simply cleanse your skin, apply a patch directly onto a clean,\n        dry blemish and let Blemish \u0026amp; Bloom do its thing overnight.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bb-story-visual\"\u003e\n      \u003cdiv class=\"bb-patch\"\u003e\n        \u003cdiv class=\"bb-patch-inner\"\u003e✦\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n  \u003cdiv class=\"bb-heading\"\u003e\n    \u003csmall\u003eSimple skincare\u003c\/small\u003e\n    \u003ch3\u003eHow It Works\u003c\/h3\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"bb-steps\"\u003e\n\n    \u003cdiv class=\"bb-step\"\u003e\n      \u003cdiv class=\"bb-number\"\u003e01 — PREP\u003c\/div\u003e\n      \u003ch4\u003eCleanse\u003c\/h4\u003e\n      \u003cp\u003e\n        Start with clean, completely dry skin. Avoid applying skincare\n        products underneath the patch.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bb-step\"\u003e\n      \u003cdiv class=\"bb-number\"\u003e02 — APPLY\u003c\/div\u003e\n      \u003ch4\u003ePlace\u003c\/h4\u003e\n      \u003cp\u003e\n        Carefully place one patch directly over the blemish and press\n        gently around the edges.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bb-step\"\u003e\n      \u003cdiv class=\"bb-number\"\u003e03 — REST\u003c\/div\u003e\n      \u003ch4\u003eSleep\u003c\/h4\u003e\n      \u003cp\u003e\n        Leave it on overnight or for several hours, then gently remove\n        and cleanse the area.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PRODUCT DETAILS --\u003e\n  \u003csection class=\"bb-details\"\u003e\n\n    \u003ch3\u003eMade For Your Skin\u003c\/h3\u003e\n\n    \u003cdiv class=\"bb-detail-grid\"\u003e\n\n      \u003cdiv class=\"bb-detail\"\u003e\n        \u003cstrong\u003eHYDROCOLLOID\u003c\/strong\u003e\n        \u003cspan\u003eDesigned to absorb fluid from blemishes.\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bb-detail\"\u003e\n        \u003cstrong\u003eULTRA-THIN\u003c\/strong\u003e\n        \u003cspan\u003eComfortable and discreet for overnight wear.\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bb-detail\"\u003e\n        \u003cstrong\u003eNO PICKING\u003c\/strong\u003e\n        \u003cspan\u003eCreates a barrier between your hands and your breakout.\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bb-detail\"\u003e\n        \u003cstrong\u003eEASY TO USE\u003c\/strong\u003e\n        \u003cspan\u003eSimply peel, place, leave and remove.\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL --\u003e\n  \u003csection class=\"bb-final\"\u003e\n\n    \u003ch3\u003e\n      Your skin deserves\u003cbr\u003e\n      \u003cem\u003ea little overnight love.\u003c\/em\u003e\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Less picking. More protecting. Better mornings.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"bb-brand\"\u003e\n      Blemish \u0026amp; Bloom · Wake Up To Clearer Skin\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Blemish \u0026 Bloom","offers":[{"title":"Default Title","offer_id":47511612457122,"sku":"10","price":149.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/4030\/7106\/files\/Screenshot2026-08-11100658.png?v=1786435726","url":"https:\/\/blemishbloom.co.za\/products\/ss","provider":"Blemish \u0026 Bloom","version":"1.0","type":"link"}