{"product_id":"lumari™-beard-care-collection","title":"Lumari™ Beard Care Collection","description":"\u003cstyle\u003e\n  .lumari-beard {\n    --gold: #e8c477;\n    --text: #f6f2ea;\n    --muted: #c7c0b3;\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    box-sizing: border-box;\n    margin: 24px auto;\n    padding: clamp(26px, 5vw, 64px);\n    border: 1px solid rgba(232, 196, 119, .3);\n    border-radius: 20px;\n    background: #101010;\n    color: var(--text);\n    font-family: inherit;\n    line-height: 1.7;\n    text-align: left;\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    inset: 0;\n    z-index: -1;\n    pointer-events: none;\n    background:\n      radial-gradient(\n        ellipse at top right,\n        rgba(232, 196, 119, .13),\n        transparent 60%\n      );\n    animation: lumari-glow 7s ease-in-out infinite alternate;\n  }\n\n  .lumari-beard .lumari-content {\n    max-width: 960px;\n    margin: auto;\n  }\n\n  .lumari-beard .lumari-eyebrow {\n    margin: 0 0 14px;\n    color: var(--gold);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .24em;\n    text-transform: uppercase;\n  }\n\n  .lumari-beard h2 {\n    margin: 0 0 20px;\n    color: var(--text);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(28px, 4vw, 46px);\n    font-weight: 400;\n    line-height: 1.15;\n    letter-spacing: -.02em;\n    overflow-wrap: break-word;\n  }\n\n  .lumari-beard .lumari-rule {\n    width: 64px;\n    height: 2px;\n    margin-bottom: 24px;\n    background: var(--gold);\n    transform-origin: left;\n    animation: lumari-line 1s ease both;\n  }\n\n  .lumari-beard .lumari-outcome {\n    margin: 0 0 18px;\n    color: var(--gold);\n    font-size: clamp(18px, 2.5vw, 24px);\n    line-height: 1.5;\n  }\n\n  .lumari-beard .lumari-copy {\n    max-width: 720px;\n  }\n\n  .lumari-beard .lumari-copy p {\n    margin: 0 0 16px;\n    color: var(--muted);\n    font-size: 16px;\n  }\n\n  .lumari-beard .lumari-routine-title {\n    margin: 34px 0 18px;\n    color: var(--text);\n    font-size: 18px;\n    font-weight: 500;\n  }\n\n  .lumari-beard .lumari-steps {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .lumari-beard .lumari-card {\n    min-width: 0;\n    margin: 0;\n    padding: 24px;\n    border: 1px solid rgba(232, 196, 119, .2);\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 .lumari-number {\n    display: block;\n    margin-bottom: 18px;\n    color: var(--gold);\n    font-size: 12px;\n    letter-spacing: .18em;\n  }\n\n  .lumari-beard .lumari-card h4 {\n    margin: 0 0 6px;\n    color: var(--text);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 24px;\n    font-weight: 400;\n    line-height: 1.3;\n  }\n\n  .lumari-beard .lumari-product {\n    margin: 0 0 14px;\n    color: var(--gold);\n    font-size: 12px;\n    letter-spacing: .04em;\n  }\n\n  .lumari-beard .lumari-instructions {\n    margin: 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  .lumari-beard .lumari-closing {\n    margin: 28px 0 0;\n    padding-top: 24px;\n    border-top: 1px solid rgba(232, 196, 119, .2);\n    color: var(--text);\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .lumari-beard .lumari-closing span {\n    display: block;\n    margin-top: 6px;\n    color: var(--muted);\n    font-size: 14px;\n  }\n\n  .lumari-beard .lumari-reveal {\n    animation: lumari-rise .8s ease both;\n  }\n\n  .lumari-beard .lumari-delay-1 { animation-delay: .1s; }\n  .lumari-beard .lumari-delay-2 { animation-delay: .2s; }\n  .lumari-beard .lumari-delay-3 { animation-delay: .3s; }\n  .lumari-beard .lumari-delay-4 { animation-delay: .4s; }\n\n  @keyframes lumari-rise {\n    from {\n      opacity: 0;\n      transform: translateY(12px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes lumari-line {\n    from { transform: scaleX(0); }\n    to { transform: scaleX(1); }\n  }\n\n  @keyframes lumari-glow {\n    from { opacity: .5; }\n    to { opacity: 1; }\n  }\n\n  @media (hover: hover) {\n    .lumari-beard .lumari-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(232, 196, 119, .65);\n      background: rgba(232, 196, 119, .055);\n    }\n  }\n\n  @media (max-width: 749px) {\n    .lumari-beard .lumari-steps {\n      grid-template-columns: 1fr;\n    }\n\n    .lumari-beard .lumari-card {\n      padding: 22px;\n    }\n\n    .lumari-beard .lumari-number {\n      margin-bottom: 10px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lumari-beard,\n    .lumari-beard *,\n    .lumari-beard::before {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"lumari-beard\" aria-label=\"Lumari Beard Care Collection\"\u003e\n  \u003cdiv class=\"lumari-content\"\u003e\n    \u003cp class=\"lumari-eyebrow lumari-reveal\"\u003e\n      Lumari™ · Everyday grooming\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"lumari-reveal lumari-delay-1\"\u003e\n      Beard Care Collection\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"lumari-rule\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n    \u003cp class=\"lumari-outcome lumari-reveal lumari-delay-2\"\u003e\n      A cleaner, softer beard.\u003cbr\u003e\n      A more polished everyday look.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"lumari-copy lumari-reveal lumari-delay-2\"\u003e\n      \u003cp\u003e\n        Give your beard the care it deserves with a simple\n        three-step routine designed to cleanse, moisturise\n        and make styling easier. Lumari™ Beard Care Collection\n        brings together beard wash, oil and balm to help keep\n        your beard feeling fresh, looking neat and more manageable.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        From your morning routine to your final touch-up,\n        it’s everyday grooming made simple.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"lumari-routine-title lumari-reveal lumari-delay-3\"\u003e\n      How the three-step routine works\n    \u003c\/h3\u003e\n\n    \u003col class=\"lumari-steps\"\u003e\n      \u003cli class=\"lumari-card lumari-reveal lumari-delay-2\"\u003e\n        \u003cspan class=\"lumari-number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n        \u003ch4\u003eCleanse\u003c\/h4\u003e\n        \u003cp class=\"lumari-product\"\u003eBeard Wash · 60 ml\u003c\/p\u003e\n        \u003cp class=\"lumari-instructions\"\u003e\n          Massage into a wet beard, then rinse thoroughly\n          to wash away daily buildup and leave your beard\n          feeling fresh.\n        \u003c\/p\u003e\n      \u003c\/li\u003e\n\n      \u003cli class=\"lumari-card lumari-reveal lumari-delay-3\"\u003e\n        \u003cspan class=\"lumari-number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n        \u003ch4\u003eSoften\u003c\/h4\u003e\n        \u003cp class=\"lumari-product\"\u003eBeard Oil · 30 ml\u003c\/p\u003e\n        \u003cp class=\"lumari-instructions\"\u003e\n          Apply a few drops to your palms and work through\n          a towel-dried beard, reaching the skin underneath.\n          Helps moisturise and soften beard hair.\n        \u003c\/p\u003e\n      \u003c\/li\u003e\n\n      \u003cli class=\"lumari-card lumari-reveal lumari-delay-4\"\u003e\n        \u003cspan class=\"lumari-number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n        \u003ch4\u003eShape\u003c\/h4\u003e\n        \u003cp class=\"lumari-product\"\u003eBeard Balm · 50 g\u003c\/p\u003e\n        \u003cp class=\"lumari-instructions\"\u003e\n          Warm a small amount between your palms, then\n          smooth through your beard to help tame stray\n          hairs and create a neater finish.\n        \u003c\/p\u003e\n      \u003c\/li\u003e\n    \u003c\/ol\u003e\n\n    \u003cp class=\"lumari-closing lumari-reveal lumari-delay-4\"\u003e\n      Three essentials. One easy routine.\n      \u003cspan\u003e\n        A beard that feels cared for and looks put together.\n      \u003c\/span\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45938351538245,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/clean-studio-photo-original-product-labels.png?v=1791267484","url":"https:\/\/lumari.co.za\/products\/lumari%e2%84%a2-beard-care-collection","provider":"Lumari","version":"1.0","type":"link"}