{"product_id":"lumari™-daily-beard-balm","title":"Lumari™ Daily Beard Balm","description":"\u003cstyle\u003e\n  .lm-balm {\n    --lm-gold: #e7bd70;\n    --lm-text: #f7f3eb;\n    --lm-muted: #c3beb4;\n    position: relative;\n    isolation: isolate;\n    max-width: 960px;\n    margin: 24px auto;\n    padding: clamp(28px, 6vw, 64px);\n    overflow: hidden;\n    border: 1px solid rgba(231, 189, 112, .28);\n    border-radius: 20px;\n    background: linear-gradient(145deg, #181818, #090909);\n    color: var(--lm-text);\n    font-family: inherit;\n    text-align: left;\n  }\n\n  .lm-balm,\n  .lm-balm * {\n    box-sizing: border-box;\n  }\n\n  .lm-balm::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    top: -180px;\n    right: -180px;\n    width: 420px;\n    height: 420px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(231, 189, 112, .13),\n      transparent 68%\n    );\n    pointer-events: none;\n  }\n\n  .lm-balm .lm-eyebrow {\n    margin: 0 0 18px;\n    color: var(--lm-gold);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .22em;\n    line-height: 1.6;\n    text-transform: uppercase;\n  }\n\n  .lm-balm h2 {\n    max-width: 720px;\n    margin: 0;\n    color: var(--lm-text);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(32px, 6vw, 56px);\n    font-weight: 400;\n    letter-spacing: -.025em;\n    line-height: 1.12;\n    text-transform: none;\n  }\n\n  .lm-balm h2 span {\n    color: var(--lm-gold);\n  }\n\n  .lm-balm .lm-accent {\n    position: relative;\n    width: 88px;\n    height: 2px;\n    margin: 26px 0;\n    overflow: hidden;\n    background: rgba(231, 189, 112, .25);\n  }\n\n  .lm-balm .lm-accent::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--lm-gold),\n      transparent\n    );\n    animation: lm-balm-shimmer 5s ease-in-out infinite;\n  }\n\n  .lm-balm p {\n    margin: 0;\n    color: var(--lm-muted);\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .lm-balm .lm-intro {\n    max-width: 680px;\n  }\n\n  .lm-balm .lm-intro strong {\n    color: var(--lm-text);\n    font-weight: 600;\n  }\n\n  .lm-balm .lm-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n    margin: 32px 0;\n  }\n\n  .lm-balm .lm-card {\n    padding: 24px 20px;\n    border: 1px solid rgba(231, 189, 112, .16);\n    border-radius: 12px;\n    background: rgba(255, 255, 255, .025);\n    transition: transform .3s ease, border-color .3s ease;\n  }\n\n  @media (hover: hover) {\n    .lm-balm .lm-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(231, 189, 112, .55);\n    }\n  }\n\n  .lm-balm .lm-number {\n    display: block;\n    margin-bottom: 14px;\n    color: var(--lm-gold);\n    font-size: 11px;\n    letter-spacing: .16em;\n  }\n\n  .lm-balm h3 {\n    margin: 0 0 10px;\n    color: var(--lm-text);\n    font-family: inherit;\n    font-size: 17px;\n    font-weight: 600;\n    line-height: 1.4;\n    text-transform: none;\n    letter-spacing: 0;\n  }\n\n  .lm-balm .lm-card p {\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .lm-balm .lm-details {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    padding-top: 30px;\n    border-top: 1px solid rgba(231, 189, 112, .2);\n  }\n\n  .lm-balm .lm-details p {\n    font-size: 15px;\n  }\n\n  .lm-balm .lm-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    margin-top: 32px;\n    padding-top: 24px;\n    border-top: 1px solid rgba(231, 189, 112, .2);\n  }\n\n  .lm-balm .lm-footer p {\n    max-width: 540px;\n    font-size: 14px;\n  }\n\n  .lm-balm .lm-size {\n    flex-shrink: 0;\n    padding: 8px 15px;\n    border: 1px solid rgba(231, 189, 112, .4);\n    border-radius: 999px;\n    color: var(--lm-gold);\n    font-size: 13px;\n    white-space: nowrap;\n  }\n\n  .lm-balm .lm-enter {\n    animation: lm-balm-enter .8s ease-out both;\n  }\n\n  .lm-balm .lm-delay-1 { animation-delay: .1s; }\n  .lm-balm .lm-delay-2 { animation-delay: .2s; }\n  .lm-balm .lm-delay-3 { animation-delay: .3s; }\n  .lm-balm .lm-delay-4 { animation-delay: .4s; }\n\n  @keyframes lm-balm-enter {\n    from {\n      opacity: 0;\n      transform: translateY(16px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes lm-balm-shimmer {\n    0%, 100% { transform: translateX(-100%); }\n    50% { transform: translateX(100%); }\n  }\n\n  @media (max-width: 640px) {\n    .lm-balm {\n      margin: 16px auto;\n      border-radius: 14px;\n    }\n\n    .lm-balm .lm-benefits,\n    .lm-balm .lm-details {\n      grid-template-columns: 1fr;\n    }\n\n    .lm-balm .lm-benefits {\n      gap: 10px;\n    }\n\n    .lm-balm .lm-card {\n      padding: 20px;\n    }\n\n    .lm-balm .lm-details {\n      gap: 24px;\n    }\n\n    .lm-balm .lm-footer {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lm-balm *,\n    .lm-balm *::before,\n    .lm-balm *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"lm-balm\" aria-label=\"Lumari Daily Beard Balm benefits\"\u003e\n  \u003cdiv class=\"lm-enter\"\u003e\n    \u003cp class=\"lm-eyebrow\"\u003eLumari™ · Daily Beard Balm\u003c\/p\u003e\n    \u003ch2\u003e\n      A softer beard.\u003cbr\u003e\n      \u003cspan\u003eA neater finish.\u003c\/span\u003e\u003cbr\u003e\n      A simple daily routine.\n    \u003c\/h2\u003e\n    \u003cdiv class=\"lm-accent\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lm-intro lm-enter lm-delay-1\"\u003e\n    \u003cp\u003e\n      \u003cstrong\u003eLumari™ Daily Beard Balm\u003c\/strong\u003e helps moisturise\n      and condition your beard while making it easier to shape.\n      Smooth down stray hairs and give your beard a more groomed\n      appearance, whether you’re heading to work or getting\n      ready for a night out.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lm-benefits\"\u003e\n    \u003cdiv class=\"lm-card lm-enter lm-delay-2\"\u003e\n      \u003cspan class=\"lm-number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003ch3\u003eA softer feel\u003c\/h3\u003e\n      \u003cp\u003e\n        Helps condition beard hairs for a softer,\n        more manageable feel.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lm-card lm-enter lm-delay-3\"\u003e\n      \u003cspan class=\"lm-number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003ch3\u003eA neater appearance\u003c\/h3\u003e\n      \u003cp\u003e\n        Helps smooth stray hairs as you shape your beard\n        into place.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lm-card lm-enter lm-delay-4\"\u003e\n      \u003cspan class=\"lm-number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003ch3\u003eSimple daily grooming\u003c\/h3\u003e\n      \u003cp\u003e\n        An easy conditioning and styling step\n        for your everyday routine.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lm-details lm-enter lm-delay-3\"\u003e\n    \u003cdiv\u003e\n      \u003ch3\u003eHow it works\u003c\/h3\u003e\n      \u003cp\u003e\n        The balm coats your beard hairs with a conditioning\n        layer, helping soften their feel and making them\n        easier to manage as you style.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003ch3\u003eHow to use\u003c\/h3\u003e\n      \u003cp\u003e\n        Warm a small amount between your palms, then work\n        it evenly through your beard. Use your fingers\n        or a beard comb to shape it into place. Start\n        with a little and add more if needed.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lm-footer lm-enter lm-delay-4\"\u003e\n    \u003cp\u003e\n      Everyday care for a beard that feels softer\n      and looks more put together.\n    \u003c\/p\u003e\n    \u003cspan class=\"lm-size\"\u003e50 g\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45933427720261,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/bathroom-lifestyle-beard-balm-photo.png?v=1791198641","url":"https:\/\/lumari.co.za\/products\/lumari%e2%84%a2-daily-beard-balm","provider":"Lumari","version":"1.0","type":"link"}