{"product_id":"lumari™-beard-essentials","title":"Lumari™ Beard Essentials","description":"\u003cstyle\u003e\n  .lumari-beard {\n    --lb-gold: #edc979;\n    --lb-text: #f7f4ed;\n    --lb-muted: #c6c1b7;\n    --lb-border: rgba(237, 201, 121, 0.22);\n    max-width: 960px;\n    margin: 24px auto;\n    padding: clamp(24px, 5vw, 56px);\n    overflow: hidden;\n    position: relative;\n    isolation: isolate;\n    color: var(--lb-text);\n    background:\n      radial-gradient(circle at top right,\n        rgba(237, 201, 121, 0.10), transparent 48%),\n      #111111;\n    border: 1px solid var(--lb-border);\n    border-radius: 24px;\n    font-family: inherit;\n    line-height: 1.7;\n    text-align: left;\n  }\n\n  .lumari-beard,\n  .lumari-beard * {\n    box-sizing: border-box;\n  }\n\n  .lumari-beard::before {\n    content: \"\";\n    display: block;\n    width: 64px;\n    height: 2px;\n    margin-bottom: 26px;\n    background: var(--lb-gold);\n    transform-origin: left;\n    animation: lb-line 900ms ease-out both;\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: 0.22em;\n    text-transform: uppercase;\n  }\n\n  .lumari-beard .lb-title {\n    margin: 0 0 20px;\n    color: var(--lb-text);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(30px, 5vw, 48px);\n    font-weight: 400;\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n    text-transform: none;\n  }\n\n  .lumari-beard .lb-title span {\n    display: block;\n    color: var(--lb-gold);\n  }\n\n  .lumari-beard .lb-intro {\n    max-width: 680px;\n    margin: 0;\n    color: var(--lb-muted);\n    font-size: 16px;\n  }\n\n  .lumari-beard .lb-intro strong {\n    color: var(--lb-text);\n    font-weight: 600;\n  }\n\n  .lumari-beard .lb-benefits {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    margin: 30px 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .lumari-beard .lb-benefit {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin: 0;\n    padding: 18px;\n    background: rgba(255, 255, 255, 0.025);\n    border: 1px solid var(--lb-border);\n    border-radius: 14px;\n    transition:\n      transform 220ms ease,\n      border-color 220ms ease,\n      background 220ms ease;\n    animation: lb-rise 650ms ease-out both;\n  }\n\n  .lumari-beard .lb-benefit:nth-child(2) {\n    animation-delay: 80ms;\n  }\n\n  .lumari-beard .lb-benefit:nth-child(3) {\n    animation-delay: 160ms;\n  }\n\n  .lumari-beard .lb-benefit:nth-child(4) {\n    animation-delay: 240ms;\n  }\n\n  .lumari-beard .lb-icon {\n    flex: 0 0 auto;\n    font-size: 20px;\n    line-height: 1.5;\n  }\n\n  .lumari-beard .lb-benefit p {\n    margin: 0;\n    color: var(--lb-text);\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  .lumari-beard .lb-section-title {\n    margin: 0 0 8px;\n    color: var(--lb-text);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 27px;\n    font-weight: 400;\n    line-height: 1.3;\n    text-transform: none;\n  }\n\n  .lumari-beard .lb-section-copy {\n    margin: 0 0 22px;\n    color: var(--lb-muted);\n    font-size: 15px;\n  }\n\n  .lumari-beard .lb-ritual {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n    margin: 0 0 30px;\n  }\n\n  .lumari-beard .lb-step {\n    padding: 22px 18px;\n    border-top: 1px solid var(--lb-border);\n    background: linear-gradient(\n      180deg, rgba(237, 201, 121, 0.035), transparent\n    );\n    border-radius: 0 0 12px 12px;\n    transition: transform 220ms ease;\n  }\n\n  .lumari-beard .lb-number {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--lb-gold);\n    font-size: 12px;\n    letter-spacing: 0.15em;\n  }\n\n  .lumari-beard .lb-step h4 {\n    margin: 0 0 9px;\n    color: var(--lb-text);\n    font-size: 17px;\n    font-weight: 600;\n    line-height: 1.4;\n    text-transform: none;\n  }\n\n  .lumari-beard .lb-step p {\n    margin: 0;\n    color: var(--lb-muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .lumari-beard .lb-details {\n    margin-top: 12px;\n    border: 1px solid var(--lb-border);\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.02);\n  }\n\n  .lumari-beard .lb-details summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 19px 20px;\n    cursor: pointer;\n    list-style: none;\n    color: var(--lb-text);\n    font-size: 15px;\n    font-weight: 600;\n  }\n\n  .lumari-beard .lb-details summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .lumari-beard .lb-details summary::after {\n    content: \"+\";\n    color: var(--lb-gold);\n    font-size: 24px;\n    font-weight: 400;\n    line-height: 1;\n    transition: transform 220ms ease;\n  }\n\n  .lumari-beard .lb-details[open] summary::after {\n    transform: rotate(45deg);\n  }\n\n  .lumari-beard .lb-details summary:focus-visible {\n    outline: 2px solid var(--lb-gold);\n    outline-offset: 4px;\n    border-radius: 10px;\n  }\n\n  .lumari-beard .lb-detail-content {\n    padding: 0 20px 20px;\n    color: var(--lb-muted);\n    font-size: 14px;\n  }\n\n  .lumari-beard .lb-details[open] .lb-detail-content {\n    animation: lb-rise 300ms ease-out both;\n  }\n\n  .lumari-beard .lb-detail-content ol,\n  .lumari-beard .lb-detail-content ul {\n    margin: 0;\n    padding-left: 22px;\n  }\n\n  .lumari-beard .lb-detail-content li {\n    margin-bottom: 10px;\n    padding-left: 4px;\n  }\n\n  .lumari-beard .lb-detail-content li:last-child {\n    margin-bottom: 0;\n  }\n\n  .lumari-beard .lb-footer {\n    margin: 28px 0 0;\n    padding-top: 22px;\n    border-top: 1px solid var(--lb-border);\n    color: var(--lb-gold);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 20px;\n    line-height: 1.5;\n    text-align: center;\n  }\n\n  .lumari-beard .lb-entrance {\n    animation: lb-rise 700ms ease-out both;\n  }\n\n  @keyframes lb-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 lb-line {\n    from { transform: scaleX(0); }\n    to { transform: scaleX(1); }\n  }\n\n  @media (hover: hover) {\n    .lumari-beard .lb-benefit:hover {\n      transform: translateY(-3px);\n      border-color: rgba(237, 201, 121, 0.5);\n      background: rgba(237, 201, 121, 0.055);\n    }\n\n    .lumari-beard .lb-step:hover {\n      transform: translateY(-3px);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .lumari-beard {\n      margin: 16px auto;\n      border-radius: 18px;\n    }\n\n    .lumari-beard .lb-benefits,\n    .lumari-beard .lb-ritual {\n      grid-template-columns: 1fr;\n    }\n\n    .lumari-beard .lb-benefit {\n      padding: 15px;\n    }\n\n    .lumari-beard .lb-ritual {\n      gap: 10px;\n    }\n\n    .lumari-beard .lb-step {\n      padding: 18px 16px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lumari-beard::before,\n    .lumari-beard *,\n    .lumari-beard *::after {\n      animation: none !important;\n      transition: none !important;\n      transform: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"lumari-beard\"\u003e\n\u003cdiv class=\"lb-entrance\"\u003e\n\u003cp class=\"lb-eyebrow\"\u003eLumari™ Beard Essentials\u003c\/p\u003e\n\u003ch2 class=\"lb-title\"\u003eA softer beard.\u003cbr\u003eA neater finish. \u003cspan\u003eA simple daily routine.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lb-intro\"\u003e\u003cstrong\u003eLumari™ Beard Essentials\u003c\/strong\u003e brings together beard oil, beard balm, and grooming scissors to help keep your beard feeling conditioned and looking well-kept. From softening rough-feeling hair to taming flyaways and trimming stray ends, this three-piece kit makes everyday grooming easier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cul class=\"lb-benefits\"\u003e\n\u003cli class=\"lb-benefit\"\u003e\n\u003cspan class=\"lb-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003eHelps soften and condition beard hair\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lb-benefit\"\u003e\n\u003cspan class=\"lb-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eTames flyaways for a tidier appearance\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lb-benefit\"\u003e\n\u003cspan class=\"lb-icon\"\u003e✂️\u003c\/span\u003e\n\u003cp\u003eTrims stray hairs for a more polished finish\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lb-benefit\"\u003e\n\u003cspan class=\"lb-icon\"\u003e🖤\u003c\/span\u003e\n\u003cp\u003eKeeps your beard-care routine simple\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 class=\"lb-section-title\"\u003eHow the kit works\u003c\/h3\u003e\n\u003cp class=\"lb-section-copy\"\u003eThree essentials. One straightforward grooming ritual.\u003c\/p\u003e\n\u003cdiv class=\"lb-ritual\"\u003e\n\u003cdiv class=\"lb-step\"\u003e\n\u003cspan class=\"lb-number\"\u003e01 \/ CONDITION\u003c\/span\u003e\n\u003ch4\u003eSoften with beard oil\u003c\/h4\u003e\n\u003cp\u003eHelps moisturise and soften beard hair, making it feel smoother and easier to manage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lb-step\"\u003e\n\u003cspan class=\"lb-number\"\u003e02 \/ SHAPE\u003c\/span\u003e\n\u003ch4\u003eSmooth with beard balm\u003c\/h4\u003e\n\u003cp\u003eAdds conditioning while helping shape your beard and keep flyaways in place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lb-step\"\u003e\n\u003cspan class=\"lb-number\"\u003e03 \/ REFINE\u003c\/span\u003e\n\u003ch4\u003eFinish with a careful trim\u003c\/h4\u003e\n\u003cp\u003eUse the grooming scissors to carefully trim uneven ends and refine your look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lb-details\" open=\"\"\u003e\n\u003csummary\u003eHow to use\u003c\/summary\u003e\n\u003cdiv class=\"lb-detail-content\"\u003e\n\u003col\u003e\n\u003cli\u003eMassage a few drops of beard oil into a clean, slightly damp beard and the skin beneath.\u003c\/li\u003e\n\u003cli\u003eWarm a small amount of balm between your palms, then work it through your beard and smooth into shape.\u003c\/li\u003e\n\u003cli\u003eOnce your beard is dry, carefully trim any stray hairs with the scissors, taking off a little at a time.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lb-details\"\u003e\n\u003csummary\u003eWhat’s in your kit\u003c\/summary\u003e\n\u003cdiv class=\"lb-detail-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e30 ml beard oil\u003c\/li\u003e\n\u003cli\u003e50 g beard balm\u003c\/li\u003e\n\u003cli\u003eGrooming scissors\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cp class=\"lb-footer\"\u003eLess fuss. A more polished everyday look.\u003c\/p\u003e\n\u003c\/section\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45933620887621,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/original-beard-kit-flat-lay-beside-lumari-box.png?v=1791203034","url":"https:\/\/lumari.co.za\/products\/lumari%e2%84%a2-beard-essentials","provider":"Lumari","version":"1.0","type":"link"}