{"product_id":"lumari™-daily-beard-wash","title":"Lumari™ Daily Beard Wash","description":"\u003cstyle\u003e\n  .lumari-beard {\n    --lb-gold: #e7bf73;\n    --lb-white: #f7f3eb;\n    --lb-muted: #c7c2b9;\n    position: relative;\n    isolation: isolate;\n    width: 100%;\n    max-width: 920px;\n    margin: 24px auto;\n    padding: clamp(26px, 5vw, 60px);\n    overflow: hidden;\n    color: var(--lb-white);\n    background: linear-gradient(145deg, #191919, #080808);\n    border: 1px solid rgba(231, 191, 115, .25);\n    border-radius: 20px;\n    font-family: inherit;\n    line-height: 1.7;\n    box-sizing: border-box;\n  }\n\n  .lumari-beard *,\n  .lumari-beard *::before,\n  .lumari-beard *::after {\n    box-sizing: border-box;\n  }\n\n  .lumari-beard::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    top: -160px;\n    right: -160px;\n    width: 420px;\n    height: 420px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(231, 191, 115, .12),\n      transparent 68%\n    );\n    pointer-events: none;\n    animation: lb-glow 9s ease-in-out infinite alternate;\n  }\n\n  .lumari-beard .lb-eyebrow {\n    margin: 0 0 14px;\n    color: var(--lb-gold);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n  }\n\n  .lumari-beard .lb-title {\n    margin: 0 0 16px;\n    color: var(--lb-white);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(28px, 5vw, 46px);\n    font-weight: 400;\n    line-height: 1.15;\n    letter-spacing: -.025em;\n    overflow-wrap: anywhere;\n  }\n\n  .lumari-beard .lb-accent {\n    width: 74px;\n    height: 2px;\n    margin: 24px 0;\n    background: linear-gradient(\n      90deg,\n      #8f6a2d,\n      #f8dfad,\n      #8f6a2d\n    );\n    background-size: 200% 100%;\n    animation: lb-shimmer 5s ease-in-out infinite;\n  }\n\n  .lumari-beard .lb-lead {\n    margin: 0 0 16px;\n    color: var(--lb-white);\n    font-size: clamp(18px, 2.5vw, 22px);\n    line-height: 1.5;\n  }\n\n  .lumari-beard .lb-copy {\n    max-width: 680px;\n    margin: 0;\n    color: var(--lb-muted);\n    font-size: 15px;\n  }\n\n  .lumari-beard .lb-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 12px;\n    margin: 30px 0;\n  }\n\n  .lumari-beard .lb-benefit {\n    padding: 18px 14px;\n    border: 1px solid rgba(231, 191, 115, .17);\n    border-radius: 12px;\n    background: rgba(255, 255, 255, .025);\n    transition:\n      transform .3s ease,\n      border-color .3s ease,\n      background .3s ease;\n  }\n\n  .lumari-beard .lb-benefit:hover {\n    transform: translateY(-3px);\n    border-color: rgba(231, 191, 115, .5);\n    background: rgba(231, 191, 115, .055);\n  }\n\n  .lumari-beard .lb-number {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--lb-gold);\n    font-size: 11px;\n    letter-spacing: .15em;\n  }\n\n  .lumari-beard .lb-benefit p {\n    margin: 0;\n    color: var(--lb-white);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .lumari-beard .lb-section {\n    margin-top: 28px;\n    padding-top: 26px;\n    border-top: 1px solid rgba(255, 255, 255, .1);\n  }\n\n  .lumari-beard .lb-heading {\n    margin: 0 0 12px;\n    color: var(--lb-gold);\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 1.5;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n  }\n\n  .lumari-beard .lb-steps {\n    margin: 0;\n    padding-left: 22px;\n    color: var(--lb-muted);\n    font-size: 15px;\n  }\n\n  .lumari-beard .lb-steps li {\n    padding-left: 5px;\n    margin-bottom: 8px;\n  }\n\n  .lumari-beard .lb-steps li::marker {\n    color: var(--lb-gold);\n  }\n\n  .lumari-beard .lb-size {\n    display: inline-block;\n    margin-top: 26px;\n    padding: 7px 14px;\n    color: var(--lb-gold);\n    border: 1px solid rgba(231, 191, 115, .3);\n    border-radius: 100px;\n    font-size: 12px;\n    letter-spacing: .08em;\n  }\n\n  .lumari-beard .lb-enter {\n    animation: lb-reveal .8s ease both;\n  }\n\n  .lumari-beard .lb-delay-1 { animation-delay: .1s; }\n  .lumari-beard .lb-delay-2 { animation-delay: .2s; }\n  .lumari-beard .lb-delay-3 { animation-delay: .3s; }\n  .lumari-beard .lb-delay-4 { animation-delay: .4s; }\n\n  @keyframes lb-reveal {\n    from {\n      opacity: 0;\n      transform: translateY(14px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes lb-shimmer {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n  }\n\n  @keyframes lb-glow {\n    from { transform: translate(0, 0); }\n    to { transform: translate(-30px, 30px); }\n  }\n\n  @media (max-width: 540px) {\n    .lumari-beard {\n      border-radius: 14px;\n    }\n\n    .lumari-beard .lb-benefits {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .lumari-beard .lb-benefit {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      padding: 14px 16px;\n    }\n\n    .lumari-beard .lb-number {\n      margin: 0;\n      flex-shrink: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lumari-beard::before,\n    .lumari-beard .lb-accent,\n    .lumari-beard .lb-enter {\n      animation: none;\n    }\n\n    .lumari-beard .lb-benefit {\n      transition: none;\n    }\n\n    .lumari-beard .lb-benefit:hover {\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"lumari-beard\"\u003e\n\u003cdiv class=\"lb-enter\"\u003e\n\u003cp class=\"lb-eyebrow\"\u003eLumari™ · Beard care\u003c\/p\u003e\n\u003ch2 class=\"lb-title\"\u003eDaily Beard Wash\u003c\/h2\u003e\n\u003cdiv class=\"lb-accent\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lb-enter lb-delay-1\"\u003e\n\u003cp class=\"lb-lead\"\u003eA fresh, clean beard starts with a simple wash.\u003c\/p\u003e\n\u003cp class=\"lb-copy\"\u003eLumari™ Daily Beard Wash helps lift away everyday dirt, excess oil, and product buildup, leaving your beard feeling clean and refreshed. It’s an easy way to keep your grooming routine simple and your beard ready for the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lb-benefits lb-enter lb-delay-2\"\u003e\n\u003cdiv class=\"lb-benefit\"\u003e\n\u003cspan class=\"lb-number\"\u003e01\u003c\/span\u003e\n\u003cp\u003eHelps wash away everyday buildup\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lb-benefit\"\u003e\n\u003cspan class=\"lb-number\"\u003e02\u003c\/span\u003e\n\u003cp\u003eA clean, refreshed feeling\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lb-benefit\"\u003e\n\u003cspan class=\"lb-number\"\u003e03\u003c\/span\u003e\n\u003cp\u003eA simple grooming step\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lb-section lb-enter lb-delay-3\"\u003e\n\u003ch3 class=\"lb-heading\"\u003eHow it works\u003c\/h3\u003e\n\u003cp class=\"lb-copy\"\u003eMassage the wash through your wet beard and onto the skin beneath it. The cleansing lather helps loosen buildup so it can rinse away with water.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lb-section lb-enter lb-delay-4\"\u003e\n\u003ch3 class=\"lb-heading\"\u003eHow to use\u003c\/h3\u003e\n\u003col class=\"lb-steps\"\u003e\n\u003cli\u003eWet your beard and work a small amount into a lather.\u003c\/li\u003e\n\u003cli\u003eMassage gently through your beard and onto the skin beneath.\u003c\/li\u003e\n\u003cli\u003eRinse thoroughly and pat dry.\u003c\/li\u003e\n\u003cli\u003eFollow with your beard oil or balm if desired.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cspan class=\"lb-size\"\u003eSize: 60 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45938599329861,"sku":null,"price":149.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/water-splash-photo-with-original-beard-wash-bottle-and-lumari-box.png?v=1791269388","url":"https:\/\/lumari.co.za\/products\/lumari%e2%84%a2-daily-beard-wash","provider":"Lumari","version":"1.0","type":"link"}