{"product_id":"lumari™-beard-tool-bag","title":"Lumari™ Beard Tool Bag","description":"\u003cstyle\u003e\n\/* LUMARI™ BEARD TOOL BAG *\/\n\n.lumari-beard {\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 0;\n  background: #ffffff;\n  color: #111111;\n  font-family: Arial, Helvetica, sans-serif;\n  overflow: hidden;\n}\n\n.lumari-beard * {\n  box-sizing: border-box;\n}\n\n\/* HERO *\/\n\n.lumari-beard-hero {\n  position: relative;\n  padding: 70px 25px 65px;\n  text-align: center;\n  background:\n    radial-gradient(circle at top right, rgba(212,175,55,0.18), transparent 35%),\n    radial-gradient(circle at bottom left, rgba(212,175,55,0.10), transparent 35%),\n    linear-gradient(135deg, #090909 0%, #151515 50%, #050505 100%);\n  color: #ffffff;\n  overflow: hidden;\n}\n\n.lumari-beard-hero:before,\n.lumari-beard-hero:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(212,175,55,0.16);\n  pointer-events: none;\n}\n\n.lumari-beard-hero:before {\n  width: 350px;\n  height: 350px;\n  top: -220px;\n  right: -100px;\n}\n\n.lumari-beard-hero:after {\n  width: 260px;\n  height: 260px;\n  bottom: -180px;\n  left: -100px;\n}\n\n.lumari-beard-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.lumari-beard-badge {\n  display: inline-block;\n  padding: 9px 18px;\n  margin-bottom: 24px;\n  border: 1px solid #d4af37;\n  border-radius: 50px;\n  color: #d4af37;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  animation: lumariPulse 3s infinite ease-in-out;\n}\n\n.lumari-beard-title {\n  margin: 0;\n  color: #ffffff !important;\n  font-size: 52px;\n  line-height: 1.05;\n  font-weight: 800;\n  letter-spacing: -1px;\n}\n\n.lumari-beard-gold {\n  display: inline-block;\n  color: #d4af37 !important;\n  margin-top: 8px;\n}\n\n.lumari-beard-line {\n  width: 90px;\n  height: 2px;\n  margin: 28px auto;\n  background: #d4af37;\n  animation: lumariLine 2.5s infinite ease-in-out;\n}\n\n.lumari-beard-subtitle {\n  max-width: 680px;\n  margin: 0 auto;\n  color: #e0e0e0 !important;\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n\/* INTRO *\/\n\n.lumari-beard-intro {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 60px 25px;\n  text-align: center;\n  background: #ffffff;\n}\n\n.lumari-beard-intro p {\n  margin: 0;\n  color: #333333 !important;\n  font-size: 17px;\n  line-height: 1.85;\n}\n\n\/* SECTION TITLE *\/\n\n.lumari-beard-heading {\n  padding: 65px 25px 35px;\n  text-align: center;\n  background: #f8f8f8;\n}\n\n.lumari-beard-heading-small {\n  display: block;\n  margin-bottom: 12px;\n  color: #b58b1d !important;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.lumari-beard-heading h2 {\n  margin: 0;\n  color: #111111 !important;\n  font-size: 38px;\n  line-height: 1.2;\n}\n\n\/* FEATURES *\/\n\n.lumari-beard-features {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 35px 25px 75px;\n  background: #f8f8f8;\n}\n\n.lumari-beard-card {\n  padding: 30px 22px;\n  background: #ffffff;\n  border: 1px solid #e5e5e5;\n  border-radius: 18px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  animation: lumariFloatIn 0.8s ease both;\n}\n\n.lumari-beard-card:nth-child(2) {\n  animation-delay: 0.1s;\n}\n\n.lumari-beard-card:nth-child(3) {\n  animation-delay: 0.2s;\n}\n\n.lumari-beard-card:nth-child(4) {\n  animation-delay: 0.3s;\n}\n\n.lumari-beard-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.12);\n}\n\n.lumari-beard-icon {\n  width: 58px;\n  height: 58px;\n  margin-bottom: 22px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #111111;\n  border-radius: 16px;\n  font-size: 25px;\n}\n\n.lumari-beard-card h3 {\n  margin: 0 0 12px;\n  color: #111111 !important;\n  font-size: 18px;\n}\n\n.lumari-beard-card p {\n  margin: 0;\n  color: #555555 !important;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* HOW IT WORKS *\/\n\n.lumari-beard-how {\n  padding: 80px 25px;\n  background:\n    radial-gradient(circle at top right, rgba(212,175,55,0.15), transparent 35%),\n    #101010;\n}\n\n.lumari-beard-how-box {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 55px;\n  border: 1px solid rgba(212,175,55,0.35);\n  border-radius: 25px;\n  background: rgba(255,255,255,0.04);\n}\n\n.lumari-beard-how-label {\n  margin-bottom: 15px;\n  color: #d4af37 !important;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.lumari-beard-how h2 {\n  margin: 0 0 20px;\n  color: #ffffff !important;\n  font-size: 42px;\n  line-height: 1.2;\n}\n\n.lumari-beard-how h2 span {\n  color: #d4af37 !important;\n}\n\n.lumari-beard-how p {\n  margin: 0;\n  color: #dddddd !important;\n  font-size: 16px;\n  line-height: 1.9;\n}\n\n\/* TOOL TAGS *\/\n\n.lumari-beard-tools {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 30px;\n}\n\n.lumari-beard-tool {\n  padding: 10px 15px;\n  border: 1px solid rgba(212,175,55,0.4);\n  border-radius: 50px;\n  color: #f0d777 !important;\n  font-size: 13px;\n  transition: all 0.3s ease;\n}\n\n.lumari-beard-tool:hover {\n  background: #d4af37;\n  color: #111111 !important;\n}\n\n\/* QUOTE *\/\n\n.lumari-beard-quote {\n  padding: 75px 25px;\n  text-align: center;\n  background: #ffffff;\n}\n\n.lumari-beard-quote-mark {\n  color: #d4af37 !important;\n  font-size: 60px;\n  line-height: 0.8;\n}\n\n.lumari-beard-quote h2 {\n  max-width: 850px;\n  margin: 15px auto;\n  color: #111111 !important;\n  font-size: 38px;\n  line-height: 1.35;\n}\n\n.lumari-beard-quote h2 span {\n  color: #b58b1d !important;\n}\n\n.lumari-beard-quote p {\n  margin: 0;\n  color: #777777 !important;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 2px;\n}\n\n\/* DISCLAIMER *\/\n\n.lumari-beard-disclaimer {\n  padding: 25px;\n  text-align: center;\n  background: #f5f5f5;\n  border-top: 1px solid #e5e5e5;\n}\n\n.lumari-beard-disclaimer p {\n  max-width: 750px;\n  margin: 0 auto;\n  color: #666666 !important;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes lumariPulse {\n  0%, 100% {\n    transform: scale(1);\n    box-shadow: 0 0 0 rgba(212,175,55,0);\n  }\n\n  50% {\n    transform: scale(1.04);\n    box-shadow: 0 0 20px rgba(212,175,55,0.25);\n  }\n}\n\n@keyframes lumariLine {\n  0%, 100% {\n    transform: scaleX(0.8);\n    opacity: 0.6;\n  }\n\n  50% {\n    transform: scaleX(1.2);\n    opacity: 1;\n  }\n}\n\n@keyframes lumariFloatIn {\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* MOBILE *\/\n\n@media screen and (max-width: 900px) {\n\n  .lumari-beard-features {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n}\n\n@media screen and (max-width: 600px) {\n\n  .lumari-beard-hero {\n    padding: 60px 20px;\n  }\n\n  .lumari-beard-title {\n    font-size: 38px;\n  }\n\n  .lumari-beard-subtitle {\n    font-size: 15px;\n  }\n\n  .lumari-beard-heading h2 {\n    font-size: 30px;\n  }\n\n  .lumari-beard-features {\n    grid-template-columns: 1fr;\n    padding: 25px 18px 55px;\n  }\n\n  .lumari-beard-how {\n    padding: 55px 18px;\n  }\n\n  .lumari-beard-how-box {\n    padding: 35px 24px;\n  }\n\n  .lumari-beard-how h2 {\n    font-size: 32px;\n  }\n\n  .lumari-beard-quote h2 {\n    font-size: 29px;\n  }\n\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"lumari-beard\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lumari-beard-hero\"\u003e\n\n    \u003cdiv class=\"lumari-beard-inner\"\u003e\n\n      \u003cdiv class=\"lumari-beard-badge\"\u003e\n        LUMARI™ GROOMING\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"lumari-beard-title\"\u003e\n        Your Grooming.\u003cbr\u003e\n        \u003cspan class=\"lumari-beard-gold\"\u003e\n          Perfectly Organised.\n        \u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"lumari-beard-line\"\u003e\u003c\/div\u003e\n\n      \u003cp class=\"lumari-beard-subtitle\"\u003e\n        Keep your beard grooming essentials together in one clean,\n        stylish place — ready whenever you need them.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- INTRO --\u003e\n\n  \u003cdiv class=\"lumari-beard-intro\"\u003e\n\n    \u003cp\u003e\n      Keep your beard grooming routine neat, organised, and ready to go.\n      The Lumari™ Beard Tool Bag gives your everyday essentials one clean\n      place, helping you avoid cluttered counters, misplaced tools,\n      and messy travel bags.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FEATURES TITLE --\u003e\n\n  \u003cdiv class=\"lumari-beard-heading\"\u003e\n\n    \u003cspan class=\"lumari-beard-heading-small\"\u003e\n      Designed for your routine\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Simple. Clean. Organised.\n    \u003c\/h2\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n\n  \u003cdiv class=\"lumari-beard-features\"\u003e\n\n\n    \u003cdiv class=\"lumari-beard-card\"\u003e\n\n      \u003cdiv class=\"lumari-beard-icon\"\u003e\n        🧔\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Keep Everything Together\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Keep your beard grooming essentials in one dedicated place\n        instead of scattered around your bathroom.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-beard-card\"\u003e\n\n      \u003cdiv class=\"lumari-beard-icon\"\u003e\n        ✨\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        A Cleaner Space\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Create a more organised grooming area by giving your\n        everyday tools their own convenient home.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-beard-card\"\u003e\n\n      \u003cdiv class=\"lumari-beard-icon\"\u003e\n        🧳\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Ready for Travel\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Pack your grooming essentials together and take your\n        routine with you wherever you go.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-beard-card\"\u003e\n\n      \u003cdiv class=\"lumari-beard-icon\"\u003e\n        🖤\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Simple \u0026amp; Stylish\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        A sleek, understated design that fits naturally into\n        your everyday grooming routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n\n  \u003cdiv class=\"lumari-beard-how\"\u003e\n\n    \u003cdiv class=\"lumari-beard-how-box\"\u003e\n\n      \u003cdiv class=\"lumari-beard-how-label\"\u003e\n        HOW IT WORKS\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        One Bag.\u003cbr\u003e\n        \u003cspan\u003eEverything You Need.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Place your beard grooming essentials inside, such as your trimmer,\n        razor, comb, brush, scissors, or other accessories. Zip the bag\n        closed, store it in your bathroom or drawer, or take it with you\n        when travelling. Everything stays together and ready whenever\n        you need it.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"lumari-beard-tools\"\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eTrimmer\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eRazor\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eComb\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eBrush\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eScissors\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eAccessories\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- QUOTE --\u003e\n\n  \u003cdiv class=\"lumari-beard-quote\"\u003e\n\n    \u003cdiv class=\"lumari-beard-quote-mark\"\u003e\n      “\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Grooming feels better when\n      \u003cspan\u003eeverything has its place.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      LUMARI™ • EVERYDAY GROOMING ESSENTIALS\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DISCLAIMER --\u003e\n\n  \u003cdiv class=\"lumari-beard-disclaimer\"\u003e\n\n    \u003cp\u003e\n      Bag only. Grooming tools shown for illustration purposes.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45711295119429,"sku":null,"price":149.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/lumari-beard-things-hero-20260908.png?v=1788869521","url":"https:\/\/lumari.co.za\/products\/lumari%e2%84%a2-beard-tool-bag","provider":"Lumari","version":"1.0","type":"link"}