{"product_id":"charmbeauty-plump-glow-lip-serum","title":"CharmBeauty™ Plump \u0026 Glow Lip Serum","description":"\u003c!-- CharmBeauty™ Plump \u0026 Glow Lip Serum — Minimal Premium Version --\u003e\n\u003cstyle\u003e\n  .cb-product {\n    --pink: #d96b86;\n    --light-pink: #f6a6b8;\n    --deep: #2b171d;\n    --cream: #fff9f7;\n    --muted: #7d686d;\n    --gold: #c89b67;\n\n    position: relative;\n    overflow: hidden;\n    padding: 100px 24px;\n    background:\n      radial-gradient(\n        circle at 50% 0%,\n        rgba(246,166,184,.22),\n        transparent 35%\n      ),\n      linear-gradient(\n        135deg,\n        #fffaf8 0%,\n        #fff2f5 50%,\n        #fffaf7 100%\n      );\n    color: var(--deep);\n    font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  .cb-product *,\n  .cb-product *::before,\n  .cb-product *::after {\n    box-sizing: border-box;\n  }\n\n  \/* Background glow *\/\n\n  .cb-glow {\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    left: 50%;\n    top: -230px;\n    transform: translateX(-50%);\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(246,166,184,.20) 0%,\n      rgba(246,166,184,.07) 45%,\n      transparent 70%\n    );\n    animation: cbPulse 5s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  @keyframes cbPulse {\n    0%, 100% {\n      transform: translateX(-50%) scale(1);\n      opacity: .7;\n    }\n\n    50% {\n      transform: translateX(-50%) scale(1.12);\n      opacity: 1;\n    }\n  }\n\n  \/* Floating sparkles *\/\n\n  .cb-sparkle {\n    position: absolute;\n    color: rgba(200,155,103,.55);\n    pointer-events: none;\n    animation: cbSparkle 4s ease-in-out infinite;\n  }\n\n  .cb-sparkle.one {\n    top: 18%;\n    left: 14%;\n    font-size: 18px;\n  }\n\n  .cb-sparkle.two {\n    top: 30%;\n    right: 13%;\n    font-size: 13px;\n    animation-delay: -1.5s;\n  }\n\n  .cb-sparkle.three {\n    bottom: 17%;\n    left: 20%;\n    font-size: 12px;\n    animation-delay: -3s;\n  }\n\n  .cb-sparkle.four {\n    bottom: 24%;\n    right: 17%;\n    font-size: 20px;\n    animation-delay: -2s;\n  }\n\n  @keyframes cbSparkle {\n    0%, 100% {\n      opacity: .2;\n      transform: scale(.7) rotate(0deg);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.25) rotate(45deg);\n    }\n  }\n\n  \/* Main content *\/\n\n  .cb-container {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .cb-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 22px;\n    color: var(--pink);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    animation: cbFadeUp .8s ease both;\n  }\n\n  .cb-eyebrow::before,\n  .cb-eyebrow::after {\n    content: \"\";\n    width: 32px;\n    height: 1px;\n    background: var(--gold);\n  }\n\n  .cb-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(50px, 8vw, 86px);\n    line-height: .95;\n    letter-spacing: -4px;\n    font-weight: 400;\n    animation: cbFadeUp .9s .1s ease both;\n  }\n\n  .cb-title span {\n    display: block;\n    color: var(--pink);\n    font-style: italic;\n  }\n\n  .cb-tagline {\n    margin-top: 25px;\n    font-family: Georgia, serif;\n    font-size: 20px;\n    font-style: italic;\n    color: #684952;\n    animation: cbFadeUp .9s .2s ease both;\n  }\n\n  .cb-description {\n    max-width: 680px;\n    margin: 27px auto 0;\n    color: var(--muted);\n    font-size: 15px;\n    line-height: 1.9;\n    animation: cbFadeUp .9s .3s ease both;\n  }\n\n  .cb-description strong {\n    color: #543940;\n    font-weight: 600;\n  }\n\n  @keyframes cbFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(25px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* Benefits *\/\n\n  .cb-benefits {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin: 30px auto 42px;\n    animation: cbFadeUp .9s .4s ease both;\n  }\n\n  .cb-benefit {\n    padding: 9px 16px;\n    border: 1px solid rgba(217,107,134,.15);\n    border-radius: 100px;\n    background: rgba(255,255,255,.55);\n    color: #72555d;\n    font-size: 10px;\n    letter-spacing: .7px;\n    backdrop-filter: blur(10px);\n    transition: .3s ease;\n  }\n\n  .cb-benefit:hover {\n    transform: translateY(-3px);\n    background: rgba(255,255,255,.85);\n    box-shadow: 0 10px 25px rgba(100,40,60,.08);\n  }\n\n  \/* Shades *\/\n\n  .cb-shades-wrapper {\n    max-width: 700px;\n    margin: 0 auto;\n    animation: cbFadeUp .9s .5s ease both;\n  }\n\n  .cb-shades-title {\n    margin-bottom: 18px;\n    color: #654b52;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .cb-shades {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .cb-shade {\n    position: relative;\n    padding: 18px 10px;\n    border: 1px solid rgba(255,255,255,.8);\n    border-radius: 17px;\n    background: rgba(255,255,255,.48);\n    cursor: pointer;\n    transition:\n      transform .35s cubic-bezier(.2,.8,.2,1),\n      background .35s ease,\n      box-shadow .35s ease;\n    backdrop-filter: blur(10px);\n  }\n\n  .cb-shade:hover {\n    transform: translateY(-7px);\n    background: rgba(255,255,255,.85);\n    box-shadow: 0 18px 35px rgba(100,40,60,.10);\n  }\n\n  .cb-swatch {\n    width: 35px;\n    height: 35px;\n    margin: 0 auto 11px;\n    border-radius: 50%;\n    box-shadow:\n      inset 3px 3px 7px rgba(255,255,255,.45),\n      0 5px 12px rgba(50,20,30,.14);\n    transition: transform .35s ease;\n  }\n\n  .cb-shade:hover .cb-swatch {\n    transform: scale(1.12);\n  }\n\n  .cb-shade:nth-child(1) .cb-swatch {\n    background: linear-gradient(\n      135deg,\n      #f9e4e8,\n      #f4bdcb\n    );\n  }\n\n  .cb-shade:nth-child(2) .cb-swatch {\n    background: linear-gradient(\n      135deg,\n      #ddb1a5,\n      #b8796e\n    );\n  }\n\n  .cb-shade:nth-child(3) .cb-swatch {\n    background: linear-gradient(\n      135deg,\n      #f5a080,\n      #e87563\n    );\n  }\n\n  .cb-shade:nth-child(4) .cb-swatch {\n    background: linear-gradient(\n      135deg,\n      #ad5b5d,\n      #7c3038\n    );\n  }\n\n  .cb-shade-name {\n    display: block;\n    font-family: Georgia, serif;\n    font-size: 11px;\n    color: #563d44;\n  }\n\n  \/* Divider *\/\n\n  .cb-divider {\n    width: 70px;\n    height: 1px;\n    margin: 43px auto 28px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--gold),\n      transparent\n    );\n    animation: cbWidth 1.2s .7s ease both;\n  }\n\n  @keyframes cbWidth {\n    from {\n      width: 0;\n      opacity: 0;\n    }\n\n    to {\n      width: 70px;\n      opacity: 1;\n    }\n  }\n\n  \/* Closing line *\/\n\n  .cb-note {\n    color: #92777e;\n    font-family: Georgia, serif;\n    font-size: 14px;\n    font-style: italic;\n    animation: cbFadeUp .9s .7s ease both;\n  }\n\n  \/* Mobile *\/\n\n  @media (max-width: 600px) {\n\n    .cb-product {\n      padding: 75px 18px;\n    }\n\n    .cb-title {\n      font-size: clamp(47px, 14vw, 68px);\n      letter-spacing: -3px;\n    }\n\n    .cb-description {\n      font-size: 14px;\n      line-height: 1.8;\n    }\n\n    .cb-benefits {\n      gap: 7px;\n    }\n\n    .cb-shades {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .cb-shade {\n      padding: 15px 8px;\n    }\n\n    .cb-glow {\n      width: 350px;\n      height: 350px;\n    }\n\n    .cb-sparkle.one {\n      left: 5%;\n    }\n\n    .cb-sparkle.two {\n      right: 5%;\n    }\n\n    .cb-sparkle.three {\n      left: 8%;\n    }\n\n    .cb-sparkle.four {\n      right: 8%;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"cb-product\"\u003e\u003c!-- Soft animated background glow --\u003e\n\u003cdiv class=\"cb-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Decorative sparkles --\u003e\n\u003cdiv class=\"cb-sparkle one\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"cb-sparkle two\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"cb-sparkle three\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"cb-sparkle four\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"cb-container\"\u003e\n\u003c!-- Brand --\u003e\n\u003cdiv class=\"cb-eyebrow\"\u003eCharmBeauty™\u003c\/div\u003e\n\u003c!-- Main heading --\u003e\n\u003ch2 class=\"cb-title\"\u003eNourish. \u003cspan\u003eTint. Glow.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c!-- Tagline --\u003e\n\u003cdiv class=\"cb-tagline\"\u003eYour lips. Your charm.\u003c\/div\u003e\n\u003c!-- Description --\u003e\n\u003cp class=\"cb-description\"\u003eAchieve irresistibly glossy, plump lips with the \u003cstrong\u003eCharmBeauty™ Plump \u0026amp; Glow Lip Serum.\u003c\/strong\u003e Infused with brightening ingredients, this lightweight serum hydrates deeply while adding a beautiful tint of colour — leaving your lips soft, smooth and kissably radiant. The innovative roller ball applicator glides on effortlessly for a precise, mess-free application every time.\u003c\/p\u003e\n\u003c!-- Benefits --\u003e\n\u003cdiv class=\"cb-benefits\"\u003e\n\u003cdiv class=\"cb-benefit\"\u003e✦ Deep Hydration\u003c\/div\u003e\n\u003cdiv class=\"cb-benefit\"\u003e✦ Glossy Finish\u003c\/div\u003e\n\u003cdiv class=\"cb-benefit\"\u003e✦ Beautiful Tint\u003c\/div\u003e\n\u003cdiv class=\"cb-benefit\"\u003e✦ Roller Ball Applicator\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Shades --\u003e\n\u003cdiv class=\"cb-shades-wrapper\"\u003e\n\u003cdiv class=\"cb-shades-title\"\u003eFind your perfect shade\u003c\/div\u003e\n\u003cdiv class=\"cb-shades\"\u003e\n\u003cdiv class=\"cb-shade\"\u003e\n\u003cdiv class=\"cb-swatch\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"cb-shade-name\"\u003e Sheer Shimmer \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-shade\"\u003e\n\u003cdiv class=\"cb-swatch\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"cb-shade-name\"\u003e Sakura Blossom \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-shade\"\u003e\n\u003cdiv class=\"cb-swatch\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"cb-shade-name\"\u003e Peach Blossom \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-shade\"\u003e\n\u003cdiv class=\"cb-swatch\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"cb-shade-name\"\u003e Red Bean \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Elegant divider --\u003e\n\u003cdiv class=\"cb-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Closing statement --\u003e\n\u003cdiv class=\"cb-note\"\u003eYour lips. Your charm.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"CharmBeauty","offers":[{"title":"Sheer Shimmer","offer_id":47651939909803,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Sakura Blossom","offer_id":47651939942571,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Peach Blossom","offer_id":47651939975339,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Red Bean","offer_id":47651940008107,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/4716\/4075\/files\/charmbeauty-top-down-flat-lay_f2403817-00a2-441f-9a7f-833e858b1dcc.png?v=1786896475","url":"https:\/\/charmbeauty.co.za\/products\/charmbeauty-plump-glow-lip-serum","provider":"CharmBeauty","version":"1.0","type":"link"}