{"product_id":"lumari™-daily-beard-kit","title":"Lumari™ Daily Beard Kit","description":"\u003cstyle\u003e\n  .lm-beard {\n    --lm-gold: #f4c567;\n    --lm-text: #f7f4ed;\n    --lm-muted: #c5c0b5;\n    position: relative;\n    isolation: isolate;\n    width: 100%;\n    overflow: hidden;\n    padding: clamp(28px, 6vw, 64px);\n    border: 1px solid rgba(244, 197, 103, .28);\n    border-radius: 20px;\n    background:\n      radial-gradient(\n        ellipse at top right,\n        rgba(244, 197, 103, .12),\n        transparent 55%\n      ),\n      linear-gradient(145deg, #171715, #080808);\n    color: var(--lm-text);\n    font-family: inherit;\n    line-height: 1.65;\n    text-align: left;\n    box-sizing: border-box;\n  }\n\n  .lm-beard *,\n  .lm-beard *::before,\n  .lm-beard *::after {\n    box-sizing: border-box;\n  }\n\n  .lm-beard::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 12%;\n    width: 76%;\n    height: 1px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--lm-gold),\n      transparent\n    );\n    pointer-events: none;\n  }\n\n  .lm-beard .lm-inner {\n    max-width: 960px;\n    margin: 0 auto;\n  }\n\n  .lm-beard .lm-eyebrow {\n    margin: 0 0 16px;\n    color: var(--lm-gold);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n  }\n\n  .lm-beard .lm-title {\n    margin: 0;\n    color: var(--lm-text);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(30px, 5vw, 52px);\n    font-weight: 400;\n    letter-spacing: -.025em;\n    line-height: 1.15;\n    text-wrap: balance;\n  }\n\n  .lm-beard .lm-title span {\n    display: block;\n    margin-top: 8px;\n    color: var(--lm-gold);\n  }\n\n  .lm-beard .lm-lead,\n  .lm-beard .lm-context {\n    max-width: 680px;\n    margin: 22px 0 0;\n    color: var(--lm-muted);\n    font-size: 16px;\n  }\n\n  .lm-beard .lm-lead strong {\n    color: var(--lm-text);\n    font-weight: 600;\n  }\n\n  .lm-beard .lm-context {\n    margin-top: 14px;\n    font-size: 14px;\n  }\n\n  .lm-beard .lm-benefits {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin: 26px 0 0;\n  }\n\n  .lm-beard .lm-benefit {\n    padding: 8px 13px;\n    border: 1px solid rgba(244, 197, 103, .22);\n    border-radius: 999px;\n    background: rgba(244, 197, 103, .04);\n    color: var(--lm-gold);\n    font-size: 12px;\n    letter-spacing: .025em;\n  }\n\n  .lm-beard .lm-divider {\n    height: 1px;\n    margin: 34px 0;\n    background: linear-gradient(\n      90deg,\n      rgba(244, 197, 103, .4),\n      rgba(244, 197, 103, .04)\n    );\n  }\n\n  .lm-beard .lm-section-title {\n    margin: 0 0 8px;\n    color: var(--lm-text);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 27px;\n    font-weight: 400;\n    line-height: 1.3;\n  }\n\n  .lm-beard .lm-section-intro {\n    margin: 0 0 22px;\n    color: var(--lm-muted);\n    font-size: 14px;\n  }\n\n  .lm-beard .lm-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  .lm-beard .lm-card {\n    position: relative;\n    overflow: hidden;\n    padding: 24px 20px;\n    border: 1px solid rgba(255, 255, 255, .1);\n    border-radius: 14px;\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  .lm-beard .lm-number {\n    display: block;\n    margin-bottom: 18px;\n    color: var(--lm-gold);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 30px;\n    line-height: 1;\n    opacity: .85;\n  }\n\n  .lm-beard .lm-card h4 {\n    margin: 0 0 10px;\n    color: var(--lm-text);\n    font-size: 17px;\n    font-weight: 600;\n    line-height: 1.35;\n  }\n\n  .lm-beard .lm-card p {\n    margin: 0;\n    color: var(--lm-muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .lm-beard .lm-included {\n    margin-top: 24px;\n    padding: 20px;\n    border-left: 2px solid var(--lm-gold);\n    border-radius: 0 10px 10px 0;\n    background: rgba(244, 197, 103, .055);\n  }\n\n  .lm-beard .lm-included-label {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--lm-gold);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n  }\n\n  .lm-beard .lm-included p {\n    margin: 0;\n    color: var(--lm-text);\n    font-size: 14px;\n  }\n\n  .lm-beard .lm-closing {\n    margin: 32px 0 0;\n    color: var(--lm-text);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(22px, 3vw, 30px);\n    line-height: 1.35;\n    text-wrap: balance;\n  }\n\n  .lm-beard .lm-closing-note {\n    margin: 8px 0 0;\n    color: var(--lm-muted);\n    font-size: 14px;\n  }\n\n  \/* Content remains visible if animations are unsupported. *\/\n  .lm-beard .lm-reveal {\n    animation: lmBeardReveal .8s ease both;\n  }\n\n  .lm-beard .lm-delay-1 { animation-delay: .1s; }\n  .lm-beard .lm-delay-2 { animation-delay: .2s; }\n  .lm-beard .lm-delay-3 { animation-delay: .3s; }\n  .lm-beard .lm-delay-4 { animation-delay: .4s; }\n  .lm-beard .lm-delay-5 { animation-delay: .5s; }\n\n  @keyframes lmBeardReveal {\n    from {\n      opacity: 0;\n      transform: translateY(16px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media (hover: hover) {\n    .lm-beard .lm-card:hover {\n      transform: translateY(-5px);\n      border-color: rgba(244, 197, 103, .5);\n      background: rgba(244, 197, 103, .055);\n    }\n  }\n\n  @media (max-width: 749px) {\n    .lm-beard {\n      padding: 28px 20px;\n      border-radius: 14px;\n    }\n\n    .lm-beard .lm-steps {\n      grid-template-columns: 1fr;\n    }\n\n    .lm-beard .lm-card {\n      padding: 20px;\n    }\n\n    .lm-beard .lm-number {\n      margin-bottom: 12px;\n      font-size: 25px;\n    }\n\n    .lm-beard .lm-lead {\n      font-size: 15px;\n    }\n\n    .lm-beard .lm-divider {\n      margin: 28px 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lm-beard .lm-reveal {\n      animation: none;\n    }\n\n    .lm-beard .lm-card {\n      transition: none;\n    }\n\n    .lm-beard .lm-card:hover {\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"lm-beard\"\u003e\n\u003cdiv class=\"lm-inner\"\u003e\n\u003cp class=\"lm-eyebrow lm-reveal\"\u003eLumari™ Daily Beard Kit\u003c\/p\u003e\n\u003ch2 class=\"lm-title lm-reveal lm-delay-1\"\u003eA softer beard.\u003cbr\u003eA neater finish. \u003cspan\u003eA simple daily ritual.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lm-lead lm-reveal lm-delay-2\"\u003e\u003cstrong\u003eLumari™ Daily Beard Kit\u003c\/strong\u003e brings together beard oil, balm and a grooming brush to help soften dry-feeling facial hair, tame stray hairs and keep your beard looking well cared for.\u003c\/p\u003e\n\u003cp class=\"lm-context lm-reveal lm-delay-2\"\u003eWhether you’re getting ready for work or heading out, this three-piece kit makes everyday grooming simple.\u003c\/p\u003e\n\u003cdiv class=\"lm-benefits lm-reveal lm-delay-3\"\u003e\n\u003cspan class=\"lm-benefit\"\u003eSofter feel\u003c\/span\u003e \u003cspan class=\"lm-benefit\"\u003eNeater finish\u003c\/span\u003e \u003cspan class=\"lm-benefit\"\u003eSimple daily care\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lm-reveal lm-delay-3\"\u003e\n\u003ch3 class=\"lm-section-title\"\u003eHow it works\u003c\/h3\u003e\n\u003cp class=\"lm-section-intro\"\u003eThree essentials. One easy grooming routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003col class=\"lm-steps\"\u003e\n\u003cli class=\"lm-card lm-reveal lm-delay-3\"\u003e\n\u003cspan class=\"lm-number\"\u003e01\u003c\/span\u003e\n\u003ch4\u003eSoften with beard oil\u003c\/h4\u003e\n\u003cp\u003eApply a few drops to your palms and massage through your beard and into the skin beneath to help moisturise and leave facial hair feeling softer.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lm-card lm-reveal lm-delay-4\"\u003e\n\u003cspan class=\"lm-number\"\u003e02\u003c\/span\u003e\n\u003ch4\u003eShape with beard balm\u003c\/h4\u003e\n\u003cp\u003eWarm a small amount between your fingertips, then work it through your beard to help smooth flyaways and create a neater finish.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lm-card lm-reveal lm-delay-5\"\u003e\n\u003cspan class=\"lm-number\"\u003e03\u003c\/span\u003e\n\u003ch4\u003eFinish with the brush\u003c\/h4\u003e\n\u003cp\u003eGently brush through to distribute the products, detangle and guide hairs into place.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"lm-included lm-reveal lm-delay-5\"\u003e\n\u003cspan class=\"lm-included-label\"\u003eYour daily essentials\u003c\/span\u003e\n\u003cp\u003eBeard oil, beard balm and a wooden grooming brush.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-reveal lm-delay-5\"\u003e\n\u003cp class=\"lm-closing\"\u003eLess fuss. More polish.\u003c\/p\u003e\n\u003cp class=\"lm-closing-note\"\u003eA beard that feels as good as it looks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45933163544645,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/clean-beard-kit-photo-logo-only-on-the-box.png?v=1791188955","url":"https:\/\/lumari.co.za\/products\/lumari%e2%84%a2-daily-beard-kit","provider":"Lumari","version":"1.0","type":"link"}