{"product_id":"lumari™-daily-beard-oil","title":"Lumari™ Daily Beard Oil","description":"\u003cstyle\u003e\n  .lumari-beard {\n    --gold: #e8bd69;\n    --text: #f7f3eb;\n    --muted: #c5bfb3;\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 960px;\n    margin: 24px auto;\n    padding: clamp(26px, 6vw, 64px);\n    color: var(--text);\n    background: linear-gradient(145deg, #191815, #090909 70%);\n    border: 1px solid rgba(232, 189, 105, .25);\n    border-radius: 20px;\n    text-align: left;\n    line-height: 1.7;\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: -180px;\n    right: -160px;\n    width: 420px;\n    height: 420px;\n    background: radial-gradient(\n      circle,\n      rgba(232, 189, 105, .12),\n      transparent 68%\n    );\n    pointer-events: none;\n  }\n\n  .lumari-beard .lb-eyebrow {\n    margin: 0 0 18px;\n    color: var(--gold);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n  }\n\n  .lumari-beard .lb-heading {\n    margin: 0;\n    color: var(--text);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(30px, 5vw, 52px);\n    font-weight: 400;\n    line-height: 1.16;\n    letter-spacing: -.025em;\n  }\n\n  .lumari-beard .lb-heading span {\n    display: block;\n    color: var(--gold);\n    margin-top: 6px;\n  }\n\n  .lumari-beard .lb-rule {\n    height: 1px;\n    width: 100%;\n    margin: 28px 0;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--gold),\n      transparent\n    );\n    background-size: 200% 100%;\n    animation: lb-shimmer 7s ease-in-out infinite;\n  }\n\n  .lumari-beard .lb-intro {\n    max-width: 680px;\n    margin: 0;\n    color: var(--muted);\n    font-size: clamp(15px, 2vw, 17px);\n  }\n\n  .lumari-beard .lb-intro strong {\n    color: var(--text);\n    font-weight: 600;\n  }\n\n  .lumari-beard .lb-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n    margin: 30px 0;\n  }\n\n  .lumari-beard .lb-card {\n    min-width: 0;\n    padding: 22px 18px;\n    background: rgba(255, 255, 255, .025);\n    border: 1px solid rgba(232, 189, 105, .16);\n    border-radius: 12px;\n    transition:\n      transform .3s ease,\n      border-color .3s ease,\n      background-color .3s ease;\n  }\n\n  .lumari-beard .lb-number {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--gold);\n    font-size: 11px;\n    letter-spacing: .15em;\n  }\n\n  .lumari-beard .lb-card h3 {\n    margin: 0 0 8px;\n    color: var(--text);\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 1.4;\n  }\n\n  .lumari-beard .lb-card p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  .lumari-beard .lb-section {\n    margin-top: 28px;\n  }\n\n  .lumari-beard .lb-section h3 {\n    margin: 0 0 10px;\n    color: var(--gold);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  .lumari-beard .lb-section p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 15px;\n  }\n\n  .lumari-beard .lb-ritual {\n    margin-top: 28px;\n    padding: 24px;\n    background: rgba(232, 189, 105, .045);\n    border-left: 2px solid var(--gold);\n    border-radius: 0 12px 12px 0;\n  }\n\n  .lumari-beard .lb-footer {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    gap: 12px;\n    margin-top: 30px;\n    padding-top: 20px;\n    border-top: 1px solid rgba(232, 189, 105, .15);\n    color: var(--muted);\n    font-size: 12px;\n    letter-spacing: .06em;\n  }\n\n  .lumari-beard .lb-size {\n    color: var(--gold);\n    white-space: nowrap;\n  }\n\n  .lumari-beard .lb-reveal {\n    animation: lb-rise .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-rise {\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  @media (hover: hover) {\n    .lumari-beard .lb-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(232, 189, 105, .5);\n      background: rgba(232, 189, 105, .06);\n    }\n  }\n\n  @media (max-width: 600px) {\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-card {\n      padding: 18px;\n    }\n\n    .lumari-beard .lb-number {\n      margin-bottom: 6px;\n    }\n\n    .lumari-beard .lb-ritual {\n      padding: 20px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lumari-beard *,\n    .lumari-beard *::before,\n    .lumari-beard *::after {\n      animation: none !important;\n      transition: none !important;\n      transform: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"lumari-beard\" aria-label=\"About Lumari Daily Beard Oil\"\u003e\n  \u003cdiv class=\"lb-reveal\"\u003e\n    \u003cp class=\"lb-eyebrow\"\u003eLumari™ · Daily Beard Oil\u003c\/p\u003e\n\n    \u003ch2 class=\"lb-heading\"\u003e\n      A softer beard.\u003cbr\u003e\n      A smoother feel.\n      \u003cspan\u003eA more polished daily look.\u003c\/span\u003e\n    \u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lb-rule\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cp class=\"lb-intro lb-reveal lb-delay-1\"\u003e\n    \u003cstrong\u003eLumari™ Daily Beard Oil\u003c\/strong\u003e helps soften coarse\n    beard hair and moisturise the skin underneath, making your\n    beard feel more comfortable and easier to groom.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"lb-benefits\"\u003e\n    \u003cdiv class=\"lb-card lb-reveal lb-delay-1\"\u003e\n      \u003cspan class=\"lb-number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003ch3\u003eA softer feel\u003c\/h3\u003e\n      \u003cp\u003eHelps soften coarse beard hair for a smoother-feeling beard.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lb-card lb-reveal lb-delay-2\"\u003e\n      \u003cspan class=\"lb-number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003ch3\u003eCare beneath the beard\u003c\/h3\u003e\n      \u003cp\u003eHelps moisturise the often-overlooked skin underneath.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lb-card lb-reveal lb-delay-3\"\u003e\n      \u003cspan class=\"lb-number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003ch3\u003eA groomed daily look\u003c\/h3\u003e\n      \u003cp\u003eMakes your beard easier to groom and shape into your everyday style.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lb-section lb-reveal lb-delay-3\"\u003e\n    \u003ch3\u003eHow it works\u003c\/h3\u003e\n    \u003cp\u003e\n      The oil coats beard strands to help smooth their feel,\n      while massaging it into the skin beneath helps keep that\n      area moisturised. A simple addition to your routine for\n      a beard that looks cared for and feels good.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lb-section lb-ritual lb-reveal lb-delay-4\"\u003e\n    \u003ch3\u003eYour daily ritual\u003c\/h3\u003e\n    \u003cp\u003e\n      Work a few drops between your palms, then massage through\n      your beard and into the skin underneath. Finish with a\n      brush or comb to distribute evenly and shape your beard.\n      Start with a small amount and add more as needed.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lb-footer lb-reveal lb-delay-4\"\u003e\n    \u003cspan\u003eSimple care. A polished finish.\u003c\/span\u003e\n    \u003cspan class=\"lb-size\"\u003e30 ml\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45933346062405,"sku":null,"price":149.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/beard-oil-and-lumari-box-on-a-clean-studio-background.png?v=1791196506","url":"https:\/\/lumari.co.za\/products\/lumari%e2%84%a2-daily-beard-oil","provider":"Lumari","version":"1.0","type":"link"}