{"title":"Best Sellers","description":null,"products":[{"product_id":"lumari™-orbit-organizer","title":"Lumari™ Orbit Organizer","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300\u0026family=Montserrat:wght@300;400;500\u0026display=swap');\n\n  .orbit-wrap {\n    font-family: 'Montserrat', sans-serif;\n    color: #1a1a1a;\n    background: #fff;\n    max-width: 720px;\n    margin: 0 auto;\n    padding: 0;\n    overflow: hidden;\n  }\n\n  \/* ── Hero ── *\/\n  .orbit-hero {\n    position: relative;\n    background: linear-gradient(135deg, #0d0d0d 0%, #1c1c1c 60%, #2a2a2a 100%);\n    padding: 64px 40px 56px;\n    text-align: center;\n    overflow: hidden;\n  }\n  .orbit-hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at 50% 0%, rgba(212,175,55,0.18) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .orbit-hero-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #d4af37;\n    margin: 0 0 20px;\n    opacity: 0;\n    transform: translateY(12px);\n    animation: fadeUp 0.7s ease forwards 0.2s;\n  }\n  .orbit-hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(32px, 6vw, 52px);\n    font-weight: 300;\n    color: #fff;\n    line-height: 1.1;\n    margin: 0 0 8px;\n    opacity: 0;\n    transform: translateY(16px);\n    animation: fadeUp 0.8s ease forwards 0.4s;\n  }\n  .orbit-hero-title em {\n    font-style: italic;\n    color: #d4af37;\n  }\n  .orbit-hero-rule {\n    width: 48px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #d4af37, transparent);\n    margin: 24px auto;\n    opacity: 0;\n    animation: fadeIn 1s ease forwards 0.8s;\n  }\n  .orbit-hero-tagline {\n    font-size: 12px;\n    font-weight: 300;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.5);\n    margin: 0;\n    opacity: 0;\n    animation: fadeIn 1s ease forwards 1s;\n  }\n\n  \/* ── Orbit icon animation ── *\/\n  .orbit-icon-wrap {\n    position: relative;\n    width: 90px;\n    height: 90px;\n    margin: 0 auto 32px;\n    opacity: 0;\n    animation: fadeIn 0.8s ease forwards 0.3s;\n  }\n  .orbit-ring {\n    position: absolute;\n    inset: 0;\n    border-radius: 50%;\n    border: 1px solid rgba(212,175,55,0.3);\n    animation: spinRing 8s linear infinite;\n  }\n  .orbit-ring:nth-child(2) {\n    inset: 10px;\n    border-color: rgba(212,175,55,0.5);\n    animation-duration: 5s;\n    animation-direction: reverse;\n  }\n  .orbit-ring:nth-child(3) {\n    inset: 22px;\n    border-color: rgba(212,175,55,0.8);\n    animation-duration: 3s;\n  }\n  .orbit-dot {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 8px;\n    height: 8px;\n    background: #d4af37;\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    box-shadow: 0 0 12px rgba(212,175,55,0.6);\n  }\n\n  \/* ── Intro copy ── *\/\n  .orbit-intro {\n    padding: 48px 40px 0;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: fadeUp 0.8s ease forwards 1.1s;\n  }\n  .orbit-intro p {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 19px;\n    font-weight: 300;\n    line-height: 1.75;\n    color: #2c2c2c;\n    margin: 0;\n  }\n\n  \/* ── Features ── *\/\n  .orbit-features {\n    padding: 48px 40px 0;\n  }\n  .orbit-features-label {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #d4af37;\n    margin: 0 0 28px;\n    opacity: 0;\n    animation: fadeIn 0.8s ease forwards 1.3s;\n  }\n  .orbit-feature {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 20px 0;\n    border-bottom: 1px solid #f0f0f0;\n    opacity: 0;\n    transform: translateX(-16px);\n  }\n  .orbit-feature:last-child { border-bottom: none; }\n  .orbit-feature:nth-child(1) { animation: slideIn 0.6s ease forwards 1.4s; }\n  .orbit-feature:nth-child(2) { animation: slideIn 0.6s ease forwards 1.55s; }\n  .orbit-feature:nth-child(3) { animation: slideIn 0.6s ease forwards 1.7s; }\n  .orbit-feature:nth-child(4) { animation: slideIn 0.6s ease forwards 1.85s; }\n  .orbit-feature:nth-child(5) { animation: slideIn 0.6s ease forwards 2.0s; }\n  .orbit-feature:nth-child(6) { animation: slideIn 0.6s ease forwards 2.15s; }\n\n  .orbit-feature-icon {\n    flex-shrink: 0;\n    width: 36px;\n    height: 36px;\n    border: 1px solid #d4af37;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 15px;\n    margin-top: 2px;\n  }\n  .orbit-feature-title {\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    margin: 0 0 4px;\n  }\n  .orbit-feature-desc {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 16px;\n    font-weight: 300;\n    color: #555;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* ── Specs strip (mobile-friendly) ── *\/\n  .orbit-specs {\n    margin: 48px 40px 0;\n    background: linear-gradient(135deg, #0d0d0d, #1c1c1c);\n    border-radius: 4px;\n    padding: 32px 36px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-around;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 2.3s;\n  }\n  .orbit-spec {\n    text-align: center;\n    flex: 1 1 40%;\n    padding: 16px 8px;\n  }\n  .orbit-spec-value {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 28px;\n    font-weight: 300;\n    color: #d4af37;\n    line-height: 1;\n    margin: 0 0 6px;\n  }\n  .orbit-spec-label {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.45);\n    margin: 0;\n  }\n\n  \/* ── Closing ── *\/\n  .orbit-closing {\n    padding: 48px 40px 56px;\n    text-align: center;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 2.5s;\n  }\n  .orbit-closing-rule {\n    width: 48px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #d4af37, transparent);\n    margin: 0 auto 28px;\n  }\n  .orbit-closing p {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 20px;\n    font-style: italic;\n    font-weight: 300;\n    color: #2c2c2c;\n    line-height: 1.6;\n    margin: 0 0 8px;\n  }\n  .orbit-closing-sub {\n    font-size: 10px !important;\n    font-style: normal !important;\n    font-family: 'Montserrat', sans-serif !important;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #aaa !important;\n  }\n\n  \/* ── Mobile ── *\/\n  @media (max-width: 600px) {\n    .orbit-hero { padding: 48px 24px 40px; }\n    .orbit-intro { padding: 36px 24px 0; }\n    .orbit-features { padding: 36px 24px 0; }\n    .orbit-specs { margin: 36px 16px 0; padding: 24px 16px; }\n    .orbit-spec { flex: 1 1 45%; }\n    .orbit-closing { padding: 36px 24px 48px; }\n  }\n\n  \/* ── Keyframes ── *\/\n  @keyframes fadeUp {\n    to { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n  @keyframes slideIn {\n    to { opacity: 1; transform: translateX(0); }\n  }\n  @keyframes spinRing {\n    from { transform: rotate(0deg); }\n    to   { transform: rotate(360deg); }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"orbit-wrap\"\u003e\n\n  \u003c!-- Hero --\u003e\n  \u003cdiv class=\"orbit-hero\"\u003e\n    \u003cdiv class=\"orbit-icon-wrap\"\u003e\n      \u003cdiv class=\"orbit-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"orbit-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"orbit-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"orbit-dot\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"orbit-hero-eyebrow\"\u003eLumari™ Collection\u003c\/p\u003e\n    \u003ch2 class=\"orbit-hero-title\"\u003eOrbit \u003cem\u003eOrganiser\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"orbit-hero-rule\"\u003e\u003c\/div\u003e\n    \u003cp class=\"orbit-hero-tagline\"\u003eYour space, elevated\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Intro --\u003e\n  \u003cdiv class=\"orbit-intro\"\u003e\n    \u003cp\u003eChaos on your vanity is a thing of the past. The Lumari™ Orbit Organiser is designed for those who believe that how you store your treasures is just as important as the treasures themselves. Four independently rotating tiers fan open at your touch — giving you instant, effortless access to your jewellery, watches, fragrances, and everyday essentials.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Features --\u003e\n  \u003cdiv class=\"orbit-features\"\u003e\n    \u003cp class=\"orbit-features-label\"\u003eWhat you'll love\u003c\/p\u003e\n\n    \u003cdiv class=\"orbit-feature\"\u003e\n      \u003cdiv class=\"orbit-feature-icon\"\u003e↻\u003c\/div\u003e\n      \u003cdiv class=\"orbit-feature-body\"\u003e\n        \u003cp class=\"orbit-feature-title\"\u003eInstant Access\u003c\/p\u003e\n        \u003cp class=\"orbit-feature-desc\"\u003eRotate any tier independently to find what you need in seconds — no more searching, no more frustration.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"orbit-feature\"\u003e\n      \u003cdiv class=\"orbit-feature-icon\"\u003e◇\u003c\/div\u003e\n      \u003cdiv class=\"orbit-feature-body\"\u003e\n        \u003cp class=\"orbit-feature-title\"\u003eTangle-Free Storage\u003c\/p\u003e\n        \u003cp class=\"orbit-feature-desc\"\u003eDedicated open trays keep jewellery separated and scratch-free, so every piece stays exactly as you left it.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"orbit-feature\"\u003e\n      \u003cdiv class=\"orbit-feature-icon\"\u003e▽\u003c\/div\u003e\n      \u003cdiv class=\"orbit-feature-body\"\u003e\n        \u003cp class=\"orbit-feature-title\"\u003eFelt-Lined Base\u003c\/p\u003e\n        \u003cp class=\"orbit-feature-desc\"\u003eA soft felt interior protects your most delicate pieces from damage — because fine things deserve fine care.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"orbit-feature\"\u003e\n      \u003cdiv class=\"orbit-feature-icon\"\u003e○\u003c\/div\u003e\n      \u003cdiv class=\"orbit-feature-body\"\u003e\n        \u003cp class=\"orbit-feature-title\"\u003eDust-Protective Cover\u003c\/p\u003e\n        \u003cp class=\"orbit-feature-desc\"\u003eKeeps your collection pristine between uses, so it's always ready when you are.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"orbit-feature\"\u003e\n      \u003cdiv class=\"orbit-feature-icon\"\u003e⬡\u003c\/div\u003e\n      \u003cdiv class=\"orbit-feature-body\"\u003e\n        \u003cp class=\"orbit-feature-title\"\u003eNon-Slip Silicone Feet\u003c\/p\u003e\n        \u003cp class=\"orbit-feature-desc\"\u003eStays firmly in place on any surface — vanity, bedside table, or bathroom shelf.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"orbit-feature\"\u003e\n      \u003cdiv class=\"orbit-feature-icon\"\u003e□\u003c\/div\u003e\n      \u003cdiv class=\"orbit-feature-body\"\u003e\n        \u003cp class=\"orbit-feature-title\"\u003eCompact Footprint\u003c\/p\u003e\n        \u003cp class=\"orbit-feature-desc\"\u003eAt just 10 cm × 10 cm, it fits neatly wherever you need it without crowding your space.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Specs --\u003e\n  \u003cdiv class=\"orbit-specs\"\u003e\n    \u003cdiv class=\"orbit-spec\"\u003e\n      \u003cp class=\"orbit-spec-value\"\u003e4\u003c\/p\u003e\n      \u003cp class=\"orbit-spec-label\"\u003eRotating Tiers\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"orbit-spec\"\u003e\n      \u003cp class=\"orbit-spec-value\"\u003e10cm\u003c\/p\u003e\n      \u003cp class=\"orbit-spec-label\"\u003eFootprint\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"orbit-spec\"\u003e\n      \u003cp class=\"orbit-spec-value\"\u003e360°\u003c\/p\u003e\n      \u003cp class=\"orbit-spec-label\"\u003eAccess\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"orbit-spec\"\u003e\n      \u003cp class=\"orbit-spec-value\"\u003e1\u003c\/p\u003e\n      \u003cp class=\"orbit-spec-label\"\u003eColour: White\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Closing --\u003e\n  \u003cdiv class=\"orbit-closing\"\u003e\n    \u003cdiv class=\"orbit-closing-rule\"\u003e\u003c\/div\u003e\n    \u003cp\u003eOrganise beautifully. Live effortlessly.\u003c\/p\u003e\n    \u003cp class=\"orbit-closing-sub\"\u003eLumari™ — Premium Accessories\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45427751190597,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/lumari-4-tier-organiser-flat-lay.png?v=1785396481"},{"product_id":"lumari™-beard-ritual-kit","title":"Lumari™ Beard Ritual Kit","description":"\u003cstyle\u003e\n  .lr-ritual * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .lr-ritual {\n    background: #000;\n    color: #fff;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    padding: 60px 20px;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  \/* SHIMMER HEADING *\/\n  .lr-shimmer {\n    background: linear-gradient(90deg, #C9A84C 0%, #fff8e7 40%, #C9A84C 60%, #a07830 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: lr-shimmer-anim 3s linear infinite;\n  }\n  @keyframes lr-shimmer-anim {\n    0% { background-position: 0% center; }\n    100% { background-position: 200% center; }\n  }\n\n  \/* CSS ENTRANCE ANIMATIONS *\/\n  .lr-fade-up {\n    animation: lrFadeUp 0.9s ease both;\n  }\n  .lr-fade-left {\n    animation: lrFadeLeft 0.9s ease both;\n  }\n  .lr-fade-in {\n    animation: lrFadeIn 1.2s ease both;\n  }\n  @keyframes lrFadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes lrFadeLeft {\n    from { opacity: 0; transform: translateX(-30px); }\n    to   { opacity: 1; transform: translateX(0); }\n  }\n  @keyframes lrFadeIn {\n    from { opacity: 0; }\n    to   { opacity: 1; }\n  }\n\n  \/* STAGGER DELAYS *\/\n  .lr-d1 { animation-delay: 0.1s; }\n  .lr-d2 { animation-delay: 0.25s; }\n  .lr-d3 { animation-delay: 0.4s; }\n  .lr-d4 { animation-delay: 0.55s; }\n  .lr-d5 { animation-delay: 0.7s; }\n  .lr-d6 { animation-delay: 0.85s; }\n\n  \/* HERO *\/\n  .lr-hero h1 {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: clamp(28px, 5vw, 52px);\n    font-weight: 700;\n    line-height: 1.15;\n    margin-bottom: 24px;\n    letter-spacing: -0.5px;\n  }\n  .lr-hero p {\n    font-size: clamp(15px, 2vw, 18px);\n    line-height: 1.8;\n    color: #ccc;\n    max-width: 720px;\n  }\n\n  \/* DIVIDER *\/\n  .lr-divider {\n    width: 60px;\n    height: 2px;\n    background: #C9A84C;\n    margin: 48px 0;\n  }\n\n  \/* SECTION TITLE *\/\n  .lr-section-title {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: clamp(18px, 3vw, 26px);\n    color: #C9A84C;\n    margin-bottom: 28px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  \/* BENEFITS *\/\n  .lr-benefits { display: flex; flex-direction: column; gap: 16px; }\n  .lr-benefit {\n    border-left: 3px solid #C9A84C;\n    padding: 16px 20px;\n    background: #0d0d0d;\n    border-radius: 0 8px 8px 0;\n    transition: box-shadow 0.3s ease, border-color 0.3s ease;\n  }\n  .lr-benefit:hover {\n    box-shadow: 0 0 20px rgba(201,168,76,0.25);\n    border-color: #f0c040;\n  }\n  .lr-benefit strong {\n    display: block;\n    color: #C9A84C;\n    font-size: 15px;\n    margin-bottom: 6px;\n  }\n  .lr-benefit span {\n    color: #bbb;\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  \/* TIMELINE *\/\n  .lr-timeline { display: flex; flex-direction: column; position: relative; }\n  .lr-timeline::before {\n    content: '';\n    position: absolute;\n    left: 24px;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: linear-gradient(to bottom, #C9A84C, transparent);\n  }\n  .lr-step {\n    display: flex;\n    gap: 24px;\n    align-items: flex-start;\n    padding-bottom: 32px;\n  }\n  .lr-step-num {\n    width: 50px;\n    height: 50px;\n    min-width: 50px;\n    border-radius: 50%;\n    background: #000;\n    border: 2px solid #C9A84C;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: Georgia, serif;\n    font-size: 18px;\n    color: #C9A84C;\n    font-weight: 700;\n    position: relative;\n    z-index: 1;\n    transition: background 0.3s, box-shadow 0.3s, color 0.3s;\n  }\n  .lr-step:hover .lr-step-num {\n    background: #C9A84C;\n    color: #000;\n    box-shadow: 0 0 20px rgba(201,168,76,0.5);\n  }\n  .lr-step-content {\n    background: #0d0d0d;\n    border: 1px solid #1a1a1a;\n    border-radius: 8px;\n    padding: 18px 22px;\n    flex: 1;\n    transition: border-color 0.3s, box-shadow 0.3s;\n  }\n  .lr-step:hover .lr-step-content {\n    border-color: #C9A84C;\n    box-shadow: 0 0 16px rgba(201,168,76,0.15);\n  }\n  .lr-step-content strong {\n    display: block;\n    color: #fff;\n    font-size: 15px;\n    margin-bottom: 8px;\n    font-family: Georgia, serif;\n    letter-spacing: 0.5px;\n  }\n  .lr-step-content p {\n    color: #aaa;\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  \/* WHAT'S INSIDE *\/\n  .lr-inside-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 14px;\n  }\n  .lr-inside-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    background: #0d0d0d;\n    border: 1px solid #1a1a1a;\n    border-radius: 8px;\n    padding: 16px 18px;\n    transition: border-color 0.3s, box-shadow 0.3s;\n  }\n  .lr-inside-item:hover {\n    border-color: #C9A84C;\n    box-shadow: 0 0 14px rgba(201,168,76,0.15);\n  }\n  .lr-inside-icon {\n    width: 10px;\n    height: 10px;\n    min-width: 10px;\n    border-radius: 50%;\n    background: #C9A84C;\n    margin-top: 5px;\n  }\n  .lr-inside-item div strong {\n    display: block;\n    color: #fff;\n    font-size: 14px;\n    margin-bottom: 4px;\n  }\n  .lr-inside-item div span {\n    color: #888;\n    font-size: 13px;\n  }\n\n  \/* TAGLINE *\/\n  .lr-tagline {\n    text-align: center;\n    font-family: Georgia, 'Times New Roman', serif;\n    font-style: italic;\n    font-size: clamp(16px, 2.5vw, 22px);\n    color: #C9A84C;\n    margin-top: 16px;\n    line-height: 1.8;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"lr-ritual\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lr-hero lr-fade-up lr-d1\"\u003e\n    \u003ch1 class=\"lr-shimmer\"\u003eThe Ritual Your Beard Deserves\u003c\/h1\u003e\n    \u003cp\u003eMost men wash their face. Few truly care for their beard. The \u003cstrong\u003eLumari™ Beard Ritual Kit\u003c\/strong\u003e changes that — giving you a complete, effortless grooming system that transforms a rough, dry, unruly beard into something you're proud to wear every day.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lr-divider lr-fade-in lr-d2\"\u003e\u003c\/div\u003e\n\n  \u003c!-- BENEFITS --\u003e\n  \u003cp class=\"lr-section-title lr-fade-up lr-d2\"\u003eWhat You'll Experience\u003c\/p\u003e\n  \u003cdiv class=\"lr-benefits\"\u003e\n    \u003cdiv class=\"lr-benefit lr-fade-up lr-d1\"\u003e\n      \u003cstrong\u003eSofter, smoother beard\u003c\/strong\u003e\n      \u003cspan\u003eFrom day one, your beard feels conditioned and manageable, not coarse or scratchy.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-benefit lr-fade-up lr-d2\"\u003e\n      \u003cstrong\u003eZero itch, zero irritation\u003c\/strong\u003e\n      \u003cspan\u003eOur Beard Wash deeply cleanses without stripping natural oils, eliminating the itch that drives most men mad.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-benefit lr-fade-up lr-d3\"\u003e\n      \u003cstrong\u003eDefined shape that holds\u003c\/strong\u003e\n      \u003cspan\u003eThe Beard Balm gives you control and structure without stiffness, so your beard looks intentional, not wild.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-benefit lr-fade-up lr-d4\"\u003e\n      \u003cstrong\u003eHealthy growth from the root\u003c\/strong\u003e\n      \u003cspan\u003eBeard Oil nourishes the skin beneath, reducing flaking and promoting stronger, fuller growth over time.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-benefit lr-fade-up lr-d5\"\u003e\n      \u003cstrong\u003eA complete ritual in one box\u003c\/strong\u003e\n      \u003cspan\u003eNo guesswork, no mismatched products. Everything works together, in the right order, for the best result.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lr-divider lr-fade-in lr-d1\"\u003e\u003c\/div\u003e\n\n  \u003c!-- TIMELINE --\u003e\n  \u003cp class=\"lr-section-title lr-fade-up lr-d1\"\u003eHow The Ritual Works\u003c\/p\u003e\n  \u003cdiv class=\"lr-timeline\"\u003e\n    \u003cdiv class=\"lr-step lr-fade-left lr-d1\"\u003e\n      \u003cdiv class=\"lr-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"lr-step-content\"\u003e\n        \u003cstrong\u003eCleanse\u003c\/strong\u003e\n        \u003cp\u003eUse the Beard Wash in the shower to deep-clean your beard and the skin beneath. Removes buildup, softens coarse hair, and preps your beard for treatment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-step lr-fade-left lr-d2\"\u003e\n      \u003cdiv class=\"lr-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"lr-step-content\"\u003e\n        \u003cstrong\u003eNourish\u003c\/strong\u003e\n        \u003cp\u003eWhile your beard is still slightly damp, apply a few drops of Beard Oil and work it through from root to tip. Locks in moisture, reduces frizz, and feeds the follicle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-step lr-fade-left lr-d3\"\u003e\n      \u003cdiv class=\"lr-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"lr-step-content\"\u003e\n        \u003cstrong\u003eShape\u003c\/strong\u003e\n        \u003cp\u003eFinish with a small amount of Beard Balm to define your style and tame flyaways. Provides a light, natural hold that lasts all day.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-step lr-fade-left lr-d4\"\u003e\n      \u003cdiv class=\"lr-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"lr-step-content\"\u003e\n        \u003cstrong\u003eGroom\u003c\/strong\u003e\n        \u003cp\u003eUse the Boar Bristle Brush to distribute product evenly. Follow with the Wooden Comb for precision styling. Use the Scissors for clean edge maintenance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lr-divider lr-fade-in lr-d1\"\u003e\u003c\/div\u003e\n\n  \u003c!-- WHAT'S INSIDE --\u003e\n  \u003cp class=\"lr-section-title lr-fade-up lr-d1\"\u003eWhat's Inside\u003c\/p\u003e\n  \u003cdiv class=\"lr-inside-grid\"\u003e\n    \u003cdiv class=\"lr-inside-item lr-fade-up lr-d1\"\u003e\n      \u003cdiv class=\"lr-inside-icon\"\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cstrong\u003eBeard Wash (60ml)\u003c\/strong\u003e\u003cspan\u003eDeep Cleaning, Natural \u0026amp; Fresh\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-inside-item lr-fade-up lr-d2\"\u003e\n      \u003cdiv class=\"lr-inside-icon\"\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cstrong\u003eBeard Oil (30ml)\u003c\/strong\u003e\u003cspan\u003eSoft \u0026amp; Smoothing, Moisturizing\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-inside-item lr-fade-up lr-d3\"\u003e\n      \u003cdiv class=\"lr-inside-icon\"\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cstrong\u003eBeard Balm (50g)\u003c\/strong\u003e\u003cspan\u003eEasy to Shape, Moisturizes \u0026amp; Conditions\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-inside-item lr-fade-up lr-d4\"\u003e\n      \u003cdiv class=\"lr-inside-icon\"\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cstrong\u003eBoar Bristle Brush\u003c\/strong\u003e\u003cspan\u003eFor even distribution and training\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-inside-item lr-fade-up lr-d5\"\u003e\n      \u003cdiv class=\"lr-inside-icon\"\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cstrong\u003eWooden Comb\u003c\/strong\u003e\u003cspan\u003eFor precision styling\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-inside-item lr-fade-up lr-d6\"\u003e\n      \u003cdiv class=\"lr-inside-icon\"\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cstrong\u003eGrooming Scissors\u003c\/strong\u003e\u003cspan\u003eFor clean edge maintenance\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lr-divider lr-fade-in lr-d2\"\u003e\u003c\/div\u003e\n\n  \u003c!-- TAGLINE --\u003e\n  \u003cp class=\"lr-tagline lr-fade-in lr-d3\"\u003e\n    The Lumari™ Beard Ritual Kit.\u003cbr\u003eBecause a great beard isn't grown — it's maintained.\n  \u003c\/p\u003e\n\n\u003c\/div\u003e\n","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45428483588165,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/lumari-beard-kit-studio-shot.png?v=1785402888"},{"product_id":"lumari™-lashlift-pro","title":"Lumari™ LashLift Pro","description":"\u003cdiv style=\"font-family:Georgia,serif;background:#0a0a0a;color:#f5f0e8;padding:48px 20px;max-width:720px;margin:0 auto;\"\u003e\n\n  \u003c!-- EYEBROW --\u003e\n  \u003cp style=\"font-family:Arial,sans-serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#c9a84c;text-align:center;margin:0 0 14px;\"\u003eLumari™ Beauty Tools\u003c\/p\u003e\n\n  \u003c!-- HEADLINE --\u003e\n  \u003ch2 style=\"font-size:clamp(26px,6vw,42px);font-weight:400;line-height:1.25;color:#ffffff;text-align:center;margin:0 0 20px;\"\u003eWake Up to Lashes That \u003cspan style=\"color:#c9a84c;\"\u003eTurn Heads\u003c\/span\u003e\n\u003c\/h2\u003e\n\n  \u003c!-- DIVIDER --\u003e\n  \u003cdiv style=\"width:48px;height:2px;background:linear-gradient(90deg,transparent,#c9a84c,transparent);margin:0 auto 24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003cp style=\"font-size:15px;line-height:1.85;color:#b8b0a0;text-align:center;max-width:560px;margin:0 auto 48px;\"\u003eFlat, straight lashes are a thing of the past. The Lumari™ LashLift Pro gives you a wide-eyed, lifted curl that lasts all day — no salon appointment, no lash extensions, no mascara struggle. Just beautifully curled lashes in seconds, every single morning.\u003c\/p\u003e\n\n  \u003c!-- GOLD BAR --\u003e\n  \u003cdiv style=\"height:1px;background:linear-gradient(90deg,transparent,#c9a84c55,transparent);margin:0 auto 48px;max-width:400px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- BENEFITS LABEL --\u003e\n  \u003cp style=\"font-family:Arial,sans-serif;font-size:10px;letter-spacing:5px;text-transform:uppercase;color:#c9a84c;text-align:center;margin:0 0 28px;\"\u003eWhat You'll Notice Immediately\u003c\/p\u003e\n\n  \u003c!-- BENEFIT 1 --\u003e\n  \u003cdiv style=\"background:#111111;border:1px solid #1e1e1e;border-radius:12px;padding:20px 18px;display:flex;align-items:flex-start;gap:14px;margin-bottom:12px;\"\u003e\n    \u003cspan style=\"font-size:22px;flex-shrink:0;\"\u003e✨\u003c\/span\u003e\n    \u003cdiv\u003e\n      \u003cstrong style=\"display:block;font-family:Arial,sans-serif;font-size:14px;color:#ffffff;font-weight:600;margin-bottom:4px;\"\u003eInstant, Long-Lasting Curl\u003c\/strong\u003e\n      \u003cspan style=\"font-size:13px;color:#7a7060;line-height:1.6;\"\u003eYour lashes stay lifted from morning to night.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BENEFIT 2 --\u003e\n  \u003cdiv style=\"background:#111111;border:1px solid #1e1e1e;border-radius:12px;padding:20px 18px;display:flex;align-items:flex-start;gap:14px;margin-bottom:12px;\"\u003e\n    \u003cspan style=\"font-size:22px;flex-shrink:0;\"\u003e👁️\u003c\/span\u003e\n    \u003cdiv\u003e\n      \u003cstrong style=\"display:block;font-family:Arial,sans-serif;font-size:14px;color:#ffffff;font-weight:600;margin-bottom:4px;\"\u003eEyes Look Bigger \u0026amp; More Awake\u003c\/strong\u003e\n      \u003cspan style=\"font-size:13px;color:#7a7060;line-height:1.6;\"\u003eWithout a single drop of mascara.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BENEFIT 3 --\u003e\n  \u003cdiv style=\"background:#111111;border:1px solid #1e1e1e;border-radius:12px;padding:20px 18px;display:flex;align-items:flex-start;gap:14px;margin-bottom:12px;\"\u003e\n    \u003cspan style=\"font-size:22px;flex-shrink:0;\"\u003e💛\u003c\/span\u003e\n    \u003cdiv\u003e\n      \u003cstrong style=\"display:block;font-family:Arial,sans-serif;font-size:14px;color:#ffffff;font-weight:600;margin-bottom:4px;\"\u003eZero Pinching, Zero Pulling\u003c\/strong\u003e\n      \u003cspan style=\"font-size:13px;color:#7a7060;line-height:1.6;\"\u003eThe gentle heated silicone pad wraps your lashes safely.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BENEFIT 4 --\u003e\n  \u003cdiv style=\"background:#111111;border:1px solid #1e1e1e;border-radius:12px;padding:20px 18px;display:flex;align-items:flex-start;gap:14px;margin-bottom:12px;\"\u003e\n    \u003cspan style=\"font-size:22px;flex-shrink:0;\"\u003e⚡\u003c\/span\u003e\n    \u003cdiv\u003e\n      \u003cstrong style=\"display:block;font-family:Arial,sans-serif;font-size:14px;color:#ffffff;font-weight:600;margin-bottom:4px;\"\u003eReady in 10 Seconds\u003c\/strong\u003e\n      \u003cspan style=\"font-size:13px;color:#7a7060;line-height:1.6;\"\u003eHeats up fast so you're never late.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BENEFIT 5 --\u003e\n  \u003cdiv style=\"background:#111111;border:1px solid #1e1e1e;border-radius:12px;padding:20px 18px;display:flex;align-items:flex-start;gap:14px;margin-bottom:48px;\"\u003e\n    \u003cspan style=\"font-size:22px;flex-shrink:0;\"\u003e🔋\u003c\/span\u003e\n    \u003cdiv\u003e\n      \u003cstrong style=\"display:block;font-family:Arial,sans-serif;font-size:14px;color:#ffffff;font-weight:600;margin-bottom:4px;\"\u003eUSB Rechargeable\u003c\/strong\u003e\n      \u003cspan style=\"font-size:13px;color:#7a7060;line-height:1.6;\"\u003eCharge once, curl all week.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- GOLD BAR --\u003e\n  \u003cdiv style=\"height:1px;background:linear-gradient(90deg,transparent,#c9a84c55,transparent);margin:0 auto 48px;max-width:400px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- HOW IT WORKS LABEL --\u003e\n  \u003cp style=\"font-family:Arial,sans-serif;font-size:10px;letter-spacing:5px;text-transform:uppercase;color:#c9a84c;text-align:center;margin:0 0 12px;\"\u003eHow It Works\u003c\/p\u003e\n  \u003ch3 style=\"font-size:20px;font-weight:400;color:#ffffff;text-align:center;margin:0 0 36px;\"\u003ePrecision Heat. Effortless Curl.\u003c\/h3\u003e\n\n  \u003c!-- STEP 1 --\u003e\n  \u003cdiv style=\"display:flex;align-items:flex-start;gap:18px;margin-bottom:28px;\"\u003e\n    \u003cdiv style=\"width:38px;height:38px;border-radius:50%;border:1px solid #c9a84c;color:#c9a84c;font-family:Arial,sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;\"\u003e1\u003c\/div\u003e\n    \u003cdiv style=\"padding-top:6px;\"\u003e\n      \u003cstrong style=\"display:block;font-family:Arial,sans-serif;font-size:14px;color:#c9a84c;font-weight:600;margin-bottom:4px;\"\u003ePower On\u003c\/strong\u003e\n      \u003cp style=\"font-size:14px;color:#7a7060;line-height:1.7;margin:0;\"\u003ePress the power button and wait for the indicator light. Your LashLift Pro is ready in under 10 seconds.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- STEP 2 --\u003e\n  \u003cdiv style=\"display:flex;align-items:flex-start;gap:18px;margin-bottom:28px;\"\u003e\n    \u003cdiv style=\"width:38px;height:38px;border-radius:50%;border:1px solid #c9a84c;color:#c9a84c;font-family:Arial,sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;\"\u003e2\u003c\/div\u003e\n    \u003cdiv style=\"padding-top:6px;\"\u003e\n      \u003cstrong style=\"display:block;font-family:Arial,sans-serif;font-size:14px;color:#c9a84c;font-weight:600;margin-bottom:4px;\"\u003ePosition \u0026amp; Hold\u003c\/strong\u003e\n      \u003cp style=\"font-size:14px;color:#7a7060;line-height:1.7;margin:0;\"\u003ePlace your upper lashes between the heated silicone pad and the comb. Hold for 8–10 seconds.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- STEP 3 --\u003e\n  \u003cdiv style=\"display:flex;align-items:flex-start;gap:18px;margin-bottom:48px;\"\u003e\n    \u003cdiv style=\"width:38px;height:38px;border-radius:50%;border:1px solid #c9a84c;color:#c9a84c;font-family:Arial,sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;\"\u003e3\u003c\/div\u003e\n    \u003cdiv style=\"padding-top:6px;\"\u003e\n      \u003cstrong style=\"display:block;font-family:Arial,sans-serif;font-size:14px;color:#c9a84c;font-weight:600;margin-bottom:4px;\"\u003eRelease \u0026amp; Repeat\u003c\/strong\u003e\n      \u003cp style=\"font-size:14px;color:#7a7060;line-height:1.7;margin:0;\"\u003eGently release and repeat along the lash line for a full, fanned-out curl. The ergonomic scissor-grip handle keeps you in complete control.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- GOLD BAR --\u003e\n  \u003cdiv style=\"height:1px;background:linear-gradient(90deg,transparent,#c9a84c55,transparent);margin:0 auto 48px;max-width:400px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- RITUAL BLOCK --\u003e\n  \u003cdiv style=\"background:linear-gradient(135deg,#111111 0%,#0f0d08 100%);border:1px solid #1e1e1e;border-radius:16px;padding:36px 24px;text-align:center;\"\u003e\n    \u003ch3 style=\"font-size:20px;font-weight:400;color:#ffffff;margin:0 0 16px;\"\u003eBuilt for Your Daily Ritual\u003c\/h3\u003e\n    \u003cp style=\"font-size:15px;color:#7a7060;line-height:1.8;margin:0 0 20px;\"\u003eCompact enough to slip into your makeup bag, powerful enough to replace your old mechanical curler for good. Designed for everyday use — whether you're getting ready for work, a night out, or simply want to feel polished in minutes.\u003c\/p\u003e\n    \u003cem style=\"display:block;font-size:14px;color:#c9a84c;font-style:italic;letter-spacing:0.5px;\"\u003eBecause great lashes shouldn't require a great effort.\u003c\/em\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Lumari","offers":[{"title":"Pink","offer_id":45469107519557,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":45469107552325,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/rn-image_picker_lib_temp_aed96e7b-3679-42a6-8c35-687614dab929.jpg?v=1789473602"},{"product_id":"lumari™-progroom-4-in-1-electric-shaver","title":"Lumari™ ProGroom 4-in-1 Electric Shaver","description":"\u003cstyle\u003e\n  .pg-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n  .pg-wrap {\n    font-family: 'Georgia', serif;\n    background: #0a0a0a;\n    color: #f0e6c8;\n    padding: 60px 24px;\n    max-width: 860px;\n    margin: 0 auto;\n  }\n\n  \/* HERO *\/\n  .pg-hero {\n    text-align: center;\n    padding: 60px 20px 50px;\n    border-bottom: 1px solid #c9a84c33;\n    animation: fadeUp 0.9s ease both;\n  }\n  .pg-hero .eyebrow {\n    font-family: 'Arial', sans-serif;\n    font-size: 11px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #c9a84c;\n    margin-bottom: 20px;\n  }\n  .pg-hero h1 {\n    font-size: clamp(26px, 5vw, 42px);\n    font-weight: 400;\n    line-height: 1.25;\n    color: #f5e6c0;\n    margin-bottom: 24px;\n  }\n  .pg-hero h1 em {\n    font-style: italic;\n    color: #c9a84c;\n  }\n  .pg-hero p {\n    font-family: 'Arial', sans-serif;\n    font-size: 15px;\n    line-height: 1.8;\n    color: #b0a080;\n    max-width: 620px;\n    margin: 0 auto 12px;\n  }\n\n  \/* DIVIDER *\/\n  .pg-divider {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin: 48px 0;\n    animation: fadeUp 1s ease both;\n  }\n  .pg-divider span { flex: 1; height: 1px; background: linear-gradient(to right, transparent, #c9a84c55, transparent); }\n  .pg-divider i { color: #c9a84c; font-size: 18px; font-style: normal; }\n\n  \/* KIT SECTION *\/\n  .pg-kit-title {\n    text-align: center;\n    font-size: 11px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #c9a84c;\n    font-family: 'Arial', sans-serif;\n    margin-bottom: 36px;\n    animation: fadeUp 1s ease both;\n  }\n  .pg-kit-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n    margin-bottom: 56px;\n  }\n  .pg-kit-card {\n    background: #111;\n    border: 1px solid #c9a84c22;\n    border-radius: 2px;\n    padding: 24px 20px;\n    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\n    animation: fadeUp 0.8s ease both;\n    cursor: default;\n  }\n  .pg-kit-card:hover {\n    border-color: #c9a84c;\n    transform: translateY(-4px);\n    box-shadow: 0 12px 32px #c9a84c18;\n  }\n  .pg-kit-card:nth-child(1) { animation-delay: 0.1s; }\n  .pg-kit-card:nth-child(2) { animation-delay: 0.2s; }\n  .pg-kit-card:nth-child(3) { animation-delay: 0.3s; }\n  .pg-kit-card:nth-child(4) { animation-delay: 0.4s; }\n  .pg-kit-card:nth-child(5) { animation-delay: 0.5s; }\n  .pg-kit-card:nth-child(6) { animation-delay: 0.6s; }\n  .pg-kit-card:nth-child(7) { animation-delay: 0.7s; }\n  .pg-kit-card:nth-child(8) { animation-delay: 0.8s; }\n  .pg-kit-card .num {\n    font-size: 11px;\n    letter-spacing: 3px;\n    color: #c9a84c88;\n    font-family: 'Arial', sans-serif;\n    margin-bottom: 10px;\n  }\n  .pg-kit-card h3 {\n    font-size: 15px;\n    font-weight: 400;\n    color: #f0e6c8;\n    margin-bottom: 8px;\n  }\n  .pg-kit-card p {\n    font-family: 'Arial', sans-serif;\n    font-size: 13px;\n    color: #7a6e58;\n    line-height: 1.6;\n  }\n\n  \/* RESULTS *\/\n  .pg-results {\n    background: #0d0d0d;\n    border: 1px solid #c9a84c22;\n    border-radius: 2px;\n    padding: 48px 36px;\n    margin-bottom: 56px;\n    animation: fadeUp 1s ease both;\n    animation-delay: 0.3s;\n  }\n  .pg-results-title {\n    font-size: 11px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #c9a84c;\n    font-family: 'Arial', sans-serif;\n    margin-bottom: 32px;\n    text-align: center;\n  }\n  .pg-result-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding: 16px 0;\n    border-bottom: 1px solid #c9a84c11;\n    transition: padding-left 0.3s ease;\n  }\n  .pg-result-item:last-child { border-bottom: none; }\n  .pg-result-item:hover { padding-left: 8px; }\n  .pg-result-item .check {\n    color: #c9a84c;\n    font-size: 16px;\n    margin-top: 2px;\n    flex-shrink: 0;\n  }\n  .pg-result-item p {\n    font-family: 'Arial', sans-serif;\n    font-size: 14px;\n    color: #b0a080;\n    line-height: 1.6;\n  }\n  .pg-result-item p strong { color: #f0e6c8; font-weight: 400; }\n\n  \/* FOOTER STAMP *\/\n  .pg-stamp {\n    text-align: center;\n    padding: 40px 20px 0;\n    animation: fadeUp 1s ease both;\n    animation-delay: 0.5s;\n  }\n  .pg-stamp .logo-text {\n    font-size: clamp(28px, 6vw, 48px);\n    letter-spacing: 8px;\n    color: #c9a84c;\n    font-weight: 400;\n    margin-bottom: 12px;\n  }\n  .pg-stamp .tagline {\n    font-family: 'Arial', sans-serif;\n    font-size: 11px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #5a5040;\n  }\n\n  \/* ANIMATIONS *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"pg-wrap\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pg-hero\"\u003e\n    \u003cdiv class=\"eyebrow\"\u003eLumari™ ProGroom · 8-Piece Grooming System\u003c\/div\u003e\n    \u003ch1\u003eLook sharp. Feel confident.\u003cbr\u003e\u003cem\u003eGroom like a pro\u003c\/em\u003e — every single day.\u003c\/h1\u003e\n    \u003cp\u003eEngineered for the modern man who refuses to compromise on his appearance. Whether you're sculpting a clean edge, trimming your beard, or maintaining a polished look between barber visits — the ProGroom delivers a precise, comfortable result with zero effort.\u003c\/p\u003e\n    \u003cp\u003eForget the clutter of multiple tools. Four professional-grade functions. One sleek device. A complete grooming routine in minutes — not hours.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pg-divider\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003ci\u003e✦\u003c\/i\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\n  \u003c!-- KIT --\u003e\n  \u003cdiv class=\"pg-kit-title\"\u003eWhat's Inside Your 8-Piece Grooming Kit\u003c\/div\u003e\n  \u003cdiv class=\"pg-kit-grid\"\u003e\n\n    \u003cdiv class=\"pg-kit-card\"\u003e\n      \u003cdiv class=\"num\"\u003e01\u003c\/div\u003e\n      \u003ch3\u003e4-in-1 Electric Shaver\u003c\/h3\u003e\n      \u003cp\u003eThe centrepiece. Shave, trim, edge, and detail with one powerful device.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pg-kit-card\"\u003e\n      \u003cdiv class=\"num\"\u003e02\u003c\/div\u003e\n      \u003ch3\u003ePrecision Trimmer Head\u003c\/h3\u003e\n      \u003cp\u003eSharp beard lines, moustache shaping, and close detailing — effortlessly.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pg-kit-card\"\u003e\n      \u003cdiv class=\"num\"\u003e03\u003c\/div\u003e\n      \u003ch3\u003eBody Grooming Attachment\u003c\/h3\u003e\n      \u003cp\u003eSkin-safe guard for a smooth, irritation-free finish on sensitive areas.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pg-kit-card\"\u003e\n      \u003cdiv class=\"num\"\u003e04\u003c\/div\u003e\n      \u003ch3\u003eNose \u0026amp; Ear Trimmer Head\u003c\/h3\u003e\n      \u003cp\u003eDiscreet, hygienic, and painless — because the details matter.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pg-kit-card\"\u003e\n      \u003cdiv class=\"num\"\u003e05\u003c\/div\u003e\n      \u003ch3\u003eCleaning Brush\u003c\/h3\u003e\n      \u003cp\u003eKeep your blades fresh and performing at their best after every use.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pg-kit-card\"\u003e\n      \u003cdiv class=\"num\"\u003e06\u003c\/div\u003e\n      \u003ch3\u003eCharging Cable\u003c\/h3\u003e\n      \u003cp\u003eFast-charge compatible for uninterrupted grooming sessions.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pg-kit-card\"\u003e\n      \u003cdiv class=\"num\"\u003e07\u003c\/div\u003e\n      \u003ch3\u003eTravel Pouch\u003c\/h3\u003e\n      \u003cp\u003ePremium storage to keep your kit protected and ready wherever you go.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pg-kit-card\"\u003e\n      \u003cdiv class=\"num\"\u003e08\u003c\/div\u003e\n      \u003ch3\u003eUser Guide\u003c\/h3\u003e\n      \u003cp\u003eSimple, clear instructions to get the most out of every attachment.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pg-divider\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003ci\u003e✦\u003c\/i\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\n  \u003c!-- RESULTS --\u003e\n  \u003cdiv class=\"pg-results\"\u003e\n    \u003cdiv class=\"pg-results-title\"\u003eThe Results You'll Actually Notice\u003c\/div\u003e\n\n    \u003cdiv class=\"pg-result-item\"\u003e\n      \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eEffortlessly sharp lines and a clean finish\u003c\/strong\u003e — every time\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pg-result-item\"\u003e\n      \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eReduced skin irritation\u003c\/strong\u003e compared to traditional razors\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pg-result-item\"\u003e\n      \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eA complete grooming routine in under 10 minutes\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pg-result-item\"\u003e\n      \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eProfessional-level results\u003c\/strong\u003e without the barber price tag\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pg-result-item\"\u003e\n      \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eOne kit. Every tool. Zero compromise.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- STAMP --\u003e\n  \u003cdiv class=\"pg-stamp\"\u003e\n    \u003cdiv class=\"logo-text\"\u003eLUMARI\u003c\/div\u003e\n    \u003cdiv class=\"tagline\"\u003ePrecision Grooming, Elevated.\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45473202962501,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/lumari-shaver-hero.png?v=1785870951"},{"product_id":"lumari™-aura-7-in-1-electric-grooming-tool","title":"Lumari™ Aura — 7-in-1 Electric Grooming Tool","description":"\u003cstyle\u003e\n  .aura-wrap * {\n    box-sizing: border-box;\n  }\n\n  .aura-wrap {\n    font-family: 'Georgia', serif;\n    background: #0a0a0a;\n    color: #f0e6d3;\n    padding: 40px 20px;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  \/* HERO *\/\n  .aura-hero {\n    text-align: center;\n    padding: 40px 16px;\n    border-bottom: 1px solid #2a1a00;\n    animation: auraFadeUp 1s ease both;\n  }\n\n  .aura-hero h1 {\n    font-size: clamp(1.4em, 5vw, 2.2em);\n    color: #c9a84c !important;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    margin: 0 0 16px 0;\n    line-height: 1.3;\n  }\n\n  .aura-hero p {\n    font-size: clamp(0.9em, 3vw, 1.05em);\n    color: #c8bfb0 !important;\n    max-width: 640px;\n    margin: 0 auto;\n    line-height: 1.9;\n  }\n\n  .aura-hero p strong {\n    color: #c9a84c !important;\n  }\n\n  \/* SECTIONS *\/\n  .aura-section {\n    padding: 40px 16px;\n    border-bottom: 1px solid #1e1e1e;\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n  }\n\n  .aura-section.aura-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .aura-section h2 {\n    font-size: clamp(1em, 4vw, 1.4em);\n    color: #c9a84c !important;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin: 0 0 8px 0;\n    display: inline-block;\n  }\n\n  .aura-underline {\n    height: 2px;\n    background: #c9a84c;\n    width: 36px;\n    margin-bottom: 24px;\n    transition: width 0.6s ease;\n  }\n\n  .aura-section.aura-visible .aura-underline {\n    width: 100%;\n    max-width: 200px;\n  }\n\n  .aura-section p {\n    font-size: clamp(0.88em, 3vw, 1em);\n    color: #c8bfb0 !important;\n    line-height: 1.9;\n    margin: 0;\n  }\n\n  .aura-section p strong {\n    color: #e8d5a3 !important;\n  }\n\n  \/* TOOL CARDS *\/\n  .aura-tools {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-top: 24px;\n  }\n\n  @media (min-width: 600px) {\n    .aura-tools {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  @media (min-width: 900px) {\n    .aura-tools {\n      grid-template-columns: repeat(4, 1fr);\n    }\n  }\n\n  .aura-tool-card {\n    background: #111111;\n    border: 1px solid #2a2a2a;\n    border-radius: 6px;\n    padding: 18px 14px;\n    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .aura-tool-card:hover {\n    border-color: #c9a84c;\n    transform: translateY(-3px);\n    box-shadow: 0 6px 24px rgba(201, 168, 76, 0.12);\n  }\n\n  .aura-tool-card .aura-icon {\n    font-size: 1.6em;\n    display: block;\n    margin-bottom: 8px;\n  }\n\n  .aura-tool-card strong {\n    display: block;\n    color: #c9a84c !important;\n    font-size: 0.85em;\n    letter-spacing: 0.04em;\n    margin-bottom: 4px;\n  }\n\n  .aura-tool-card span {\n    font-size: 0.78em;\n    color: #888888 !important;\n    line-height: 1.5;\n    display: block;\n  }\n\n  \/* HOW IT WORKS *\/\n  .aura-how {\n    background: #0d0d0d;\n    border: 1px solid #1e1e1e;\n    border-left: 3px solid #c9a84c;\n    border-radius: 4px;\n    padding: 28px 24px;\n    margin-top: 20px;\n  }\n\n  .aura-how p {\n    font-size: clamp(0.88em, 3vw, 1em);\n    color: #c8bfb0 !important;\n    line-height: 1.9;\n    margin: 0;\n  }\n\n  .aura-how p strong {\n    color: #e8d5a3 !important;\n  }\n\n  \/* SPECS *\/\n  .aura-specs {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 24px;\n  }\n\n  @media (min-width: 480px) {\n    .aura-specs {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .aura-specs {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  .aura-spec {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 16px;\n    background: #0d0d0d;\n    border: 1px solid #1e1e1e;\n    border-radius: 6px;\n    transition: border-color 0.3s ease;\n  }\n\n  .aura-spec:hover {\n    border-color: #c9a84c55;\n  }\n\n  .aura-spec-icon {\n    font-size: 1.3em;\n    flex-shrink: 0;\n    line-height: 1;\n    margin-top: 2px;\n  }\n\n  .aura-spec-label {\n    display: block;\n    color: #c9a84c !important;\n    font-size: 0.85em;\n    font-weight: bold;\n    margin-bottom: 3px;\n  }\n\n  .aura-spec-sub {\n    display: block;\n    color: #777777 !important;\n    font-size: 0.78em;\n    line-height: 1.4;\n  }\n\n  \/* CLOSING *\/\n  .aura-closing {\n    text-align: center;\n    padding: 50px 16px 30px;\n    animation: auraFadeUp 1.2s ease 0.4s both;\n  }\n\n  .aura-closing p {\n    font-size: clamp(1em, 4vw, 1.2em);\n    color: #c9a84c !important;\n    font-style: italic;\n    letter-spacing: 0.04em;\n    margin: 16px 0;\n  }\n\n  .aura-gold-line {\n    width: 50px;\n    height: 1px;\n    background: #c9a84c;\n    margin: 0 auto;\n    animation: auraExpand 1s ease 0.6s both;\n  }\n\n  @keyframes auraFadeUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes auraExpand {\n    from { width: 0; }\n    to { width: 50px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"aura-wrap\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"aura-hero\"\u003e\n\u003ch1\u003eYour Skin Deserves Better Than a Razor\u003c\/h1\u003e\n\u003cp\u003eIntroducing the \u003cstrong\u003eLumari™ Aura\u003c\/strong\u003e — the all-in-one electric grooming tool designed for those who refuse to compromise on precision, comfort, or time. Whether you're sculpting brows, smoothing skin, or tidying up from head to toe, the Aura does it all — quietly, gently, and effortlessly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FEEL THE DIFFERENCE --\u003e\n\u003cdiv class=\"aura-section\"\u003e\n\u003ch2\u003eFeel the Difference from the First Glide\u003c\/h2\u003e\n\u003cdiv class=\"aura-underline\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eForget the nicks, the irritation, and the mess of traditional razors. The Lumari™ Aura's \u003cstrong\u003erounded stainless steel blade net\u003c\/strong\u003e glides across your skin with a skin-safe, floating head that adapts to every curve of your body. Powerful enough to cut instantly. Gentle enough to use daily.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 7 TOOLS --\u003e\n\u003cdiv class=\"aura-section\"\u003e\n\u003ch2\u003e7 Tools. One Device. Endless Possibilities.\u003c\/h2\u003e\n\u003cdiv class=\"aura-underline\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aura-tools\"\u003e\n\u003cdiv class=\"aura-tool-card\"\u003e\n\u003cspan class=\"aura-icon\"\u003e🪒\u003c\/span\u003e \u003cstrong\u003eFacial Shaver\u003c\/strong\u003e \u003cspan\u003eSilky-smooth skin in seconds\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-tool-card\"\u003e\n\u003cspan class=\"aura-icon\"\u003e✂️\u003c\/span\u003e \u003cstrong\u003eEyebrow Trimmer\u003c\/strong\u003e \u003cspan\u003eDefine and shape with precision\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-tool-card\"\u003e\n\u003cspan class=\"aura-icon\"\u003e💇\u003c\/span\u003e \u003cstrong\u003eHair Trimmer\u003c\/strong\u003e \u003cspan\u003eTidy up edges effortlessly\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-tool-card\"\u003e\n\u003cspan class=\"aura-icon\"\u003e🎯\u003c\/span\u003e \u003cstrong\u003ePrecision Trimmer\u003c\/strong\u003e \u003cspan\u003eDetail work made easy\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-tool-card\"\u003e\n\u003cspan class=\"aura-icon\"\u003e👃\u003c\/span\u003e \u003cstrong\u003eEar \u0026amp; Nose Trimmer\u003c\/strong\u003e \u003cspan\u003eDiscreet and hygienic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-tool-card\"\u003e\n\u003cspan class=\"aura-icon\"\u003e✨\u003c\/span\u003e \u003cstrong\u003eExfoliating Head\u003c\/strong\u003e \u003cspan\u003eBuff away dullness, reveal radiance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-tool-card\"\u003e\n\u003cspan class=\"aura-icon\"\u003e🧖\u003c\/span\u003e \u003cstrong\u003eFacial Cleansing Brush\u003c\/strong\u003e \u003cspan\u003eDeep cleanse for a fresh glow\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003cdiv class=\"aura-section\"\u003e\n\u003ch2\u003eHow It Works\u003c\/h2\u003e\n\u003cdiv class=\"aura-underline\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aura-how\"\u003e\n\u003cp\u003eThe Lumari™ Aura uses a \u003cstrong\u003ehigh-speed rotary motor\u003c\/strong\u003e that powers a circular stainless steel cutting net. As you glide the device across your skin, the blade spins rapidly to capture and cut hair at the surface — without pulling, tugging, or irritating. Simply twist the head to swap between the 7 attachments and target any area of the body. Charge via USB, and you're ready to go — cordless, compact, and travel-friendly at just 14.2cm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BUILT FOR YOUR ROUTINE --\u003e\n\u003cdiv class=\"aura-section\"\u003e\n\u003ch2\u003eBuilt for Your Routine\u003c\/h2\u003e\n\u003cdiv class=\"aura-underline\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aura-specs\"\u003e\n\u003cdiv class=\"aura-spec\"\u003e\n\u003cspan class=\"aura-spec-icon\"\u003e⚡\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"aura-spec-label\"\u003eUSB Rechargeable\u003c\/span\u003e \u003cspan class=\"aura-spec-sub\"\u003eCharge anywhere, anytime\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-spec\"\u003e\n\u003cspan class=\"aura-spec-icon\"\u003e🌿\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"aura-spec-label\"\u003eSkin-Safe Blade Net\u003c\/span\u003e \u003cspan class=\"aura-spec-sub\"\u003eZero irritation, every use\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-spec\"\u003e\n\u003cspan class=\"aura-spec-icon\"\u003e🤫\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"aura-spec-label\"\u003eWhisper-Quiet Motor\u003c\/span\u003e \u003cspan class=\"aura-spec-sub\"\u003eUse anytime, anywhere\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-spec\"\u003e\n\u003cspan class=\"aura-spec-icon\"\u003e✈️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"aura-spec-label\"\u003eCompact 14.2cm\u003c\/span\u003e \u003cspan class=\"aura-spec-sub\"\u003eFits in any bag\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aura-spec\"\u003e\n\u003cspan class=\"aura-spec-icon\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"aura-spec-label\"\u003eEasy-Clean Attachments\u003c\/span\u003e \u003cspan class=\"aura-spec-sub\"\u003eHygienic and low maintenance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CLOSING --\u003e\n\u003cdiv class=\"aura-closing\"\u003e\n\u003cdiv class=\"aura-gold-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe Lumari™ Aura isn't just a grooming tool — it's your daily ritual, elevated.\u003c\/p\u003e\n\u003cdiv class=\"aura-gold-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45495126884421,"sku":null,"price":799.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/hero-shot_f66597a2-43b1-42b0-8412-1ac35f46f84b.png?v=1786045441"},{"product_id":"lumari™-360-clip-stand","title":"Lumari™ 360 Clip Stand","description":"\u003cdiv id=\"lumari-clip-stand\"\u003e\n\n\u003cstyle\u003e\n#lumari-clip-stand {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0;\n  font-family: Arial, Helvetica, sans-serif;\n  color: #171614;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n#lumari-clip-stand *,\n#lumari-clip-stand *:before,\n#lumari-clip-stand *:after {\n  box-sizing: border-box;\n}\n\n#lumari-clip-stand h1,\n#lumari-clip-stand h2,\n#lumari-clip-stand h3,\n#lumari-clip-stand p {\n  margin-top: 0;\n}\n\n\/* =========================\n   HERO\n========================= *\/\n\n.lcs-hero {\n  position: relative;\n  min-height: 570px;\n  padding: 80px 25px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 35%,\n      rgba(225,195,130,.28),\n      transparent 32%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #faf8f3 50%,\n      #f1eadc 100%\n    );\n}\n\n.lcs-hero:before {\n  content: \"\";\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  border: 1px solid rgba(190,150,75,.18);\n  border-radius: 50%;\n  animation: lcsRotate 25s linear infinite;\n}\n\n.lcs-hero:after {\n  content: \"\";\n  position: absolute;\n  width: 700px;\n  height: 700px;\n  border: 1px solid rgba(190,150,75,.10);\n  border-radius: 50%;\n  animation: lcsRotateReverse 35s linear infinite;\n}\n\n.lcs-hero-content {\n  position: relative;\n  z-index: 5;\n  width: 100%;\n  max-width: 850px;\n  animation: lcsHeroIn 1s ease forwards;\n}\n\n.lcs-label {\n  display: inline-block;\n  margin-bottom: 20px;\n  padding: 10px 18px;\n  border: 1px solid rgba(180,140,65,.30);\n  border-radius: 50px;\n  background: rgba(255,255,255,.75);\n  color: #92733b;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n}\n\n.lcs-hero h1 {\n  margin: 0 auto 22px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(42px, 7vw, 76px);\n  line-height: 1;\n  font-weight: 400;\n  letter-spacing: -3px;\n  color: #171614;\n}\n\n.lcs-gold {\n  display: block;\n  color: #b58b45;\n  background: linear-gradient(\n    110deg,\n    #8f6b32,\n    #e1bd72,\n    #a87c38,\n    #e8cb8b\n  );\n  background-size: 250% auto;\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: lcsGold 5s ease infinite;\n}\n\n.lcs-hero-text {\n  max-width: 680px;\n  margin: 0 auto 30px;\n  color: #65615a;\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n.lcs-pill {\n  display: inline-block;\n  padding: 14px 25px;\n  border-radius: 50px;\n  background: #171614;\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n  box-shadow: 0 15px 35px rgba(0,0,0,.15);\n  animation: lcsFloat 4s ease-in-out infinite;\n}\n\n\/* floating dots *\/\n\n.lcs-dot {\n  position: absolute;\n  border-radius: 50%;\n  z-index: 2;\n}\n\n.lcs-dot.one {\n  width: 12px;\n  height: 12px;\n  top: 18%;\n  left: 13%;\n  background: #c7a05a;\n  animation: lcsFloat 4s ease-in-out infinite;\n}\n\n.lcs-dot.two {\n  width: 20px;\n  height: 20px;\n  bottom: 22%;\n  right: 13%;\n  border: 1px solid #bd944d;\n  animation: lcsFloat 5s ease-in-out infinite 1s;\n}\n\n.lcs-dot.three {\n  width: 8px;\n  height: 8px;\n  top: 30%;\n  right: 18%;\n  background: #d5b36d;\n  animation: lcsFloat 3.5s ease-in-out infinite 1.5s;\n}\n\n\/* =========================\n   INTRO\n========================= *\/\n\n.lcs-intro {\n  padding: 90px 30px;\n  text-align: center;\n  background: #ffffff;\n}\n\n.lcs-small-title {\n  margin-bottom: 14px;\n  color: #a47b39;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n}\n\n.lcs-intro h2 {\n  max-width: 800px;\n  margin: 0 auto 22px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(32px, 5vw, 52px);\n  line-height: 1.1;\n  font-weight: 400;\n  color: #171614;\n}\n\n.lcs-intro p {\n  max-width: 720px;\n  margin: 0 auto;\n  color: #68645d;\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n\/* =========================\n   FEATURE SECTION\n========================= *\/\n\n.lcs-features {\n  padding: 90px 25px;\n  background: #faf8f3;\n}\n\n.lcs-heading {\n  max-width: 750px;\n  margin: 0 auto 50px;\n  text-align: center;\n}\n\n.lcs-heading h2 {\n  margin-bottom: 15px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(32px, 5vw, 50px);\n  font-weight: 400;\n  color: #171614;\n}\n\n.lcs-heading p {\n  margin: 0;\n  color: #6c685f;\n  line-height: 1.7;\n}\n\n.lcs-grid {\n  max-width: 1050px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n\n.lcs-card {\n  position: relative;\n  min-height: 245px;\n  padding: 32px 25px;\n  border: 1px solid rgba(190,150,75,.20);\n  border-radius: 24px;\n  background: rgba(255,255,255,.85);\n  box-shadow: 0 8px 30px rgba(80,60,30,.04);\n  overflow: hidden;\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease,\n    border-color .4s ease;\n  animation: lcsCardIn .8s ease both;\n}\n\n.lcs-card:nth-child(2) {\n  animation-delay: .12s;\n}\n\n.lcs-card:nth-child(3) {\n  animation-delay: .24s;\n}\n\n.lcs-card:nth-child(4) {\n  animation-delay: .36s;\n}\n\n.lcs-card:before {\n  content: \"\";\n  position: absolute;\n  width: 130px;\n  height: 130px;\n  top: -75px;\n  right: -75px;\n  border-radius: 50%;\n  background: rgba(205,170,100,.13);\n  transition: transform .5s ease;\n}\n\n.lcs-card:hover {\n  transform: translateY(-10px);\n  border-color: rgba(190,150,75,.45);\n  box-shadow: 0 25px 55px rgba(70,50,25,.12);\n}\n\n.lcs-card:hover:before {\n  transform: scale(2);\n}\n\n.lcs-icon {\n  position: relative;\n  width: 55px;\n  height: 55px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 22px;\n  border-radius: 17px;\n  background: linear-gradient(\n    135deg,\n    #ffffff,\n    #f2e7d0\n  );\n  border: 1px solid rgba(190,150,75,.22);\n  font-size: 22px;\n  box-shadow: 0 8px 20px rgba(0,0,0,.05);\n  transition: transform .4s ease;\n}\n\n.lcs-card:hover .lcs-icon {\n  transform: rotate(-8deg) scale(1.1);\n}\n\n.lcs-card h3 {\n  margin-bottom: 11px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 21px;\n  font-weight: 400;\n}\n\n.lcs-card p {\n  margin: 0;\n  color: #6a665e;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* =========================\n   PRODUCT VISUAL\n========================= *\/\n\n.lcs-visual {\n  padding: 100px 25px;\n  text-align: center;\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(231,205,153,.25),\n      transparent 38%\n    ),\n    #ffffff;\n  overflow: hidden;\n}\n\n.lcs-visual h2 {\n  margin-bottom: 15px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(32px, 5vw, 52px);\n  font-weight: 400;\n}\n\n.lcs-visual-description {\n  max-width: 650px;\n  margin: 0 auto 55px;\n  color: #68645d;\n  line-height: 1.75;\n}\n\n\/* product stand *\/\n\n.lcs-product {\n  position: relative;\n  width: 330px;\n  height: 380px;\n  margin: 0 auto 40px;\n}\n\n.lcs-product-shadow {\n  position: absolute;\n  left: 50%;\n  bottom: 7px;\n  width: 230px;\n  height: 42px;\n  transform: translateX(-50%);\n  border-radius: 50%;\n  background: rgba(0,0,0,.13);\n  filter: blur(14px);\n  animation: lcsShadow 4s ease-in-out infinite;\n}\n\n.lcs-base {\n  position: absolute;\n  left: 50%;\n  bottom: 20px;\n  width: 190px;\n  height: 48px;\n  transform: translateX(-50%);\n  border-radius: 50%;\n  background: linear-gradient(\n    180deg,\n    #ffffff,\n    #f1efea,\n    #d7d3cc\n  );\n  box-shadow:\n    0 15px 28px rgba(0,0,0,.12),\n    inset 0 2px 3px rgba(255,255,255,.9);\n}\n\n.lcs-pole {\n  position: absolute;\n  left: 50%;\n  bottom: 52px;\n  width: 12px;\n  height: 270px;\n  transform: translateX(-50%);\n  border-radius: 10px;\n  background: linear-gradient(\n    90deg,\n    #8c6833,\n    #f1d58e,\n    #a97e3d,\n    #f2d997,\n    #8d6934\n  );\n  box-shadow:\n    3px 0 8px rgba(0,0,0,.15);\n}\n\n.lcs-ring {\n  position: absolute;\n  left: 50%;\n  top: 35px;\n  width: 215px;\n  height: 215px;\n  transform: translateX(-50%);\n  border: 5px solid #c5a05a;\n  border-radius: 50%;\n  background: rgba(255,255,255,.12);\n  box-shadow:\n    0 10px 30px rgba(150,110,45,.18),\n    inset 0 0 20px rgba(210,180,110,.08);\n  animation: lcsRing 8s linear infinite;\n}\n\n.lcs-ring:before {\n  content: \"\";\n  position: absolute;\n  left: 5%;\n  top: 5%;\n  width: 90%;\n  height: 90%;\n  border: 1px dashed rgba(190,150,75,.35);\n  border-radius: 50%;\n}\n\n\/* hooks *\/\n\n.lcs-hook {\n  position: absolute;\n  width: 22px;\n  height: 47px;\n  border: 3px solid #a67c39;\n  border-top: 0;\n  border-radius: 0 0 15px 15px;\n}\n\n.lcs-hook:after {\n  content: \"\";\n  position: absolute;\n  width: 7px;\n  height: 7px;\n  bottom: -5px;\n  left: 50%;\n  transform: translateX(-50%);\n  border-radius: 50%;\n  background: #c9a45c;\n}\n\n.lcs-hook.a {\n  left: 50%;\n  top: 3px;\n  transform: translateX(-50%);\n}\n\n.lcs-hook.b {\n  right: 22px;\n  top: 66px;\n  transform: rotate(45deg);\n}\n\n.lcs-hook.c {\n  right: 10px;\n  top: 128px;\n  transform: rotate(75deg);\n}\n\n.lcs-hook.d {\n  left: 10px;\n  top: 128px;\n  transform: rotate(-75deg);\n}\n\n.lcs-hook.e {\n  left: 22px;\n  top: 66px;\n  transform: rotate(-45deg);\n}\n\n\/* clips *\/\n\n.lcs-clip {\n  position: absolute;\n  width: 38px;\n  height: 25px;\n  border: 2px solid #c19a53;\n  border-radius: 6px 13px 13px 6px;\n  background: linear-gradient(\n    135deg,\n    #ffffff,\n    #f4e7c9\n  );\n  box-shadow: 0 5px 12px rgba(0,0,0,.12);\n}\n\n.lcs-clip:after {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 5px;\n  width: 17px;\n  height: 11px;\n  border: 2px solid #a77c3b;\n  border-left: 0;\n  border-radius: 0 10px 10px 0;\n}\n\n.lcs-clip.a {\n  left: 50%;\n  top: 18px;\n  transform: translateX(-50%) rotate(3deg);\n}\n\n.lcs-clip.b {\n  right: 37px;\n  top: 78px;\n  transform: rotate(45deg);\n}\n\n.lcs-clip.c {\n  right: 24px;\n  top: 140px;\n  transform: rotate(80deg);\n}\n\n.lcs-clip.d {\n  left: 25px;\n  top: 140px;\n  transform: rotate(-80deg);\n}\n\n.lcs-clip.e {\n  left: 38px;\n  top: 78px;\n  transform: rotate(-45deg);\n}\n\n\/* =========================\n   HOW IT WORKS\n========================= *\/\n\n.lcs-how {\n  padding: 95px 25px;\n  background: #171614;\n  color: #ffffff;\n}\n\n.lcs-how-inner {\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.lcs-how-heading {\n  text-align: center;\n  margin-bottom: 55px;\n}\n\n.lcs-how-heading .lcs-small-title {\n  color: #d9b970;\n}\n\n.lcs-how-heading h2 {\n  margin: 0;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(32px, 5vw, 50px);\n  font-weight: 400;\n}\n\n.lcs-steps {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n\n.lcs-step {\n  padding: 32px 27px;\n  border: 1px solid rgba(255,255,255,.11);\n  border-radius: 22px;\n  background: rgba(255,255,255,.035);\n  transition: all .4s ease;\n}\n\n.lcs-step:hover {\n  transform: translateY(-8px);\n  border-color: rgba(220,185,110,.40);\n  background: rgba(255,255,255,.06);\n}\n\n.lcs-number {\n  width: 45px;\n  height: 45px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 23px;\n  border: 1px solid rgba(220,185,110,.5);\n  border-radius: 50%;\n  color: #dfbd76;\n  font-family: Georgia, serif;\n}\n\n.lcs-step h3 {\n  margin-bottom: 11px;\n  font-family: Georgia, serif;\n  font-size: 21px;\n  font-weight: 400;\n}\n\n.lcs-step p {\n  margin: 0;\n  color: rgba(255,255,255,.65);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* =========================\n   LIFESTYLE\n========================= *\/\n\n.lcs-lifestyle {\n  position: relative;\n  padding: 95px 25px;\n  text-align: center;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.lcs-lifestyle h2 {\n  max-width: 800px;\n  margin: 0 auto 20px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(32px, 5vw, 52px);\n  font-weight: 400;\n}\n\n.lcs-lifestyle p {\n  max-width: 680px;\n  margin: 0 auto;\n  color: #68645d;\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n\/* =========================\n   PRODUCT DETAILS\n========================= *\/\n\n.lcs-details {\n  padding: 90px 25px;\n  background: #faf8f3;\n}\n\n.lcs-details-inner {\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.lcs-details-title {\n  text-align: center;\n  margin-bottom: 45px;\n}\n\n.lcs-details-title h2 {\n  margin: 0;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(32px, 5vw, 48px);\n  font-weight: 400;\n}\n\n.lcs-specs {\n  border-top: 1px solid rgba(190,150,75,.25);\n}\n\n.lcs-spec {\n  display: flex;\n  justify-content: space-between;\n  gap: 25px;\n  padding: 22px 5px;\n  border-bottom: 1px solid rgba(190,150,75,.25);\n  transition: padding .3s ease;\n}\n\n.lcs-spec:hover {\n  padding-left: 13px;\n  padding-right: 13px;\n}\n\n.lcs-spec-name {\n  color: #68645d;\n  font-size: 14px;\n}\n\n.lcs-spec-value {\n  color: #171614;\n  font-size: 14px;\n  font-weight: 700;\n  text-align: right;\n}\n\n\/* =========================\n   FINAL CTA\n========================= *\/\n\n.lcs-final {\n  position: relative;\n  padding: 100px 25px;\n  text-align: center;\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(229,201,145,.28),\n      transparent 42%\n    ),\n    #ffffff;\n  overflow: hidden;\n}\n\n.lcs-final h2 {\n  margin-bottom: 18px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(36px, 6vw, 62px);\n  font-weight: 400;\n}\n\n.lcs-final p {\n  max-width: 620px;\n  margin: 0 auto 25px;\n  color: #68645d;\n  line-height: 1.8;\n}\n\n.lcs-final-tagline {\n  color: #a07838;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 21px;\n  font-style: italic;\n}\n\n\/* =========================\n   ANIMATIONS\n========================= *\/\n\n@keyframes lcsHeroIn {\n  0% {\n    opacity: 0;\n    transform: translateY(35px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes lcsCardIn {\n  0% {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes lcsFloat {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-12px);\n  }\n}\n\n@keyframes lcsRotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes lcsRotateReverse {\n  0% {\n    transform: rotate(360deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes lcsGold {\n  0%, 100% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n}\n\n@keyframes lcsRing {\n  0% {\n    transform: translateX(-50%) rotate(0deg);\n  }\n  100% {\n    transform: translateX(-50%) rotate(360deg);\n  }\n}\n\n@keyframes lcsShadow {\n  0%, 100% {\n    transform: translateX(-50%) scale(1);\n    opacity: .7;\n  }\n  50% {\n    transform: translateX(-50%) scale(.85);\n    opacity: .45;\n  }\n}\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media screen and (max-width: 900px) {\n\n  .lcs-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .lcs-steps {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media screen and (max-width: 600px) {\n\n  .lcs-hero {\n    min-height: 540px;\n    padding: 65px 20px;\n  }\n\n  .lcs-hero h1 {\n    font-size: 43px;\n    letter-spacing: -2px;\n  }\n\n  .lcs-hero-text {\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .lcs-intro,\n  .lcs-features,\n  .lcs-visual,\n  .lcs-how,\n  .lcs-lifestyle,\n  .lcs-details,\n  .lcs-final {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n  .lcs-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .lcs-card {\n    min-height: auto;\n  }\n\n  .lcs-product {\n    transform: scale(.82);\n    margin-top: -25px;\n    margin-bottom: -10px;\n  }\n\n  .lcs-spec {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .lcs-spec-value {\n    text-align: left;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================\n     HERO\n========================= --\u003e\n\n\u003csection class=\"lcs-hero\"\u003e\n\n  \u003cdiv class=\"lcs-dot one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"lcs-dot two\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"lcs-dot three\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"lcs-hero-content\"\u003e\n\n    \u003cdiv class=\"lcs-label\"\u003e\n      Lumari™ Beauty Organisation\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\n      Your clips.\n      \u003cspan class=\"lcs-gold\"\u003e\n        Beautifully displayed.\n      \u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"lcs-hero-text\"\u003e\n      Turn everyday hair-clip clutter into a beautiful,\n      organised display with the Lumari™ 360 Clip Stand.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"lcs-pill\"\u003e\n      360° Rotation · 16 Hooks · Compact Design\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================\n     INTRO\n========================= --\u003e\n\n\u003csection class=\"lcs-intro\"\u003e\n\n  \u003cdiv class=\"lcs-small-title\"\u003e\n    Meet Your New Vanity Essential\n  \u003c\/div\u003e\n\n  \u003ch2\u003e\n    Stop searching.\n    Start styling.\n  \u003c\/h2\u003e\n\n  \u003cp\u003e\n    The Lumari™ 360 Clip Stand keeps your favourite hair clips\n    visible, accessible, and neatly arranged, so you can find\n    the right style in seconds instead of searching through\n    drawers or scattered countertops.\n  \u003c\/p\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================\n     FEATURES\n========================= --\u003e\n\n\u003csection class=\"lcs-features\"\u003e\n\n  \u003cdiv class=\"lcs-heading\"\u003e\n\n    \u003cdiv class=\"lcs-small-title\"\u003e\n      Why You'll Love It\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Small stand.\n      Beautiful difference.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Thoughtfully designed to bring effortless organisation\n      and refined style to your beauty space.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"lcs-grid\"\u003e\n\n    \u003cdiv class=\"lcs-card\"\u003e\n\n      \u003cdiv class=\"lcs-icon\"\u003e\n        ✨\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Beautifully Organised\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Keep your favourite hair clips neatly arranged\n        and easy to find whenever you're ready to style.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lcs-card\"\u003e\n\n      \u003cdiv class=\"lcs-icon\"\u003e\n        ↻\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        360° Access\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Rotate the hanging rack smoothly to browse your\n        collection from every angle.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lcs-card\"\u003e\n\n      \u003cdiv class=\"lcs-icon\"\u003e\n        ♡\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Clutter-Free\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Replace scattered clips and messy drawers with\n        one elegant, dedicated display.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lcs-card\"\u003e\n\n      \u003cdiv class=\"lcs-icon\"\u003e\n        ✦\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        16 Hooks\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Store up to 16 hair clips while keeping your\n        vanity footprint beautifully compact.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================\n     PRODUCT SHOWCASE\n========================= --\u003e\n\n\u003csection class=\"lcs-visual\"\u003e\n\n  \u003cdiv class=\"lcs-small-title\"\u003e\n    Designed To Move With You\n  \u003c\/div\u003e\n\n  \u003ch2\u003e\n    See your collection\n    from every angle.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"lcs-visual-description\"\u003e\n    The rotating design makes browsing effortless.\n    Simply turn the rack and choose the clip you want.\n  \u003c\/p\u003e\n\n\n  \u003cdiv class=\"lcs-product\"\u003e\n\n    \u003cdiv class=\"lcs-product-shadow\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lcs-base\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lcs-pole\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lcs-ring\"\u003e\n\n      \u003cdiv class=\"lcs-hook a\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lcs-hook b\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lcs-hook c\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lcs-hook d\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lcs-hook e\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lcs-clip a\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lcs-clip b\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lcs-clip c\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lcs-clip d\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lcs-clip e\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================\n     HOW IT WORKS\n========================= --\u003e\n\n\u003csection class=\"lcs-how\"\u003e\n\n  \u003cdiv class=\"lcs-how-inner\"\u003e\n\n    \u003cdiv class=\"lcs-how-heading\"\u003e\n\n      \u003cdiv class=\"lcs-small-title\"\u003e\n        Simple By Design\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Organise it.\n        Hang it.\n        Find it.\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lcs-steps\"\u003e\n\n      \u003cdiv class=\"lcs-step\"\u003e\n\n        \u003cdiv class=\"lcs-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Assemble\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Secure the gold pole to the sturdy white base,\n          then attach the circular hanging rack.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lcs-step\"\u003e\n\n        \u003cdiv class=\"lcs-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Hang\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Place your favourite hair clips onto the\n          individual hooks around the rack.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lcs-step\"\u003e\n\n        \u003cdiv class=\"lcs-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Rotate \u0026amp; Style\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Smoothly rotate the stand to browse your\n          collection and grab the perfect clip.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================\n     LIFESTYLE\n========================= --\u003e\n\n\u003csection class=\"lcs-lifestyle\"\u003e\n\n  \u003cdiv class=\"lcs-small-title\"\u003e\n    Wherever You Get Ready\n  \u003c\/div\u003e\n\n  \u003ch2\u003e\n    A little organisation\n    goes a long way.\n  \u003c\/h2\u003e\n\n  \u003cp\u003e\n    Whether it sits on your dressing table, bathroom counter,\n    or beauty station, the Lumari™ 360 Clip Stand turns\n    everyday storage into a simple, stylish part of your routine.\n  \u003c\/p\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================\n     PRODUCT DETAILS\n========================= --\u003e\n\n\u003csection class=\"lcs-details\"\u003e\n\n  \u003cdiv class=\"lcs-details-inner\"\u003e\n\n    \u003cdiv class=\"lcs-details-title\"\u003e\n\n      \u003cdiv class=\"lcs-small-title\"\u003e\n        Product Details\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Everything you need.\n        Nothing unnecessary.\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lcs-specs\"\u003e\n\n      \u003cdiv class=\"lcs-spec\"\u003e\n\n        \u003cspan class=\"lcs-spec-name\"\u003e\n          Hanging Hooks\n        \u003c\/span\u003e\n\n        \u003cspan class=\"lcs-spec-value\"\u003e\n          16 Hanging Hooks\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lcs-spec\"\u003e\n\n        \u003cspan class=\"lcs-spec-name\"\u003e\n          Rotation\n        \u003c\/span\u003e\n\n        \u003cspan class=\"lcs-spec-value\"\u003e\n          360° Rotating Design\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lcs-spec\"\u003e\n\n        \u003cspan class=\"lcs-spec-name\"\u003e\n          Approximate Size\n        \u003c\/span\u003e\n\n        \u003cspan class=\"lcs-spec-value\"\u003e\n          20 cm High × 16 cm Wide\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lcs-spec\"\u003e\n\n        \u003cspan class=\"lcs-spec-name\"\u003e\n          Rack Finish\n        \u003c\/span\u003e\n\n        \u003cspan class=\"lcs-spec-value\"\u003e\n          Gold-Tone Rack\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lcs-spec\"\u003e\n\n        \u003cspan class=\"lcs-spec-name\"\u003e\n          Base\n        \u003c\/span\u003e\n\n        \u003cspan class=\"lcs-spec-value\"\u003e\n          White Round Base\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================\n     FINAL CTA\n========================= --\u003e\n\n\u003csection class=\"lcs-final\"\u003e\n\n  \u003cdiv class=\"lcs-small-title\"\u003e\n    Lumari™\n  \u003c\/div\u003e\n\n  \u003ch2\u003e\n    Organise beautifully.\n  \u003c\/h2\u003e\n\n  \u003cp\u003e\n    Give your favourite clips the display they deserve\n    and make getting ready feel a little more effortless.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"lcs-final-tagline\"\u003e\n    Your beauty space, beautifully organised.\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45690825146437,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/lumari-clip-holder-hero-image.png?v=1788523201"},{"product_id":"lumari™-aurelle-jewellery-stand","title":"Lumari™ Aurelle Jewellery Stand","description":"\u003cstyle\u003e\n\/* =========================================================\n   LUMARI™ AURELLE\n   SHOPIFY \/ PRODUCT DESCRIPTION VERSION\n   CSS ONLY — NO JAVASCRIPT\n   ========================================================= *\/\n\n.aurelle-page,\n.aurelle-page * {\n  box-sizing: border-box;\n}\n\n.aurelle-page {\n  width: 100%;\n  margin: 0 auto;\n  padding: 0;\n  background: #faf9f6;\n  color: #111111;\n  font-family: Arial, Helvetica, sans-serif;\n  overflow: hidden;\n  line-height: 1.6;\n}\n\n.aurelle-page h1,\n.aurelle-page h2,\n.aurelle-page h3 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  color: #111111;\n  margin: 0;\n  font-weight: 400;\n}\n\n.aurelle-page p {\n  margin: 0 0 20px;\n  color: #5f5b55;\n}\n\n.aurelle-container {\n  width: 92%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.aurelle-hero {\n  position: relative;\n  min-height: 700px;\n  display: flex;\n  align-items: center;\n  background:\n    radial-gradient(circle at 80% 35%, rgba(187,143,91,.16), transparent 28%),\n    linear-gradient(135deg,#fbfaf7 0%,#eee9e0 100%);\n  overflow: hidden;\n}\n\n.aurelle-hero:before {\n  content: \"\";\n  position: absolute;\n  width: 650px;\n  height: 650px;\n  right: -300px;\n  top: -250px;\n  border-radius: 50%;\n  border: 1px solid rgba(167,126,78,.12);\n  animation: aurelleRotate 18s linear infinite;\n}\n\n.aurelle-hero:after {\n  content: \"\";\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  left: -280px;\n  bottom: -300px;\n  border-radius: 50%;\n  border: 1px solid rgba(167,126,78,.10);\n}\n\n.aurelle-hero-grid {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 70px;\n  align-items: center;\n}\n\n.aurelle-eyebrow {\n  display: inline-block;\n  margin-bottom: 22px;\n  color: #a67a49 !important;\n  font-size: 11px !important;\n  font-weight: bold;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n}\n\n.aurelle-hero h1 {\n  font-size: clamp(50px,7vw,90px);\n  line-height: .94;\n  letter-spacing: -3px;\n  margin-bottom: 28px;\n}\n\n.aurelle-hero h1 em {\n  display: block;\n  color: #a67a49;\n  font-style: italic;\n}\n\n.aurelle-hero-text {\n  max-width: 560px;\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n.aurelle-button {\n  display: inline-block;\n  margin-top: 12px;\n  padding: 17px 30px;\n  background: #111111;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: bold;\n  letter-spacing: 1.5px;\n  transition: all .35s ease;\n}\n\n.aurelle-button:hover {\n  transform: translateY(-5px);\n  background: #292929;\n  box-shadow: 0 18px 40px rgba(0,0,0,.2);\n}\n\n\/* =========================================================\n   CSS PRODUCT ILLUSTRATION\n   ========================================================= *\/\n\n.aurelle-product-area {\n  height: 520px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.aurelle-glow {\n  position: absolute;\n  width: 400px;\n  height: 400px;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(183,139,87,.25),\n    transparent 67%\n  );\n  animation: aurelleGlow 5s ease-in-out infinite;\n}\n\n.aurelle-product {\n  position: relative;\n  width: 310px;\n  height: 430px;\n  animation: aurelleFloat 5s ease-in-out infinite;\n}\n\n\/* Base *\/\n\n.aurelle-base {\n  position: absolute;\n  width: 280px;\n  height: 58px;\n  left: 15px;\n  bottom: 35px;\n  background: linear-gradient(\n    180deg,\n    #292929 0%,\n    #101010 50%,\n    #050505 100%\n  );\n  border-radius: 12px;\n  box-shadow:\n    0 30px 40px rgba(0,0,0,.25),\n    inset 0 1px 1px rgba(255,255,255,.13);\n}\n\n\/* Wood tray *\/\n\n.aurelle-wood {\n  position: absolute;\n  width: 242px;\n  height: 38px;\n  left: 34px;\n  bottom: 49px;\n  border-radius: 5px;\n  background:\n    repeating-linear-gradient(\n      90deg,\n      #9c6c3e 0px,\n      #b98450 18px,\n      #d0a06a 35px,\n      #a87546 55px\n    );\n  box-shadow:\n    inset 0 2px 5px rgba(0,0,0,.18),\n    0 2px 3px rgba(0,0,0,.12);\n}\n\n\/* Upright posts *\/\n\n.aurelle-post {\n  position: absolute;\n  width: 9px;\n  height: 290px;\n  bottom: 82px;\n  border-radius: 10px;\n  background:\n    linear-gradient(\n      90deg,\n      #080808,\n      #3a3a3a,\n      #111111\n    );\n  box-shadow: 1px 0 2px rgba(0,0,0,.2);\n}\n\n.aurelle-post-left {\n  left: 50px;\n}\n\n.aurelle-post-right {\n  right: 50px;\n}\n\n\/* Arch *\/\n\n.aurelle-arch {\n  position: absolute;\n  width: 210px;\n  height: 125px;\n  left: 50%;\n  top: 53px;\n  transform: translateX(-50%);\n  border: 9px solid #171717;\n  border-bottom: 0;\n  border-radius: 130px 130px 0 0;\n}\n\n\/* Hooks *\/\n\n.aurelle-hooks {\n  position: absolute;\n  top: 145px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 190px;\n  display: flex;\n  justify-content: space-between;\n}\n\n.aurelle-hook {\n  width: 5px;\n  height: 76px;\n  background: #161616;\n  position: relative;\n  animation: aurelleHook 3.5s ease-in-out infinite;\n}\n\n.aurelle-hook:nth-child(2) {\n  animation-delay: .2s;\n}\n\n.aurelle-hook:nth-child(3) {\n  animation-delay: .4s;\n}\n\n.aurelle-hook:nth-child(4) {\n  animation-delay: .6s;\n}\n\n.aurelle-hook:nth-child(5) {\n  animation-delay: .8s;\n}\n\n.aurelle-hook:before {\n  content: \"\";\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  top: -6px;\n  left: 50%;\n  transform: translateX(-50%);\n  border-radius: 50%;\n  background: #252525;\n  box-shadow:\n    0 2px 5px rgba(0,0,0,.3),\n    inset 0 1px 1px rgba(255,255,255,.1);\n}\n\n\/* Jewellery *\/\n\n.aurelle-necklace {\n  position: absolute;\n  border: 1.5px solid #c49b61;\n  border-top: 0;\n  border-radius: 0 0 50% 50%;\n  z-index: 3;\n  animation: aurelleSwing 4s ease-in-out infinite;\n}\n\n.aurelle-necklace.one {\n  width: 57px;\n  height: 105px;\n  top: 109px;\n  left: 69px;\n}\n\n.aurelle-necklace.two {\n  width: 46px;\n  height: 78px;\n  top: 110px;\n  left: 123px;\n  animation-delay: .5s;\n}\n\n.aurelle-necklace.three {\n  width: 56px;\n  height: 115px;\n  top: 110px;\n  left: 157px;\n  animation-delay: 1s;\n}\n\n.aurelle-pendant {\n  position: absolute;\n  width: 11px;\n  height: 11px;\n  bottom: -7px;\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n  border: 1px solid #c49b61;\n  background: rgba(196,155,97,.08);\n}\n\n\/* =========================================================\n   MARQUEE\n   ========================================================= *\/\n\n.aurelle-marquee {\n  width: 100%;\n  background: #111111;\n  color: white;\n  overflow: hidden;\n  white-space: nowrap;\n  padding: 18px 0;\n}\n\n.aurelle-marquee-track {\n  display: inline-block;\n  animation: aurelleMarquee 24s linear infinite;\n}\n\n.aurelle-marquee span {\n  display: inline-block;\n  margin: 0 28px;\n  color: #ffffff !important;\n  font-size: 11px !important;\n  letter-spacing: 4px;\n  font-weight: bold;\n  text-transform: uppercase;\n}\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.aurelle-section {\n  padding: 105px 0;\n}\n\n.aurelle-intro {\n  background: #ffffff;\n}\n\n.aurelle-intro-grid {\n  display: grid;\n  grid-template-columns: .85fr 1.15fr;\n  gap: 90px;\n  align-items: center;\n}\n\n.aurelle-section-title {\n  font-size: clamp(42px,5vw,70px);\n  line-height: 1.05;\n  letter-spacing: -2px;\n}\n\n.aurelle-section-title em {\n  color: #a67a49;\n  font-style: italic;\n}\n\n.aurelle-large-copy {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 24px !important;\n  line-height: 1.55 !important;\n  color: #222222 !important;\n}\n\n.aurelle-body-copy {\n  font-size: 16px !important;\n  line-height: 1.85 !important;\n}\n\n\/* =========================================================\n   FEATURES\n   ========================================================= *\/\n\n.aurelle-features {\n  background: #f2eee7;\n}\n\n.aurelle-heading {\n  max-width: 720px;\n  margin-bottom: 60px;\n}\n\n.aurelle-heading h2 {\n  font-size: clamp(42px,5vw,68px);\n  line-height: 1.05;\n  margin-bottom: 20px;\n}\n\n.aurelle-heading p {\n  font-size: 16px;\n}\n\n.aurelle-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 18px;\n}\n\n.aurelle-feature {\n  position: relative;\n  min-height: 350px;\n  padding: 32px;\n  background: #ffffff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,.04);\n  transition: transform .4s ease, box-shadow .4s ease;\n  animation: aurelleCardUp .8s ease both;\n}\n\n.aurelle-feature:nth-child(1) {\n  animation-delay: .1s;\n}\n\n.aurelle-feature:nth-child(2) {\n  animation-delay: .2s;\n}\n\n.aurelle-feature:nth-child(3) {\n  animation-delay: .3s;\n}\n\n.aurelle-feature:nth-child(4) {\n  animation-delay: .4s;\n}\n\n.aurelle-feature:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 25px 50px rgba(0,0,0,.12);\n}\n\n.aurelle-feature:before {\n  content: \"\";\n  position: absolute;\n  height: 3px;\n  left: 0;\n  right: 0;\n  top: 0;\n  background: #ad8150;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .4s ease;\n}\n\n.aurelle-feature:hover:before {\n  transform: scaleX(1);\n}\n\n.aurelle-number {\n  display: block;\n  margin-bottom: 65px;\n  font-family: Georgia,serif;\n  font-size: 52px;\n  line-height: 1;\n  color: #ddd8cf !important;\n}\n\n.aurelle-feature h3 {\n  font-size: 25px;\n  margin-bottom: 13px;\n}\n\n.aurelle-feature p {\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* =========================================================\n   HOW IT WORKS\n   ========================================================= *\/\n\n.aurelle-how {\n  background: #111111;\n  color: white;\n}\n\n.aurelle-how h2,\n.aurelle-how h3 {\n  color: white;\n}\n\n.aurelle-how p {\n  color: #aaaaaa;\n}\n\n.aurelle-how .aurelle-eyebrow {\n  color: #c49b61 !important;\n}\n\n.aurelle-steps {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 30px;\n  margin-top: 65px;\n}\n\n.aurelle-step {\n  padding-top: 28px;\n  border-top: 1px solid rgba(255,255,255,.2);\n  transition: transform .35s ease;\n}\n\n.aurelle-step:hover {\n  transform: translateY(-8px);\n}\n\n.aurelle-step-number {\n  display: block;\n  margin-bottom: 25px;\n  color: #c49b61 !important;\n  font-size: 11px !important;\n  font-weight: bold;\n  letter-spacing: 3px;\n}\n\n.aurelle-step h3 {\n  font-size: 30px;\n  margin-bottom: 14px;\n}\n\n\/* =========================================================\n   ASSEMBLY\n   ========================================================= *\/\n\n.aurelle-assembly {\n  background: #faf8f3;\n}\n\n.aurelle-assembly-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 90px;\n  align-items: center;\n}\n\n.aurelle-assembly-visual {\n  height: 470px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background:\n    linear-gradient(145deg,#eee8de,#faf9f6);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.aurelle-ring {\n  position: absolute;\n  border: 1px solid rgba(170,127,79,.18);\n  border-radius: 50%;\n  animation: aurelleRing 5s linear infinite;\n}\n\n.aurelle-ring.one {\n  width: 260px;\n  height: 260px;\n}\n\n.aurelle-ring.two {\n  width: 430px;\n  height: 430px;\n  animation-delay: 1.2s;\n}\n\n.aurelle-ring.three {\n  width: 600px;\n  height: 600px;\n  animation-delay: 2.4s;\n}\n\n.aurelle-letter {\n  position: relative;\n  z-index: 2;\n  font-family: Georgia,serif;\n  font-size: 105px;\n  font-style: italic;\n  color: #ad8150;\n  animation: aurelleLetter 5s ease-in-out infinite;\n}\n\n.aurelle-assembly-text h2 {\n  font-size: clamp(42px,5vw,65px);\n  line-height: 1.05;\n  margin-bottom: 25px;\n}\n\n\/* =========================================================\n   SPECS\n   ========================================================= *\/\n\n.aurelle-specs {\n  background: white;\n}\n\n.aurelle-spec-grid {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  border-top: 1px solid #dedbd5;\n  border-left: 1px solid #dedbd5;\n  margin-top: 55px;\n}\n\n.aurelle-spec {\n  padding: 32px;\n  min-height: 150px;\n  border-right: 1px solid #dedbd5;\n  border-bottom: 1px solid #dedbd5;\n  transition: background .3s ease;\n}\n\n.aurelle-spec:hover {\n  background: #f6f2eb;\n}\n\n.aurelle-spec-label {\n  display: block;\n  margin-bottom: 13px;\n  color: #77736c !important;\n  font-size: 10px !important;\n  font-weight: bold;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.aurelle-spec-value {\n  font-family: Georgia,serif;\n  font-size: 23px;\n  color: #111111 !important;\n}\n\n\/* =========================================================\n   LOCATIONS\n   ========================================================= *\/\n\n.aurelle-places {\n  background: #eee9df;\n}\n\n.aurelle-place-grid {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 15px;\n  margin-top: 55px;\n}\n\n.aurelle-place {\n  position: relative;\n  min-height: 220px;\n  padding: 25px;\n  display: flex;\n  align-items: flex-end;\n  background: white;\n  overflow: hidden;\n  transition: transform .4s ease;\n}\n\n.aurelle-place:hover {\n  transform: translateY(-8px);\n}\n\n.aurelle-place:before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at top right,\n    rgba(185,143,91,.22),\n    transparent 55%);\n  opacity: 0;\n  transition: opacity .4s ease;\n}\n\n.aurelle-place:hover:before {\n  opacity: 1;\n}\n\n.aurelle-place-content {\n  position: relative;\n  z-index: 2;\n}\n\n.aurelle-place-icon {\n  font-size: 28px;\n  color: #a67a49;\n  margin-bottom: 15px;\n}\n\n.aurelle-place h3 {\n  font-size: 21px;\n}\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.aurelle-cta {\n  position: relative;\n  min-height: 570px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(192,154,98,.16),\n      transparent 48%\n    ),\n    #0d0d0d;\n  overflow: hidden;\n}\n\n.aurelle-cta:before,\n.aurelle-cta:after {\n  content: \"\";\n  position: absolute;\n  border: 1px solid rgba(255,255,255,.07);\n  border-radius: 50%;\n}\n\n.aurelle-cta:before {\n  width: 600px;\n  height: 600px;\n  animation: aurelleRotate 20s linear infinite;\n}\n\n.aurelle-cta:after {\n  width: 850px;\n  height: 850px;\n}\n\n.aurelle-cta-content {\n  position: relative;\n  z-index: 2;\n  width: 90%;\n  max-width: 850px;\n}\n\n.aurelle-cta .aurelle-eyebrow {\n  color: #c49b61 !important;\n}\n\n.aurelle-cta h2 {\n  color: white !important;\n  font-size: clamp(45px,6vw,78px);\n  line-height: 1.05;\n  margin-bottom: 25px;\n}\n\n.aurelle-cta p {\n  max-width: 600px;\n  margin: 0 auto 35px;\n  color: #aaaaaa !important;\n  font-size: 16px;\n}\n\n.aurelle-cta-button {\n  display: inline-block;\n  padding: 18px 38px;\n  border-radius: 50px;\n  background: white;\n  color: #111111 !important;\n  text-decoration: none !important;\n  font-size: 12px;\n  font-weight: bold;\n  letter-spacing: 2px;\n  transition: all .35s ease;\n}\n\n.aurelle-cta-button:hover {\n  transform: scale(1.06);\n  box-shadow: 0 15px 50px rgba(255,255,255,.15);\n}\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n\n.aurelle-footer {\n  padding: 28px 20px;\n  text-align: center;\n  background: #080808;\n  color: #777777 !important;\n  font-size: 11px !important;\n  letter-spacing: 1px;\n}\n\n.aurelle-footer strong {\n  color: white !important;\n}\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes aurelleFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-16px);\n  }\n}\n\n@keyframes aurelleGlow {\n  0%,100% {\n    transform: scale(.92);\n    opacity: .65;\n  }\n\n  50% {\n    transform: scale(1.08);\n    opacity: 1;\n  }\n}\n\n@keyframes aurelleSwing {\n  0%,100% {\n    transform: rotate(-1deg);\n  }\n\n  50% {\n    transform: rotate(2deg);\n  }\n}\n\n@keyframes aurelleHook {\n  0%,100% {\n    transform: rotate(0);\n  }\n\n  50% {\n    transform: rotate(2deg);\n  }\n}\n\n@keyframes aurelleMarquee {\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n@keyframes aurelleRing {\n  0% {\n    transform: scale(.7);\n    opacity: 0;\n  }\n\n  45% {\n    opacity: 1;\n  }\n\n  100% {\n    transform: scale(1.2);\n    opacity: 0;\n  }\n}\n\n@keyframes aurelleLetter {\n  0%,100% {\n    transform: scale(1) rotate(-3deg);\n  }\n\n  50% {\n    transform: scale(1.08) rotate(3deg);\n  }\n}\n\n@keyframes aurelleRotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes aurelleCardUp {\n  from {\n    opacity: .3;\n    transform: translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media screen and (max-width: 900px) {\n\n  .aurelle-hero-grid {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .aurelle-hero {\n    padding: 80px 0 30px;\n  }\n\n  .aurelle-hero-text {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .aurelle-product-area {\n    height: 480px;\n  }\n\n  .aurelle-intro-grid,\n  .aurelle-assembly-grid {\n    grid-template-columns: 1fr;\n    gap: 55px;\n  }\n\n  .aurelle-feature-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .aurelle-steps {\n    grid-template-columns: 1fr;\n  }\n\n  .aurelle-place-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .aurelle-spec-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 600px) {\n\n  .aurelle-container {\n    width: 90%;\n  }\n\n  .aurelle-section {\n    padding: 75px 0;\n  }\n\n  .aurelle-hero {\n    min-height: auto;\n    padding: 65px 0 10px;\n  }\n\n  .aurelle-hero h1 {\n    font-size: 52px;\n    letter-spacing: -2px;\n  }\n\n  .aurelle-hero-text {\n    font-size: 15px;\n  }\n\n  .aurelle-product-area {\n    height: 410px;\n    transform: scale(.82);\n    margin-top: -15px;\n    margin-bottom: -30px;\n  }\n\n  .aurelle-large-copy {\n    font-size: 21px !important;\n  }\n\n  .aurelle-feature-grid,\n  .aurelle-place-grid,\n  .aurelle-spec-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .aurelle-feature {\n    min-height: auto;\n  }\n\n  .aurelle-number {\n    margin-bottom: 40px;\n  }\n\n  .aurelle-assembly-visual {\n    height: 360px;\n  }\n\n  .aurelle-letter {\n    font-size: 85px;\n  }\n\n  .aurelle-cta {\n    min-height: 500px;\n  }\n\n  .aurelle-cta h2 {\n    font-size: 47px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"aurelle-page\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"aurelle-hero\"\u003e\n\n    \u003cdiv class=\"aurelle-container aurelle-hero-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"aurelle-eyebrow\"\u003e\n          LUMARI™ JEWELLERY ORGANISATION\n        \u003c\/div\u003e\n\n        \u003ch1\u003e\n          Your jewellery,\n          \u003cem\u003eready to wear.\u003c\/em\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"aurelle-hero-text\"\u003e\n          Every single morning. No more untangling a knot of chains\n          while you're already late. No more hunting for the second\n          earring or finding your favourite necklace at the bottom\n          of a drawer.\n        \u003c\/p\u003e\n\n        \u003ca href=\"#aurelle-discover\" class=\"aurelle-button\"\u003e\n          DISCOVER AURELLE   →\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- PRODUCT ILLUSTRATION --\u003e\n\n      \u003cdiv class=\"aurelle-product-area\"\u003e\n\n        \u003cdiv class=\"aurelle-glow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"aurelle-product\"\u003e\n\n          \u003cdiv class=\"aurelle-arch\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"aurelle-hooks\"\u003e\n\n            \u003cdiv class=\"aurelle-hook\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"aurelle-hook\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"aurelle-hook\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"aurelle-hook\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"aurelle-hook\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"aurelle-necklace one\"\u003e\n            \u003cdiv class=\"aurelle-pendant\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aurelle-necklace two\"\u003e\n            \u003cdiv class=\"aurelle-pendant\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"aurelle-necklace three\"\u003e\n            \u003cdiv class=\"aurelle-pendant\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"aurelle-post aurelle-post-left\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"aurelle-post aurelle-post-right\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"aurelle-wood\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"aurelle-base\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- MARQUEE --\u003e\n\n  \u003cdiv class=\"aurelle-marquee\"\u003e\n\n    \u003cdiv class=\"aurelle-marquee-track\"\u003e\n\n      \u003cspan\u003e✦ WEAR WHAT YOU LOVE\u003c\/span\u003e\n      \u003cspan\u003e✦ END THE TANGLE\u003c\/span\u003e\n      \u003cspan\u003e✦ ORGANISE BEAUTIFULLY\u003c\/span\u003e\n      \u003cspan\u003e✦ MADE FOR REAL DRESSERS\u003c\/span\u003e\n\n      \u003cspan\u003e✦ WEAR WHAT YOU LOVE\u003c\/span\u003e\n      \u003cspan\u003e✦ END THE TANGLE\u003c\/span\u003e\n      \u003cspan\u003e✦ ORGANISE BEAUTIFULLY\u003c\/span\u003e\n      \u003cspan\u003e✦ MADE FOR REAL DRESSERS\u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- INTRO --\u003e\n\n  \u003csection class=\"aurelle-section aurelle-intro\" id=\"aurelle-discover\"\u003e\n\n    \u003cdiv class=\"aurelle-container aurelle-intro-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"aurelle-eyebrow\"\u003e\n          THE AURELLE DIFFERENCE\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"aurelle-section-title\"\u003e\n          Because when you see it,\n          \u003cem\u003eyou wear it.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cp class=\"aurelle-large-copy\"\u003e\n          That gold chain you forgot you owned becomes part of\n          your everyday again.\n        \u003c\/p\u003e\n\n        \u003cp class=\"aurelle-body-copy\"\u003e\n          The \u003cstrong\u003eLumari™ Aurelle\u003c\/strong\u003e keeps everything you\n          actually wear out in the open, hanging free and looking\n          beautiful on your dresser.\n        \u003c\/p\u003e\n\n        \u003cp class=\"aurelle-body-copy\"\u003e\n          When your favourite pieces are visible, choosing what\n          to wear becomes effortless. No more digging through\n          drawers. No more tangled chains. No more missing earrings.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n\n  \u003csection class=\"aurelle-section aurelle-features\"\u003e\n\n    \u003cdiv class=\"aurelle-container\"\u003e\n\n      \u003cdiv class=\"aurelle-heading\"\u003e\n\n        \u003cdiv class=\"aurelle-eyebrow\"\u003e\n          DESIGNED AROUND YOU\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Small details.\n          Big difference.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Everything about Aurelle has been designed to make\n          getting ready simpler, faster and more beautiful.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"aurelle-feature-grid\"\u003e\n\n\n        \u003cdiv class=\"aurelle-feature\"\u003e\n\n          \u003cspan class=\"aurelle-number\"\u003e01\u003c\/span\u003e\n\n          \u003ch3\u003e\n            Ends the tangle.\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Five spaced hooks let necklaces hang straight,\n            so chains never knot into each other.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-feature\"\u003e\n\n          \u003cspan class=\"aurelle-number\"\u003e02\u003c\/span\u003e\n\n          \u003ch3\u003e\n            Gives small things a home.\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Rings, studs, watches and cufflinks land neatly\n            in the tray instead of scattering across the counter.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-feature\"\u003e\n\n          \u003cspan class=\"aurelle-number\"\u003e03\u003c\/span\u003e\n\n          \u003ch3\u003e\n            Turns storage into styling.\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Matte black metal and warm natural wood make\n            Aurelle feel like decor rather than clutter.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-feature\"\u003e\n\n          \u003cspan class=\"aurelle-number\"\u003e04\u003c\/span\u003e\n\n          \u003ch3\u003e\n            Protects what you love.\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Hanging pieces avoid the scratches and kinks that\n            can happen when jewellery is piled together in a box.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n\n  \u003csection class=\"aurelle-section aurelle-how\"\u003e\n\n    \u003cdiv class=\"aurelle-container\"\u003e\n\n      \u003cdiv class=\"aurelle-heading\"\u003e\n\n        \u003cdiv class=\"aurelle-eyebrow\"\u003e\n          HOW IT WORKS\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Ready in\n          \u003cem\u003eunder a minute.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          No tools. No screws. No complicated instructions.\n          Aurelle is designed to go together effortlessly.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"aurelle-steps\"\u003e\n\n\n        \u003cdiv class=\"aurelle-step\"\u003e\n\n          \u003cspan class=\"aurelle-step-number\"\u003e\n            STEP 01\n          \u003c\/span\u003e\n\n          \u003ch3\u003e\n            Twist.\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Two upright posts twist directly into the base\n            and lock securely into place.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-step\"\u003e\n\n          \u003cspan class=\"aurelle-step-number\"\u003e\n            STEP 02\n          \u003c\/span\u003e\n\n          \u003ch3\u003e\n            Hang.\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Place your favourite necklaces, bracelets,\n            chains and watch straps across the five hooks.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-step\"\u003e\n\n          \u003cspan class=\"aurelle-step-number\"\u003e\n            STEP 03\n          \u003c\/span\u003e\n\n          \u003ch3\u003e\n            Organise.\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Drop the natural wood board into the metal tray\n            for rings, earrings and everyday essentials.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ASSEMBLY --\u003e\n\n  \u003csection class=\"aurelle-section aurelle-assembly\"\u003e\n\n    \u003cdiv class=\"aurelle-container aurelle-assembly-grid\"\u003e\n\n\n      \u003cdiv class=\"aurelle-assembly-visual\"\u003e\n\n        \u003cdiv class=\"aurelle-ring one\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"aurelle-ring two\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"aurelle-ring three\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"aurelle-letter\"\u003e\n          A\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"aurelle-assembly-text\"\u003e\n\n        \u003cdiv class=\"aurelle-eyebrow\"\u003e\n          EFFORTLESS BY DESIGN\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"aurelle-section-title\"\u003e\n          Nothing complicated.\n          \u003cem\u003eJust beautiful.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"aurelle-body-copy\"\u003e\n          The five ball-tipped hooks are shaped to hold chains,\n          bracelets and watch straps without snagging.\n        \u003c\/p\u003e\n\n        \u003cp class=\"aurelle-body-copy\"\u003e\n          Rounded tips mean nothing catches as you lift a piece\n          off, while the natural wood board provides a soft,\n          non-slip surface for your smaller essentials.\n        \u003c\/p\u003e\n\n        \u003cp class=\"aurelle-body-copy\"\u003e\n          The whole thing assembles in under a minute and ships\n          flat for safe, compact delivery.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- SPECS --\u003e\n\n  \u003csection class=\"aurelle-section aurelle-specs\"\u003e\n\n    \u003cdiv class=\"aurelle-container\"\u003e\n\n      \u003cdiv class=\"aurelle-heading\"\u003e\n\n        \u003cdiv class=\"aurelle-eyebrow\"\u003e\n          BUILT FOR REAL DRESSERS\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Beautifully considered.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"aurelle-spec-grid\"\u003e\n\n\n        \u003cdiv class=\"aurelle-spec\"\u003e\n\n          \u003cspan class=\"aurelle-spec-label\"\u003e\n            Frame\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"aurelle-spec-value\"\u003e\n            Matte black metal\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-spec\"\u003e\n\n          \u003cspan class=\"aurelle-spec-label\"\u003e\n            Tray\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"aurelle-spec-value\"\u003e\n            Natural wood\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-spec\"\u003e\n\n          \u003cspan class=\"aurelle-spec-label\"\u003e\n            Width\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"aurelle-spec-value\"\u003e\n            20 cm\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-spec\"\u003e\n\n          \u003cspan class=\"aurelle-spec-label\"\u003e\n            Depth\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"aurelle-spec-value\"\u003e\n            10 cm\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-spec\"\u003e\n\n          \u003cspan class=\"aurelle-spec-label\"\u003e\n            Height\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"aurelle-spec-value\"\u003e\n            20 cm\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-spec\"\u003e\n\n          \u003cspan class=\"aurelle-spec-label\"\u003e\n            Hooks\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"aurelle-spec-value\"\u003e\n            Five\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-spec\"\u003e\n\n          \u003cspan class=\"aurelle-spec-label\"\u003e\n            Assembly\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"aurelle-spec-value\"\u003e\n            Tool-free\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-spec\"\u003e\n\n          \u003cspan class=\"aurelle-spec-label\"\u003e\n            Shipping\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"aurelle-spec-value\"\u003e\n            Ships flat\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-spec\"\u003e\n\n          \u003cspan class=\"aurelle-spec-label\"\u003e\n            Cleaning\n          \u003c\/span\u003e\n\n          \u003cdiv class=\"aurelle-spec-value\"\u003e\n            Dry cloth\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PERFECT PLACES --\u003e\n\n  \u003csection class=\"aurelle-section aurelle-places\"\u003e\n\n    \u003cdiv class=\"aurelle-container\"\u003e\n\n      \u003cdiv class=\"aurelle-heading\"\u003e\n\n        \u003cdiv class=\"aurelle-eyebrow\"\u003e\n          MADE TO FIT YOUR SPACE\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          One elegant home\n          for everything.\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"aurelle-place-grid\"\u003e\n\n\n        \u003cdiv class=\"aurelle-place\"\u003e\n\n          \u003cdiv class=\"aurelle-place-content\"\u003e\n\n            \u003cdiv class=\"aurelle-place-icon\"\u003e\n              ✦\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n              Dressing Table\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-place\"\u003e\n\n          \u003cdiv class=\"aurelle-place-content\"\u003e\n\n            \u003cdiv class=\"aurelle-place-icon\"\u003e\n              ○\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n              Bedside Pedestal\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-place\"\u003e\n\n          \u003cdiv class=\"aurelle-place-content\"\u003e\n\n            \u003cdiv class=\"aurelle-place-icon\"\u003e\n              ◇\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n              Bathroom Counter\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"aurelle-place\"\u003e\n\n          \u003cdiv class=\"aurelle-place-content\"\u003e\n\n            \u003cdiv class=\"aurelle-place-icon\"\u003e\n              ⌂\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n              Entryway Console\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL CTA --\u003e\n\n  \u003csection class=\"aurelle-cta\"\u003e\n\n    \u003cdiv class=\"aurelle-cta-content\"\u003e\n\n      \u003cdiv class=\"aurelle-eyebrow\"\u003e\n        LUMARI™ AURELLE\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Because good jewellery\n        deserves better than a drawer.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Make your favourite pieces visible.\n        Make getting ready effortless.\n        Organise beautifully.\n      \u003c\/p\u003e\n\n      \u003ca href=\"#\" class=\"aurelle-cta-button\"\u003e\n        SHOP AURELLE\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FOOTER --\u003e\n\n  \u003cdiv class=\"aurelle-footer\"\u003e\n\n    \u003cstrong\u003eLUMARI™\u003c\/strong\u003e\n      •  \n    AURELLE JEWELLERY STAND\n      •  \n    ORGANISE BEAUTIFULLY. LIVE EFFORTLESSLY.\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45695475187781,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/corrected-packaging-shot.png?v=1788598811"},{"product_id":"lumari™-signature-beauty-book","title":"Lumari™ Signature Beauty Book","description":"\u003cstyle\u003e\n.lumari-page{\n  width:100%;\n  max-width:1200px;\n  margin:0 auto;\n  background:#fffafb;\n  color:#171317 !important;\n  font-family:Arial,Helvetica,sans-serif;\n  line-height:1.6;\n  overflow:hidden;\n}\n\n.lumari-page *{\n  box-sizing:border-box;\n}\n\n.lumari-page h1,\n.lumari-page h2,\n.lumari-page h3,\n.lumari-page p,\n.lumari-page span,\n.lumari-page li,\n.lumari-page strong{\n  color:inherit !important;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes lumariFloat{\n  0%,100%{transform:translateY(0) rotate(-1deg);}\n  50%{transform:translateY(-14px) rotate(1deg);}\n}\n\n@keyframes lumariFade{\n  from{opacity:0;transform:translateY(30px);}\n  to{opacity:1;transform:translateY(0);}\n}\n\n@keyframes lumariGlow{\n  0%,100%{transform:scale(.9);opacity:.45;}\n  50%{transform:scale(1.08);opacity:.8;}\n}\n\n@keyframes lumariShine{\n  0%{left:-120%;}\n  55%,100%{left:140%;}\n}\n\n@keyframes lumariMarquee{\n  from{transform:translateX(0);}\n  to{transform:translateX(-50%);}\n}\n\n@keyframes lumariPulse{\n  0%,100%{transform:scale(1);}\n  50%{transform:scale(1.04);}\n}\n\n@keyframes lumariSparkle{\n  0%,100%{opacity:.3;transform:scale(.7);}\n  50%{opacity:1;transform:scale(1.2);}\n}\n\n\/* HERO *\/\n\n.lumari-hero{\n  position:relative;\n  min-height:680px;\n  padding:80px 35px;\n  display:flex;\n  align-items:center;\n  background:\n    radial-gradient(circle at 10% 20%,rgba(239,184,204,.45),transparent 32%),\n    radial-gradient(circle at 90% 80%,rgba(224,191,214,.4),transparent 34%),\n    linear-gradient(135deg,#fffafd 0%,#f9edf3 100%);\n  overflow:hidden;\n}\n\n.lumari-hero-inner{\n  width:100%;\n  max-width:1080px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:55px;\n  align-items:center;\n  position:relative;\n  z-index:2;\n}\n\n.lumari-eyebrow{\n  display:inline-block;\n  margin-bottom:22px;\n  color:#9a4d68 !important;\n  font-size:12px;\n  font-weight:bold;\n  letter-spacing:4px;\n  text-transform:uppercase;\n  animation:lumariFade 1s ease both;\n}\n\n.lumari-eyebrow:before{\n  content:\"✦ \";\n}\n\n.lumari-hero h1{\n  margin:0 0 25px;\n  color:#171317 !important;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(48px,7vw,82px);\n  font-weight:400;\n  line-height:.98;\n  letter-spacing:-3px;\n  animation:lumariFade 1.2s ease both;\n}\n\n.lumari-hero h1 em{\n  color:#a0526b !important;\n  font-style:italic;\n}\n\n.lumari-hero-text{\n  max-width:540px;\n  margin:0 0 30px;\n  color:#4f484d !important;\n  font-size:17px;\n  line-height:1.85;\n  animation:lumariFade 1.4s ease both;\n}\n\n.lumari-button{\n  display:inline-block;\n  padding:16px 29px;\n  border-radius:50px;\n  background:#191519;\n  color:#ffffff !important;\n  text-decoration:none !important;\n  font-size:12px;\n  font-weight:bold;\n  letter-spacing:1.5px;\n  transition:all .35s ease;\n  animation:lumariFade 1.6s ease both;\n}\n\n.lumari-button:hover{\n  transform:translateY(-5px);\n  box-shadow:0 18px 40px rgba(55,25,40,.25);\n}\n\n\/* PRODUCT *\/\n\n.lumari-product{\n  position:relative;\n  min-height:500px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.lumari-glow{\n  position:absolute;\n  width:440px;\n  height:440px;\n  border-radius:50%;\n  background:radial-gradient(circle,#e8a9bd 0%,rgba(232,169,189,0) 68%);\n  animation:lumariGlow 5s ease-in-out infinite;\n}\n\n.lumari-product-box{\n  position:relative;\n  width:min(400px,92%);\n  padding:24px;\n  border-radius:30px;\n  background:rgba(255,255,255,.62);\n  border:1px solid rgba(255,255,255,.9);\n  box-shadow:\n    0 30px 80px rgba(76,34,52,.18),\n    inset 0 1px 0 rgba(255,255,255,.9);\n  backdrop-filter:blur(12px);\n  animation:lumariFloat 6s ease-in-out infinite;\n  overflow:hidden;\n}\n\n.lumari-product-box:after{\n  content:\"\";\n  position:absolute;\n  top:-20%;\n  left:-120%;\n  width:60%;\n  height:150%;\n  background:linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.75),\n    transparent\n  );\n  transform:rotate(20deg);\n  animation:lumariShine 5s infinite;\n}\n\n\/* PRODUCT IMAGE PLACEHOLDER *\/\n\n.lumari-book{\n  position:relative;\n  width:230px;\n  height:320px;\n  margin:20px auto;\n  border-radius:15px;\n  background:\n    linear-gradient(\n      145deg,\n      #f5c8d7 0%,\n      #e8a1b8 45%,\n      #c76e8c 100%\n    );\n  box-shadow:\n    0 28px 45px rgba(78,35,52,.25),\n    inset 5px 0 0 rgba(255,255,255,.25);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  animation:lumariPulse 5s ease-in-out infinite;\n}\n\n.lumari-book:before{\n  content:\"\";\n  position:absolute;\n  inset:12px;\n  border:1px solid rgba(255,255,255,.7);\n  border-radius:10px;\n}\n\n.lumari-book:after{\n  content:\"✦  ✧  ✦\";\n  position:absolute;\n  top:28px;\n  left:0;\n  right:0;\n  color:#fff1f6 !important;\n  font-size:16px;\n  letter-spacing:8px;\n}\n\n.lumari-book-content{\n  position:relative;\n  z-index:2;\n  color:white !important;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:26px;\n  line-height:1.2;\n  text-shadow:0 2px 8px rgba(70,25,45,.18);\n}\n\n.lumari-book-content small{\n  display:block;\n  margin-top:15px;\n  color:white !important;\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:9px;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n\/* DIMENSIONS *\/\n\n.lumari-dimensions{\n  text-align:center;\n  margin-top:25px;\n}\n\n.lumari-dimensions strong{\n  display:block;\n  color:#211b20 !important;\n  font-size:11px;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.lumari-dimensions span{\n  display:block;\n  margin-top:5px;\n  color:#777077 !important;\n  font-size:12px;\n}\n\n\/* FLOATING SPARKLES *\/\n\n.lumari-sparkle{\n  position:absolute;\n  color:#b86581 !important;\n  font-size:20px;\n  animation:lumariSparkle 3s ease-in-out infinite;\n}\n\n.lumari-sparkle.one{\n  top:50px;\n  right:40px;\n}\n\n.lumari-sparkle.two{\n  bottom:60px;\n  left:30px;\n  animation-delay:1s;\n}\n\n.lumari-sparkle.three{\n  top:30%;\n  left:5%;\n  animation-delay:1.7s;\n}\n\n\/* MARQUEE *\/\n\n.lumari-marquee{\n  width:100%;\n  background:#191519;\n  overflow:hidden;\n  white-space:nowrap;\n  padding:18px 0;\n}\n\n.lumari-marquee-track{\n  width:max-content;\n  display:flex;\n  animation:lumariMarquee 28s linear infinite;\n}\n\n.lumari-marquee-item{\n  padding:0 32px;\n  color:#ffffff !important;\n  font-size:11px;\n  font-weight:bold;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.lumari-marquee-item:after{\n  content:\"  ✦\";\n  color:#e5a4b8 !important;\n  margin-left:28px;\n}\n\n\/* GENERAL SECTION *\/\n\n.lumari-section{\n  padding:95px 30px;\n  background:#ffffff;\n}\n\n.lumari-section.pink{\n  background:\n    linear-gradient(135deg,#fff9fb,#f8edf2);\n}\n\n.lumari-container{\n  max-width:1050px;\n  margin:0 auto;\n}\n\n.lumari-title{\n  max-width:760px;\n  margin:0 auto 55px;\n  text-align:center;\n}\n\n.lumari-kicker{\n  margin-bottom:12px;\n  color:#a0526b !important;\n  font-size:11px;\n  font-weight:bold;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.lumari-title h2{\n  margin:0 0 20px;\n  color:#171317 !important;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(38px,5vw,60px);\n  font-weight:400;\n  line-height:1.05;\n  letter-spacing:-2px;\n}\n\n.lumari-title h2 em{\n  color:#a0526b !important;\n  font-style:italic;\n}\n\n.lumari-title p{\n  margin:0;\n  color:#655d62 !important;\n  font-size:16px;\n  line-height:1.8;\n}\n\n\/* 70 COLOURS *\/\n\n.lumari-stats{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n}\n\n.lumari-stat{\n  padding:35px 18px;\n  text-align:center;\n  border:1px solid #eadde2;\n  border-radius:22px;\n  background:#ffffff;\n  transition:all .4s ease;\n}\n\n.lumari-stat:hover{\n  transform:translateY(-9px);\n  box-shadow:0 25px 55px rgba(83,39,58,.13);\n}\n\n.lumari-stat-number{\n  margin-bottom:8px;\n  color:#a0526b !important;\n  font-family:Georgia,serif;\n  font-size:52px;\n  line-height:1;\n}\n\n.lumari-stat-title{\n  color:#211b20 !important;\n  font-size:11px;\n  font-weight:bold;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.lumari-stat p{\n  margin:10px 0 0;\n  color:#777077 !important;\n  font-size:12px;\n  line-height:1.6;\n}\n\n\/* BENEFITS *\/\n\n.lumari-benefits{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:20px;\n}\n\n.lumari-benefit{\n  position:relative;\n  padding:35px;\n  border:1px solid #eadde2;\n  border-radius:25px;\n  background:linear-gradient(145deg,#ffffff,#fcf1f5);\n  transition:all .4s ease;\n  overflow:hidden;\n}\n\n.lumari-benefit:hover{\n  transform:translateY(-8px);\n  box-shadow:0 25px 55px rgba(90,40,60,.12);\n}\n\n.lumari-benefit-number{\n  position:absolute;\n  top:20px;\n  right:25px;\n  color:#ead0d9 !important;\n  font-family:Georgia,serif;\n  font-size:42px;\n}\n\n.lumari-icon{\n  margin-bottom:14px;\n  font-size:30px;\n}\n\n.lumari-benefit h3{\n  margin:0 0 10px;\n  color:#171317 !important;\n  font-family:Georgia,serif;\n  font-size:24px;\n  font-weight:400;\n}\n\n.lumari-benefit p{\n  margin:0;\n  color:#6c6469 !important;\n  font-size:14px;\n  line-height:1.75;\n}\n\n\/* DARK SECTION *\/\n\n.lumari-dark{\n  background:#191518;\n  color:#ffffff !important;\n}\n\n.lumari-dark .lumari-kicker{\n  color:#e3a4b7 !important;\n}\n\n.lumari-dark .lumari-title h2{\n  color:#ffffff !important;\n}\n\n.lumari-dark .lumari-title h2 em{\n  color:#e4a4b7 !important;\n}\n\n.lumari-dark .lumari-title p{\n  color:#c1b7bc !important;\n}\n\n\/* INSIDE CARDS *\/\n\n.lumari-inside{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n}\n\n.lumari-inside-card{\n  min-height:250px;\n  padding:30px 25px;\n  border-radius:22px;\n  border:1px solid rgba(255,255,255,.13);\n  background:rgba(255,255,255,.045);\n  transition:all .4s ease;\n}\n\n.lumari-inside-card:hover{\n  transform:translateY(-9px);\n  border-color:rgba(255,255,255,.35);\n  background:rgba(255,255,255,.08);\n}\n\n.lumari-inside-number{\n  margin-bottom:30px;\n  color:#e1a1b5 !important;\n  font-size:10px;\n  font-weight:bold;\n  letter-spacing:2px;\n}\n\n.lumari-inside-card h3{\n  margin:0 0 14px;\n  color:#ffffff !important;\n  font-family:Georgia,serif;\n  font-size:23px;\n  font-weight:400;\n}\n\n.lumari-inside-card p{\n  margin:0;\n  color:#bcb1b7 !important;\n  font-size:13px;\n  line-height:1.7;\n}\n\n\/* HOW IT WORKS *\/\n\n.lumari-steps{\n  max-width:800px;\n  margin:0 auto;\n}\n\n.lumari-step{\n  display:flex;\n  gap:20px;\n  padding:25px 0;\n  border-bottom:1px solid #eadde2;\n}\n\n.lumari-step:last-child{\n  border-bottom:none;\n}\n\n.lumari-step-number{\n  flex:0 0 46px;\n  width:46px;\n  height:46px;\n  border-radius:50%;\n  background:#191519;\n  color:#ffffff !important;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:11px;\n  font-weight:bold;\n}\n\n.lumari-step h3{\n  margin:0 0 5px;\n  color:#171317 !important;\n  font-family:Georgia,serif;\n  font-size:22px;\n  font-weight:400;\n}\n\n.lumari-step p{\n  margin:0;\n  color:#70686d !important;\n  font-size:14px;\n}\n\n\/* QUOTE *\/\n\n.lumari-quote{\n  padding:110px 25px;\n  text-align:center;\n  background:\n    radial-gradient(circle at center,#f4d8e1,transparent 52%),\n    #fff9fb;\n}\n\n.lumari-quote-mark{\n  color:#d28fa5 !important;\n  font-family:Georgia,serif;\n  font-size:90px;\n  line-height:.4;\n}\n\n.lumari-quote h2{\n  max-width:820px;\n  margin:30px auto 22px;\n  color:#171317 !important;\n  font-family:Georgia,serif;\n  font-size:clamp(38px,6vw,65px);\n  font-weight:400;\n  line-height:1.1;\n}\n\n.lumari-quote h2 em{\n  color:#a0526b !important;\n  font-style:italic;\n}\n\n.lumari-quote p{\n  margin:0;\n  color:#766d72 !important;\n  font-size:11px;\n  font-weight:bold;\n  letter-spacing:3px;\n}\n\n\/* FINAL *\/\n\n.lumari-final{\n  padding:110px 25px;\n  text-align:center;\n  background:\n    radial-gradient(circle at center top,#f1ccd9,transparent 52%),\n    #ffffff;\n}\n\n.lumari-final h2{\n  margin:0 0 20px;\n  color:#171317 !important;\n  font-family:Georgia,serif;\n  font-size:clamp(42px,6vw,70px);\n  font-weight:400;\n  line-height:1;\n}\n\n.lumari-final h2 em{\n  color:#a0526b !important;\n  font-style:italic;\n}\n\n.lumari-final p{\n  max-width:650px;\n  margin:0 auto 30px;\n  color:#655d62 !important;\n  font-size:16px;\n  line-height:1.8;\n}\n\n\/* DISCLAIMER *\/\n\n.lumari-disclaimer{\n  padding:25px 20px;\n  background:#f4ebef;\n  text-align:center;\n}\n\n.lumari-disclaimer p{\n  max-width:850px;\n  margin:0 auto;\n  color:#756c71 !important;\n  font-size:11px;\n  line-height:1.7;\n}\n\n\/* MOBILE *\/\n\n@media screen and (max-width:850px){\n\n  .lumari-hero{\n    min-height:auto;\n    padding:65px 20px;\n  }\n\n  .lumari-hero-inner{\n    grid-template-columns:1fr;\n    text-align:center;\n    gap:45px;\n  }\n\n  .lumari-hero-text{\n    margin-left:auto;\n    margin-right:auto;\n  }\n\n  .lumari-product{\n    min-height:430px;\n  }\n\n  .lumari-stats{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .lumari-inside{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n}\n\n@media screen and (max-width:600px){\n\n  .lumari-hero{\n    padding:55px 17px;\n  }\n\n  .lumari-hero h1{\n    font-size:49px;\n    letter-spacing:-2px;\n  }\n\n  .lumari-hero-text{\n    font-size:15px;\n  }\n\n  .lumari-product{\n    min-height:390px;\n  }\n\n  .lumari-product-box{\n    width:320px;\n    padding:18px;\n  }\n\n  .lumari-book{\n    width:205px;\n    height:285px;\n  }\n\n  .lumari-section{\n    padding:75px 18px;\n  }\n\n  .lumari-title{\n    margin-bottom:40px;\n  }\n\n  .lumari-title h2{\n    font-size:40px;\n  }\n\n  .lumari-stats{\n    gap:10px;\n  }\n\n  .lumari-stat{\n    padding:25px 10px;\n  }\n\n  .lumari-stat-number{\n    font-size:42px;\n  }\n\n  .lumari-benefits{\n    grid-template-columns:1fr;\n  }\n\n  .lumari-inside{\n    grid-template-columns:1fr;\n  }\n\n  .lumari-inside-card{\n    min-height:auto;\n  }\n\n  .lumari-step{\n    gap:15px;\n  }\n\n  .lumari-quote{\n    padding:80px 18px;\n  }\n\n  .lumari-final{\n    padding:80px 18px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"lumari-page\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003csection class=\"lumari-hero\"\u003e\n\n    \u003cdiv class=\"lumari-sparkle one\"\u003e✦\u003c\/div\u003e\n    \u003cdiv class=\"lumari-sparkle two\"\u003e✧\u003c\/div\u003e\n    \u003cdiv class=\"lumari-sparkle three\"\u003e✦\u003c\/div\u003e\n\n    \u003cdiv class=\"lumari-hero-inner\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"lumari-eyebrow\"\u003e\n          LUMARI™ SIGNATURE BEAUTY\n        \u003c\/div\u003e\n\n        \u003ch1\u003e\n          One book.\u003cbr\u003e\n          \u003cem\u003eEndless looks.\u003c\/em\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"lumari-hero-text\"\u003e\n          Lumari™ Signature Beauty Book brings your everyday\n          essentials together in one beautifully compact makeup\n          collection, so you can create soft daytime glam,\n          defined full-face looks, and everything in between\n          without digging through separate palettes.\n        \u003c\/p\u003e\n\n        \u003ca href=\"#lumari-beauty-details\" class=\"lumari-button\"\u003e\n          DISCOVER THE BEAUTY BOOK →\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-product\"\u003e\n\n        \u003cdiv class=\"lumari-glow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-product-box\"\u003e\n\n          \u003cdiv class=\"lumari-book\"\u003e\n\n            \u003cdiv class=\"lumari-book-content\"\u003e\n\n              LUMARI™\n              \n              \u003cbr\u003e\n\n              \u003cspan style=\"font-size:18px;color:#ffffff !important;\"\u003e\n                Signature\n              \u003c\/span\u003e\n\n              \u003cbr\u003e\n\n              \u003cspan style=\"font-size:18px;color:#ffffff !important;\"\u003e\n                Beauty Book\n              \u003c\/span\u003e\n\n              \u003csmall\u003e\n                70 versatile colours\n              \u003c\/small\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lumari-dimensions\"\u003e\n\n            \u003cstrong\u003e\n              Compact • Elegant • Complete\n            \u003c\/strong\u003e\n\n            \u003cspan\u003e\n              Approx. 12.8 × 18.5 × 3.8 cm\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- MOVING BAR --\u003e\n\n  \u003cdiv class=\"lumari-marquee\"\u003e\n\n    \u003cdiv class=\"lumari-marquee-track\"\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        DAY TO NIGHT BEAUTY\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        70 VERSATILE COLOURS\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        EYES\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        CHEEKS\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        BROWS\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        LIPS\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        DAY TO NIGHT BEAUTY\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        70 VERSATILE COLOURS\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        EYES\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        CHEEKS\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        BROWS\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-marquee-item\"\u003e\n        LIPS\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- INTRO --\u003e\n\n  \u003csection class=\"lumari-section\" id=\"lumari-beauty-details\"\u003e\n\n    \u003cdiv class=\"lumari-container\"\u003e\n\n      \u003cdiv class=\"lumari-title\"\u003e\n\n        \u003cdiv class=\"lumari-kicker\"\u003e\n          BEAUTY, SIMPLIFIED\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Your entire beauty routine,\n          \u003cem\u003ebeautifully organised.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          With 70 versatile colours across eyes, cheeks,\n          brows and lips, getting ready becomes simpler,\n          faster and far more put together.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-stats\"\u003e\n\n        \u003cdiv class=\"lumari-stat\"\u003e\n\n          \u003cdiv class=\"lumari-stat-number\"\u003e\n            48\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lumari-stat-title\"\u003e\n            Eyeshadows\n          \u003c\/div\u003e\n\n          \u003cp\u003e\n            Everyday definition, soft colour\n            and statement looks.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-stat\"\u003e\n\n          \u003cdiv class=\"lumari-stat-number\"\u003e\n            6\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lumari-stat-title\"\u003e\n            Blush Shades\n          \u003c\/div\u003e\n\n          \u003cp\u003e\n            Fresh-looking colour for\n            naturally radiant cheeks.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-stat\"\u003e\n\n          \u003cdiv class=\"lumari-stat-number\"\u003e\n            10\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lumari-stat-title\"\u003e\n            Face Shades\n          \u003c\/div\u003e\n\n          \u003cp\u003e\n            Highlight, contour and\n            brow pomade options.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-stat\"\u003e\n\n          \u003cdiv class=\"lumari-stat-number\"\u003e\n            6\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lumari-stat-title\"\u003e\n            Lip Colours\n          \u003c\/div\u003e\n\n          \u003cp\u003e\n            Complete your look with\n            beautiful lip colour.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n\n  \u003csection class=\"lumari-section pink\"\u003e\n\n    \u003cdiv class=\"lumari-container\"\u003e\n\n      \u003cdiv class=\"lumari-title\"\u003e\n\n        \u003cdiv class=\"lumari-kicker\"\u003e\n          WHY YOU'LL LOVE IT\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          More looks.\u003cbr\u003e\n          \u003cem\u003eLess searching.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Everything you need for soft daytime beauty,\n          polished everyday looks and spontaneous glam.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-benefits\"\u003e\n\n        \u003cdiv class=\"lumari-benefit\"\u003e\n\n          \u003cdiv class=\"lumari-benefit-number\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lumari-icon\"\u003e\n            ✨\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Complete Beauty Looks\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Create complete eye, cheek and lip looks\n            from one compact beauty book. Everything\n            you need is right where you need it.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-benefit\"\u003e\n\n          \u003cdiv class=\"lumari-benefit-number\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lumari-icon\"\u003e\n            🎨\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Day-To-Night Versatility\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Mix warm neutrals, rosy tones and shimmer\n            finishes to create effortless looks from\n            subtle daytime beauty to evening glam.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-benefit\"\u003e\n\n          \u003cdiv class=\"lumari-benefit-number\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lumari-icon\"\u003e\n            👜\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Beauty On The Go\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Keep your beauty routine organised at home\n            or take your colour collection with you\n            wherever the day takes you.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-benefit\"\u003e\n\n          \u003cdiv class=\"lumari-benefit-number\"\u003e\n            04\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"lumari-icon\"\u003e\n            💗\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Your Kind Of Glam\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Go natural, polished or bold. Build your\n            colour gradually and blend until you create\n            the finish you love.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- WHAT'S INSIDE --\u003e\n\n  \u003csection class=\"lumari-section lumari-dark\"\u003e\n\n    \u003cdiv class=\"lumari-container\"\u003e\n\n      \u003cdiv class=\"lumari-title\"\u003e\n\n        \u003cdiv class=\"lumari-kicker\"\u003e\n          WHAT'S INSIDE\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          70 colours.\u003cbr\u003e\n          \u003cem\u003eInfinite possibilities.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Five easy-to-use makeup pages bring together\n          the essential shades for your everyday beauty routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-inside\"\u003e\n\n        \u003cdiv class=\"lumari-inside-card\"\u003e\n\n          \u003cdiv class=\"lumari-inside-number\"\u003e\n            01 \/ EYES\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            48 Eyeshadows\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Create everyday definition, soft colour,\n            beautifully blended looks and statement eyes.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-inside-card\"\u003e\n\n          \u003cdiv class=\"lumari-inside-number\"\u003e\n            02 \/ CHEEKS\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            6 Blush Shades\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Add fresh-looking colour and effortless\n            warmth to your cheeks.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-inside-card\"\u003e\n\n          \u003cdiv class=\"lumari-inside-number\"\u003e\n            03 \/ FACE\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            10 Face Shades\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Highlight, contour and shape with versatile\n            face shades, including brow pomade options.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-inside-card\"\u003e\n\n          \u003cdiv class=\"lumari-inside-number\"\u003e\n            04 \/ LIPS\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            6 Lip Colours\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Complete your look with a lip colour\n            that suits your style and mood.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n\n  \u003csection class=\"lumari-section\"\u003e\n\n    \u003cdiv class=\"lumari-container\"\u003e\n\n      \u003cdiv class=\"lumari-title\"\u003e\n\n        \u003cdiv class=\"lumari-kicker\"\u003e\n          HOW IT WORKS\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Open.\u003cbr\u003e\n          Create.\u003cbr\u003e\n          \u003cem\u003eGlow.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Turn through the five makeup pages and\n          build your look step by step.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-steps\"\u003e\n\n        \u003cdiv class=\"lumari-step\"\u003e\n\n          \u003cdiv class=\"lumari-step-number\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Define your eyes\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Start with the eyeshadow pages to\n              define, brighten or intensify your eyes.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-step\"\u003e\n\n          \u003cdiv class=\"lumari-step-number\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Add a touch of blush\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Choose your favourite blush shade and\n              add fresh-looking colour to the cheeks.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-step\"\u003e\n\n          \u003cdiv class=\"lumari-step-number\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Add warmth and glow\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Use the face shades to add warmth,\n              contour and highlight where desired.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-step\"\u003e\n\n          \u003cdiv class=\"lumari-step-number\"\u003e\n            04\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Shape your brows\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Use the brow pomade options to\n              shape and define your brows.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-step\"\u003e\n\n          \u003cdiv class=\"lumari-step-number\"\u003e\n            05\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Finish with lips\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Choose a lip colour that completes\n              your look and brings everything together.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- EXPERIENCE --\u003e\n\n  \u003csection class=\"lumari-quote\"\u003e\n\n    \u003cdiv class=\"lumari-quote-mark\"\u003e\n      “\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Your beauty routine,\n      \u003cem\u003eall in one place.\u003c\/em\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      SOFT   •  \n      POLISHED   •  \n      GLAM   •  \n      EVERYTHING IN BETWEEN\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL CTA --\u003e\n\n  \u003csection class=\"lumari-final\"\u003e\n\n    \u003cdiv class=\"lumari-kicker\"\u003e\n      LUMARI™ SIGNATURE BEAUTY BOOK\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      One book.\u003cbr\u003e\n      \u003cem\u003eYour beauty wardrobe.\u003c\/em\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Build a natural glow in minutes or layer and blend\n      your way into a bolder look. Whatever your mood,\n      your next look starts here.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#lumari-beauty-details\" class=\"lumari-button\"\u003e\n      EXPLORE YOUR LOOKS →\n    \u003c\/a\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- DISCLAIMER --\u003e\n\n  \u003cdiv class=\"lumari-disclaimer\"\u003e\n\n    \u003cp\u003e\n      For external use only. Patch test before use.\n      Colours may appear slightly different depending\n      on your screen and lighting.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45695799951429,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/lumari-makeup-book-hero-with-presentation-box.png?v=1788604805"},{"product_id":"lumari™-glow-led-mirror","title":"Lumari™ Glow LED Mirror","description":"\u003cdiv class=\"lumari-glow-mirror\"\u003e\n\n\u003cstyle\u003e\n\/* =========================================================\n   LUMARI™ GLOW LED MIRROR\n   SHOPIFY-SAFE PREMIUM HTML\n   ========================================================= *\/\n\n.lumari-glow-mirror,\n.lumari-glow-mirror * {\n  box-sizing: border-box;\n}\n\n.lumari-glow-mirror {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  background: #ffffff;\n  color: #111111;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.lumari-glow-mirror h1,\n.lumari-glow-mirror h2,\n.lumari-glow-mirror h3,\n.lumari-glow-mirror p {\n  margin-top: 0;\n}\n\n.lumari-glow-mirror a {\n  text-decoration: none !important;\n}\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes lumariFadeUp {\n  0% {\n    opacity: 0;\n    transform: translateY(28px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes lumariFadeIn {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes lumariFloat {\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-12px);\n  }\n}\n\n@keyframes lumariGlow {\n  0%,\n  100% {\n    opacity: .55;\n    transform: scale(.95);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.08);\n  }\n}\n\n@keyframes lumariShine {\n  0% {\n    left: -120%;\n    opacity: 0;\n  }\n\n  15% {\n    opacity: 1;\n  }\n\n  40% {\n    left: 120%;\n    opacity: 0;\n  }\n\n  100% {\n    left: 120%;\n    opacity: 0;\n  }\n}\n\n@keyframes lumariRotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes lumariPulse {\n  0%,\n  100% {\n    opacity: .55;\n    box-shadow: 0 0 8px rgba(232,195,108,.35);\n  }\n\n  50% {\n    opacity: 1;\n    box-shadow: 0 0 22px rgba(232,195,108,.9);\n  }\n}\n\n@keyframes lumariGold {\n  0% {\n    background-position: 0% 50%;\n  }\n\n  50% {\n    background-position: 100% 50%;\n  }\n\n  100% {\n    background-position: 0% 50%;\n  }\n}\n\n\/* =========================================================\n   GOLD TEXT\n   ========================================================= *\/\n\n.lumari-gold {\n  background: linear-gradient(\n    90deg,\n    #9b7333,\n    #e9c875,\n    #fff0b0,\n    #b4863f,\n    #e4c06d\n  );\n\n  background-size: 300% 100%;\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  animation: lumariGold 5s ease infinite;\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.lumari-hero {\n  position: relative;\n  min-height: 650px;\n\n  padding: 90px 25px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 75% 45%,\n      rgba(218,181,95,.20),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 20% 70%,\n      rgba(218,181,95,.08),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #050505 0%,\n      #151515 50%,\n      #050505 100%\n    );\n}\n\n\/* Decorative rings *\/\n\n.lumari-hero-ring-1 {\n  position: absolute;\n\n  width: 650px;\n  height: 650px;\n\n  border: 1px solid rgba(215,176,91,.20);\n\n  border-radius: 50%;\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%, -50%);\n\n  animation: lumariRotate 25s linear infinite;\n\n  pointer-events: none;\n}\n\n.lumari-hero-ring-2 {\n  position: absolute;\n\n  width: 850px;\n  height: 850px;\n\n  border: 1px solid rgba(215,176,91,.08);\n\n  border-radius: 50%;\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%, -50%);\n\n  animation: lumariRotate 35s linear infinite reverse;\n\n  pointer-events: none;\n}\n\n\/* Small stars *\/\n\n.lumari-star {\n  position: absolute;\n\n  width: 4px;\n  height: 4px;\n\n  border-radius: 50%;\n\n  background: #e8c56e;\n\n  box-shadow: 0 0 14px #e8c56e;\n\n  animation: lumariPulse 2.5s ease-in-out infinite;\n}\n\n.lumari-star-1 {\n  top: 18%;\n  left: 12%;\n}\n\n.lumari-star-2 {\n  top: 70%;\n  left: 22%;\n  animation-delay: .8s;\n}\n\n.lumari-star-3 {\n  top: 20%;\n  right: 16%;\n  animation-delay: 1.2s;\n}\n\n.lumari-star-4 {\n  bottom: 17%;\n  right: 12%;\n  animation-delay: 1.8s;\n}\n\n\/* Hero content *\/\n\n.lumari-hero-content {\n  position: relative;\n  z-index: 5;\n\n  width: 100%;\n  max-width: 900px;\n\n  text-align: center;\n\n  animation: lumariFadeUp 1s ease both;\n}\n\n.lumari-label {\n  display: inline-block;\n\n  padding: 10px 18px;\n\n  border-radius: 100px;\n\n  border: 1px solid rgba(225,191,112,.45);\n\n  background: rgba(211,169,76,.10);\n\n  color: #efd58e;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 28px;\n}\n\n.lumari-hero-title {\n  display: block !important;\n\n  margin: 0 auto 24px !important;\n\n  color: #ffffff !important;\n\n  font-size: clamp(43px, 7vw, 82px) !important;\n\n  line-height: 1 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: -3px !important;\n}\n\n.lumari-hero-subtitle {\n  display: block !important;\n\n  max-width: 700px;\n\n  margin: 0 auto 35px !important;\n\n  color: #eeeeee !important;\n\n  font-size: 18px !important;\n\n  line-height: 1.75 !important;\n}\n\n.lumari-button {\n  display: inline-flex !important;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 12px;\n\n  padding: 16px 27px;\n\n  border-radius: 100px;\n\n  background: linear-gradient(\n    135deg,\n    #e3c274,\n    #a77d38\n  );\n\n  color: #111111 !important;\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n\n  box-shadow:\n    0 15px 40px rgba(204,164,77,.25),\n    inset 0 1px rgba(255,255,255,.45);\n\n  transition: all .35s ease;\n}\n\n.lumari-button:hover {\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 22px 55px rgba(204,164,77,.38),\n    inset 0 1px rgba(255,255,255,.5);\n}\n\n.lumari-button-arrow {\n  font-size: 17px;\n\n  transition: transform .3s ease;\n}\n\n.lumari-button:hover .lumari-button-arrow {\n  transform: translateX(5px);\n}\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.lumari-intro {\n  position: relative;\n\n  padding: 95px 25px;\n\n  background:\n    radial-gradient(\n      circle at 10% 10%,\n      rgba(210,171,82,.08),\n      transparent 30%\n    ),\n    #f8f5ed;\n\n  overflow: hidden;\n}\n\n.lumari-intro::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(178,139,59,.15);\n\n  right: -250px;\n  bottom: -300px;\n\n  pointer-events: none;\n}\n\n.lumari-container {\n  width: 100%;\n  max-width: 1120px;\n\n  margin: 0 auto;\n}\n\n.lumari-intro-grid {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 70px;\n\n  align-items: center;\n}\n\n.lumari-small-title {\n  color: #a27b3b !important;\n\n  font-size: 11px !important;\n\n  font-weight: 800 !important;\n\n  letter-spacing: 3px !important;\n\n  text-transform: uppercase !important;\n\n  margin-bottom: 17px !important;\n}\n\n.lumari-intro-title {\n  color: #111111 !important;\n\n  font-size: clamp(37px, 5vw, 60px) !important;\n\n  line-height: 1.03 !important;\n\n  letter-spacing: -2px !important;\n\n  font-weight: 700 !important;\n\n  margin-bottom: 24px !important;\n}\n\n.lumari-intro-text {\n  color: #4f4f4f !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.85 !important;\n\n  margin-bottom: 0 !important;\n}\n\n\/* =========================================================\n   FEATURE GRID\n   ========================================================= *\/\n\n.lumari-feature-grid {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 18px;\n}\n\n.lumari-feature {\n  position: relative;\n\n  padding: 30px;\n\n  min-height: 190px;\n\n  background: rgba(255,255,255,.78);\n\n  border: 1px solid rgba(0,0,0,.07);\n\n  border-radius: 20px;\n\n  box-shadow: 0 10px 35px rgba(0,0,0,.04);\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n.lumari-feature:hover {\n  transform: translateY(-8px);\n\n  box-shadow:\n    0 25px 55px rgba(0,0,0,.10);\n}\n\n.lumari-feature-icon {\n  width: 50px;\n  height: 50px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 15px;\n\n  background: #111111;\n\n  color: #e8c675;\n\n  font-size: 22px;\n\n  margin-bottom: 20px;\n\n  box-shadow: 0 10px 25px rgba(0,0,0,.14);\n\n  transition: transform .35s ease;\n}\n\n.lumari-feature:hover .lumari-feature-icon {\n  transform: rotate(-6deg) scale(1.08);\n}\n\n.lumari-feature h3 {\n  color: #111111 !important;\n\n  font-size: 18px !important;\n\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  margin-bottom: 8px !important;\n}\n\n.lumari-feature p {\n  color: #666666 !important;\n\n  font-size: 14px !important;\n\n  line-height: 1.65 !important;\n\n  margin-bottom: 0 !important;\n}\n\n\/* =========================================================\n   DARK PRODUCT SECTION\n   ========================================================= *\/\n\n.lumari-dark-section {\n  position: relative;\n\n  padding: 105px 25px;\n\n  background:\n    radial-gradient(\n      circle at 75% 50%,\n      rgba(211,170,78,.13),\n      transparent 30%\n    ),\n    #080808;\n\n  overflow: hidden;\n}\n\n.lumari-dark-section::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 700px;\n  height: 700px;\n\n  border: 1px solid rgba(217,180,95,.08);\n\n  border-radius: 50%;\n\n  right: -300px;\n  top: -300px;\n\n  animation: lumariRotate 30s linear infinite;\n}\n\n.lumari-dark-grid {\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 70px;\n\n  align-items: center;\n}\n\n.lumari-dark-label {\n  color: #e4c477 !important;\n\n  font-size: 11px !important;\n\n  font-weight: 800 !important;\n\n  letter-spacing: 3px !important;\n\n  text-transform: uppercase !important;\n\n  margin-bottom: 18px !important;\n}\n\n.lumari-dark-title {\n  color: #ffffff !important;\n\n  font-size: clamp(37px, 5vw, 60px) !important;\n\n  line-height: 1.03 !important;\n\n  letter-spacing: -2px !important;\n\n  margin-bottom: 24px !important;\n}\n\n.lumari-dark-text {\n  color: #c9c9c9 !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.8 !important;\n\n  margin-bottom: 30px !important;\n}\n\n\/* Checklist *\/\n\n.lumari-checklist {\n  margin: 0;\n\n  padding: 0;\n\n  list-style: none;\n}\n\n.lumari-checklist li {\n  display: flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 15px;\n\n  color: #eeeeee;\n\n  font-size: 14px;\n}\n\n.lumari-check {\n  flex-shrink: 0;\n\n  width: 27px;\n  height: 27px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: rgba(225,190,107,.14);\n\n  border: 1px solid rgba(225,190,107,.38);\n\n  color: #edcf7b;\n\n  font-size: 12px;\n}\n\n\/* =========================================================\n   CSS MIRROR\n   ========================================================= *\/\n\n.lumari-product-visual {\n  min-height: 450px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  position: relative;\n}\n\n.lumari-product-glow {\n  position: absolute;\n\n  width: 320px;\n  height: 320px;\n\n  border-radius: 50%;\n\n  background: rgba(239,207,126,.15);\n\n  filter: blur(60px);\n\n  animation: lumariGlow 3.5s ease-in-out infinite;\n}\n\n.lumari-mirror {\n  position: relative;\n\n  width: 285px;\n  height: 360px;\n\n  border-radius: 48% 48% 43% 43%;\n\n  background:\n    radial-gradient(\n      ellipse at center,\n      #272727 0%,\n      #101010 55%,\n      #050505 100%\n    );\n\n  border: 5px solid #d6b86d;\n\n  box-shadow:\n    0 0 0 5px #171717,\n    0 0 35px rgba(235,202,122,.38),\n    0 35px 70px rgba(0,0,0,.65);\n\n  animation: lumariFloat 5s ease-in-out infinite;\n\n  overflow: hidden;\n}\n\n.lumari-mirror::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 10px;\n\n  border-radius: inherit;\n\n  border: 2px solid rgba(255,239,185,.45);\n}\n\n.lumari-mirror-ring {\n  position: absolute;\n\n  inset: 18px;\n\n  border-radius: inherit;\n\n  border: 3px solid #f4dc99;\n\n  box-shadow:\n    0 0 12px rgba(255,226,149,.8),\n    inset 0 0 14px rgba(255,226,149,.25);\n\n  animation: lumariPulse 2.4s ease-in-out infinite;\n}\n\n.lumari-mirror-shine {\n  position: absolute;\n\n  width: 70px;\n  height: 500px;\n\n  top: -70px;\n\n  left: -120%;\n\n  transform: rotate(20deg);\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.22),\n    transparent\n  );\n\n  animation: lumariShine 5s ease-in-out infinite;\n}\n\n.lumari-mirror-button {\n  position: absolute;\n\n  bottom: 30px;\n\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  width: 13px;\n  height: 13px;\n\n  border-radius: 50%;\n\n  border: 2px solid #d7b96e;\n\n  box-shadow: 0 0 10px rgba(225,194,112,.6);\n}\n\n.lumari-mirror-stand {\n  position: absolute;\n\n  bottom: -45px;\n\n  width: 130px;\n  height: 90px;\n\n  border-radius: 15px 15px 25px 25px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #292929,\n      #080808\n    );\n\n  border-bottom: 4px solid #caa85f;\n\n  box-shadow: 0 20px 40px rgba(0,0,0,.55);\n}\n\n\/* =========================================================\n   ROUTINE SECTION\n   ========================================================= *\/\n\n.lumari-routine {\n  padding: 100px 25px;\n\n  background: #ffffff;\n\n  text-align: center;\n}\n\n.lumari-routine-heading {\n  max-width: 700px;\n\n  margin: 0 auto 55px;\n}\n\n.lumari-routine-title {\n  color: #111111 !important;\n\n  font-size: clamp(36px, 5vw, 57px) !important;\n\n  line-height: 1.04 !important;\n\n  letter-spacing: -2px !important;\n\n  margin-bottom: 18px !important;\n}\n\n.lumari-routine-description {\n  color: #666666 !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.75 !important;\n\n  margin-bottom: 0 !important;\n}\n\n.lumari-steps {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 18px;\n}\n\n.lumari-step {\n  padding: 30px 20px;\n\n  border-radius: 20px;\n\n  background: #faf9f6;\n\n  border: 1px solid #ebe6db;\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n.lumari-step:hover {\n  transform: translateY(-8px);\n\n  box-shadow:\n    0 22px 45px rgba(0,0,0,.08);\n}\n\n.lumari-step-number {\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 auto 18px;\n\n  border-radius: 50%;\n\n  background: #111111;\n\n  color: #e5c476;\n\n  font-size: 13px;\n\n  font-weight: 800;\n}\n\n.lumari-step h3 {\n  color: #111111 !important;\n\n  font-size: 18px !important;\n\n  margin-bottom: 8px !important;\n}\n\n.lumari-step p {\n  color: #707070 !important;\n\n  font-size: 13px !important;\n\n  line-height: 1.6 !important;\n\n  margin-bottom: 0 !important;\n}\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.lumari-final {\n  position: relative;\n\n  padding: 100px 25px;\n\n  text-align: center;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(218,179,91,.17),\n      transparent 38%\n    ),\n    #080808;\n}\n\n.lumari-final::before,\n.lumari-final::after {\n  content: \"\";\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(216,177,90,.13);\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%,-50%);\n\n  pointer-events: none;\n}\n\n.lumari-final::before {\n  width: 600px;\n  height: 600px;\n\n  animation: lumariRotate 25s linear infinite;\n}\n\n.lumari-final::after {\n  width: 850px;\n  height: 850px;\n\n  animation: lumariRotate 35s linear infinite reverse;\n}\n\n.lumari-final-content {\n  position: relative;\n\n  z-index: 3;\n\n  max-width: 760px;\n\n  margin: 0 auto;\n}\n\n.lumari-final-title {\n  color: #ffffff !important;\n\n  font-size: clamp(38px, 6vw, 65px) !important;\n\n  line-height: 1 !important;\n\n  letter-spacing: -2px !important;\n\n  margin-bottom: 22px !important;\n}\n\n.lumari-final-text {\n  color: #cfcfcf !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.75 !important;\n\n  max-width: 650px;\n\n  margin: 0 auto 30px !important;\n}\n\n.lumari-final-note {\n  color: #888888 !important;\n\n  font-size: 10px !important;\n\n  letter-spacing: 3px !important;\n\n  margin-top: 22px !important;\n\n  text-transform: uppercase !important;\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media screen and (max-width: 850px) {\n\n  .lumari-hero {\n    min-height: 580px;\n\n    padding: 75px 20px;\n  }\n\n  .lumari-intro-grid,\n  .lumari-dark-grid {\n    grid-template-columns: 1fr;\n\n    gap: 45px;\n  }\n\n  .lumari-feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .lumari-steps {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .lumari-product-visual {\n    min-height: 430px;\n  }\n}\n\n@media screen and (max-width: 520px) {\n\n  .lumari-hero {\n    min-height: 570px;\n\n    padding: 65px 18px;\n  }\n\n  .lumari-hero-title {\n    font-size: 44px !important;\n\n    letter-spacing: -2px !important;\n  }\n\n  .lumari-hero-subtitle {\n    font-size: 15px !important;\n\n    line-height: 1.65 !important;\n  }\n\n  .lumari-intro,\n  .lumari-dark-section,\n  .lumari-routine,\n  .lumari-final {\n    padding-top: 70px;\n\n    padding-bottom: 70px;\n  }\n\n  .lumari-intro-title,\n  .lumari-dark-title,\n  .lumari-routine-title {\n    font-size: 38px !important;\n  }\n\n  .lumari-feature {\n    min-height: auto;\n\n    padding: 26px;\n  }\n\n  .lumari-mirror {\n    width: 245px;\n\n    height: 310px;\n  }\n\n  .lumari-product-visual {\n    min-height: 390px;\n  }\n\n  .lumari-steps {\n    grid-template-columns: 1fr;\n  }\n\n  .lumari-final-title {\n    font-size: 42px !important;\n  }\n\n  .lumari-final::before {\n    width: 450px;\n    height: 450px;\n  }\n\n  .lumari-final::after {\n    width: 650px;\n    height: 650px;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n     HERO\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-hero\"\u003e\n\n  \u003cdiv class=\"lumari-hero-ring-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"lumari-hero-ring-2\"\u003e\u003c\/div\u003e\n\n  \u003cspan class=\"lumari-star lumari-star-1\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"lumari-star lumari-star-2\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"lumari-star lumari-star-3\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"lumari-star lumari-star-4\"\u003e\u003c\/span\u003e\n\n  \u003cdiv class=\"lumari-hero-content\"\u003e\n\n    \u003cdiv class=\"lumari-label\"\u003e\n      LUMARI™ BEAUTY ESSENTIALS\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"lumari-hero-title\"\u003e\n      Your reflection.\u003cbr\u003e\n      \u003cspan class=\"lumari-gold\"\u003e\n        Perfectly illuminated.\n      \u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"lumari-hero-subtitle\"\u003e\n      Make every beauty and grooming routine feel easier,\n      clearer, and more polished with the Lumari™ Glow LED Mirror.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#lumari-features\" class=\"lumari-button\"\u003e\n      Discover the Glow\n      \u003cspan class=\"lumari-button-arrow\"\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     INTRO + FEATURES\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-intro\" id=\"lumari-features\"\u003e\n\n  \u003cdiv class=\"lumari-container\"\u003e\n\n    \u003cdiv class=\"lumari-intro-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"lumari-small-title\"\u003e\n          DESIGNED FOR YOUR ROUTINE\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"lumari-intro-title\"\u003e\n          See yourself in a\n          \u003cspan class=\"lumari-gold\"\u003e\n            better light.\n          \u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"lumari-intro-text\"\u003e\n          No more relying on harsh overhead lighting or\n          struggling with shadows. The Lumari™ Glow LED Mirror\n          gives you a brighter, clearer view while you apply\n          makeup, style your brows, shave, care for your skin,\n          or simply get ready for the day.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-feature-grid\"\u003e\n\n        \u003cdiv class=\"lumari-feature\"\u003e\n\n          \u003cdiv class=\"lumari-feature-icon\"\u003e\n            ◉\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            See Details Clearly\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Get a clearer view of your reflection so you can\n            focus on the small details that complete your look.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-feature\"\u003e\n\n          \u003cdiv class=\"lumari-feature-icon\"\u003e\n            ✦\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Built-In LED Lighting\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Illuminate your face directly from the mirror for\n            a brighter, better-lit reflection.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-feature\"\u003e\n\n          \u003cdiv class=\"lumari-feature-icon\"\u003e\n            ◇\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Adjustable Viewing Angle\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Position the mirror to suit your routine and create\n            a comfortable viewing angle.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-feature\"\u003e\n\n          \u003cdiv class=\"lumari-feature-icon\"\u003e\n            ✧\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Elegant Vanity Design\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Add a polished and sophisticated touch to your\n            vanity, bedroom, or bathroom.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     DARK FEATURE SECTION\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-dark-section\"\u003e\n\n  \u003cdiv class=\"lumari-container lumari-dark-grid\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cdiv class=\"lumari-dark-label\"\u003e\n        A CLEARER EVERYDAY RITUAL\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"lumari-dark-title\"\u003e\n        Lighting that works\n        \u003cspan class=\"lumari-gold\"\u003e\n          with you.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"lumari-dark-text\"\u003e\n        The built-in LED lighting brightens your reflection\n        directly from the mirror, helping you see your face\n        more clearly without depending entirely on the lighting\n        around you.\n      \u003c\/p\u003e\n\n      \u003cul class=\"lumari-checklist\"\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Makeup application\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Brow styling\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Shaving \u0026amp; grooming\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Skincare routines\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Everyday finishing touches\n        \u003c\/li\u003e\n\n      \u003c\/ul\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-product-visual\"\u003e\n\n      \u003cdiv class=\"lumari-product-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-mirror\"\u003e\n\n        \u003cdiv class=\"lumari-mirror-ring\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-mirror-shine\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-mirror-button\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-mirror-stand\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     HOW TO USE\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-routine\"\u003e\n\n  \u003cdiv class=\"lumari-container\"\u003e\n\n    \u003cdiv class=\"lumari-routine-heading\"\u003e\n\n      \u003cdiv class=\"lumari-small-title\"\u003e\n        SIMPLE BY DESIGN\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"lumari-routine-title\"\u003e\n        Ready when\n        \u003cspan class=\"lumari-gold\"\u003e\n          you are.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"lumari-routine-description\"\u003e\n        Designed to fit naturally into your everyday routine.\n        Simply place it on a flat surface, adjust the angle,\n        and switch on the LED light whenever you want a clearer view.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-steps\"\u003e\n\n      \u003cdiv class=\"lumari-step\"\u003e\n\n        \u003cdiv class=\"lumari-step-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Place\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Position your mirror on a stable, flat surface.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-step\"\u003e\n\n        \u003cdiv class=\"lumari-step-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Adjust\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Set the viewing angle to suit your routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-step\"\u003e\n\n        \u003cdiv class=\"lumari-step-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Illuminate\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Switch on the LED light for a brighter reflection.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-step\"\u003e\n\n        \u003cdiv class=\"lumari-step-number\"\u003e\n          04\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Get Ready\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Enjoy a clearer view while completing your routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     FINAL CTA\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-final\"\u003e\n\n  \u003cdiv class=\"lumari-final-content\"\u003e\n\n    \u003cdiv class=\"lumari-dark-label\"\u003e\n      LUMARI™ GLOW LED MIRROR\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"lumari-final-title\"\u003e\n      Make every reflection\n      \u003cspan class=\"lumari-gold\"\u003e\n        count.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"lumari-final-text\"\u003e\n      Practical lighting meets refined design in a mirror made\n      to make your everyday beauty and grooming routine feel effortless.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#lumari-features\" class=\"lumari-button\"\u003e\n      Experience Lumari™\n      \u003cspan class=\"lumari-button-arrow\"\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n    \u003cdiv class=\"lumari-final-note\"\u003e\n      BEAUTY   •  \n      GROOMING   •  \n      SKINCARE   •  \n      EVERYDAY ROUTINES\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Black","offer_id":45711203237957,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true},{"title":"Gold","offer_id":45711203270725,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true},{"title":"Rose gold","offer_id":45711203303493,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":45711203336261,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/rose-gold-mirror-without-badge.png?v=1788864886"}],"url":"https:\/\/lumari.co.za\/collections\/best-sellers.oembed","provider":"Lumari","version":"1.0","type":"link"}