{"product_id":"owndit™-glowmask-pro","title":"OwnDit™ GlowMask Pro (LED Face Mask)","description":"\u003cdiv class=\"owndit-page\"\u003e\n\u003c!-- =========================================\n       TOP ANNOUNCEMENT BAR\n  ========================================== --\u003e\n\u003cdiv class=\"owndit-announcement\"\u003e\n\u003cspan class=\"announcement-dot\"\u003e\u003c\/span\u003e \u003cspan\u003efree Shipping for orders over R1000 • \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n       HERO SECTION\n  ========================================== --\u003e\n\u003csection class=\"owndit-hero\"\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv class=\"hero-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e GLOW DIFFERENT. GLOW SMARTER. \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1\u003eOwnDit™\u003cbr\u003e\u003cem\u003eGlowMask Pro\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eA refined at-home LED skincare ritual designed to help your skin look brighter, smoother and beautifully refreshed.\u003c\/p\u003e\n\u003cdiv class=\"hero-rating\"\u003e\n\u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e \u003cspan class=\"rating-text\"\u003eCustomer-loved skincare technology\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"#owndit-shop\" class=\"owndit-button\"\u003e Discover Your Glow \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003cdiv class=\"hero-note\"\u003eA simple ritual. A more radiant-looking complexion.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       TRUST STRIP\n  ========================================== --\u003e\n\u003csection class=\"owndit-trust\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cspan class=\"trust-number\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e30-DAY\u003c\/strong\u003e \u003csmall\u003eGLOW GUARANTEE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cspan class=\"trust-number\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEXPRESS\u003c\/strong\u003e \u003csmall\u003eSHIPPING AVAILABLE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cspan class=\"trust-number\"\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWIRELESS\u003c\/strong\u003e \u003csmall\u003eFREEDOM TO MOVE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cspan class=\"trust-number\"\u003e04\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e5 LIGHT\u003c\/strong\u003e \u003csmall\u003eCOLOUR MODES\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       BENEFITS\n  ========================================== --\u003e\n\u003csection class=\"owndit-benefits\"\u003e\n\u003cdiv class=\"section-heading\"\u003e\n\u003cspan class=\"section-kicker\"\u003e THE GLOW EDIT \u003c\/span\u003e\n\u003ch2\u003eWhat You'll Notice\u003cbr\u003e\u003cem\u003eWith Consistent Use\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eDesigned to become a quiet, effortless part of your skincare ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-number\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eBrighter\u003cbr\u003eLooking Skin\u003c\/h3\u003e\n\u003cp\u003eGive tired-looking skin a fresher, more luminous appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-number\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eSmoother\u003cbr\u003eTexture\u003c\/h3\u003e\n\u003cp\u003eComplement your routine while supporting a smoother-looking complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-number\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eMore Even\u003cbr\u003eLooking Tone\u003c\/h3\u003e\n\u003cp\u003eHelp your complexion appear more balanced, fresh and radiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-number\"\u003e04\u003c\/span\u003e\n\u003ch3\u003eYouthful\u003cbr\u003eAppearance\u003c\/h3\u003e\n\u003cp\u003eAdd a refined LED ritual to your everyday skincare routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-number\"\u003e05\u003c\/span\u003e\n\u003ch3\u003eA Calmer\u003cbr\u003eLooking Complexion\u003c\/h3\u003e\n\u003cp\u003eA gentle-feeling addition to your evening self-care ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       LIGHT MODES\n  ========================================== --\u003e\n\u003csection class=\"owndit-modes\"\u003e\n\u003cdiv class=\"modes-heading\"\u003e\n\u003cspan class=\"section-kicker\"\u003e PERSONALISE YOUR RITUAL \u003c\/span\u003e\n\u003ch2\u003eFive Modes.\u003cbr\u003e\u003cem\u003eOne Glow.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eExplore the different light colours and create a ritual that fits your skincare goals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mode-tabs\"\u003e\n\u003cbutton type=\"button\" class=\"mode-tab active\" data-mode=\"red\"\u003e \u003cspan class=\"mode-dot red-dot\"\u003e\u003c\/span\u003e RED \u003c\/button\u003e\n\u003cbutton type=\"button\" class=\"mode-tab\" data-mode=\"blue\"\u003e \u003cspan class=\"mode-dot blue-dot\"\u003e\u003c\/span\u003e BLUE \u003c\/button\u003e\n\u003cbutton type=\"button\" class=\"mode-tab\" data-mode=\"green\"\u003e \u003cspan class=\"mode-dot green-dot\"\u003e\u003c\/span\u003e GREEN \u003c\/button\u003e\n\u003cbutton type=\"button\" class=\"mode-tab\" data-mode=\"yellow\"\u003e \u003cspan class=\"mode-dot yellow-dot\"\u003e\u003c\/span\u003e YELLOW \u003c\/button\u003e\n\u003cbutton type=\"button\" class=\"mode-tab\" data-mode=\"multi\"\u003e \u003cspan class=\"mode-dot multi-dot\"\u003e\u003c\/span\u003e MULTI \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mode-content\"\u003e\n\u003c!-- RED --\u003e\n\u003cdiv class=\"mode-panel active\" id=\"red\"\u003e\n\u003cdiv class=\"mode-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"mode-info\"\u003e\n\u003cspan\u003eRED LIGHT\u003c\/span\u003e\n\u003ch3\u003eA Ritual For\u003cbr\u003eRadiance \u0026amp; Renewal\u003c\/h3\u003e\n\u003cp\u003eRed light is commonly incorporated into skincare routines focused on supporting a smoother, more refreshed and youthful-looking complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mode-side\"\u003e\n\u003cspan\u003e01 \/ 05\u003c\/span\u003e\n\u003cdiv class=\"mode-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLUE --\u003e\n\u003cdiv class=\"mode-panel\" id=\"blue\"\u003e\n\u003cdiv class=\"mode-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"mode-info\"\u003e\n\u003cspan\u003eBLUE LIGHT\u003c\/span\u003e\n\u003ch3\u003eA Fresh Start\u003cbr\u003eFor Your Skin\u003c\/h3\u003e\n\u003cp\u003eBlue light is commonly used in skincare routines designed for blemish-prone skin and a cleaner-looking complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mode-side\"\u003e\n\u003cspan\u003e02 \/ 05\u003c\/span\u003e\n\u003cdiv class=\"mode-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GREEN --\u003e\n\u003cdiv class=\"mode-panel\" id=\"green\"\u003e\n\u003cdiv class=\"mode-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"mode-info\"\u003e\n\u003cspan\u003eGREEN LIGHT\u003c\/span\u003e\n\u003ch3\u003eBalance Your\u003cbr\u003eEveryday Glow\u003c\/h3\u003e\n\u003cp\u003eGreen light can be incorporated into a calming, balanced skincare routine for a refreshed-looking complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mode-side\"\u003e\n\u003cspan\u003e03 \/ 05\u003c\/span\u003e\n\u003cdiv class=\"mode-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- YELLOW --\u003e\n\u003cdiv class=\"mode-panel\" id=\"yellow\"\u003e\n\u003cdiv class=\"mode-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"mode-info\"\u003e\n\u003cspan\u003eYELLOW LIGHT\u003c\/span\u003e\n\u003ch3\u003eSoft Light.\u003cbr\u003eFresh Appearance.\u003c\/h3\u003e\n\u003cp\u003eYellow light offers a gentle addition to your skincare ritual, helping create a fresh and revitalised-looking appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mode-side\"\u003e\n\u003cspan\u003e04 \/ 05\u003c\/span\u003e\n\u003cdiv class=\"mode-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MULTI --\u003e\n\u003cdiv class=\"mode-panel\" id=\"multi\"\u003e\n\u003cdiv class=\"mode-number\"\u003e05\u003c\/div\u003e\n\u003cdiv class=\"mode-info\"\u003e\n\u003cspan\u003eMULTI COLOUR\u003c\/span\u003e\n\u003ch3\u003eYour Skin.\u003cbr\u003eYour Ritual.\u003c\/h3\u003e\n\u003cp\u003eCombine your favourite light colours and create a simple, personalised LED ritual that fits into your lifestyle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mode-side\"\u003e\n\u003cspan\u003e05 \/ 05\u003c\/span\u003e\n\u003cdiv class=\"mode-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       HOW IT WORKS\n  ========================================== --\u003e\n\u003csection class=\"owndit-how\"\u003e\n\u003cdiv class=\"section-heading\"\u003e\n\u003cspan class=\"section-kicker\"\u003e THE RITUAL \u003c\/span\u003e\n\u003ch2\u003eBeauty Made\u003cbr\u003e\u003cem\u003eEffortless.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eNo complicated routine. Just a few minutes dedicated to your skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"steps-grid\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePrepare\u003c\/h3\u003e\n\u003cp\u003eStart with clean, dry skin and remove any makeup or skincare products that may interfere with your device.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGlow\u003c\/h3\u003e\n\u003cp\u003eSelect your preferred light mode, put on your GlowMask Pro and relax while you enjoy your ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eContinue\u003c\/h3\u003e\n\u003cp\u003eFinish with your favourite skincare products and make your LED ritual a consistent part of your routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       FAQ\n  ========================================== --\u003e\n\u003csection class=\"owndit-faq\"\u003e\n\u003cdiv class=\"faq-layout\"\u003e\n\u003cdiv class=\"faq-intro\"\u003e\n\u003cspan class=\"section-kicker\"\u003e QUESTIONS \u003c\/span\u003e\n\u003ch2\u003eEverything\u003cbr\u003e\u003cem\u003eYou Need To Know.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eYour GlowMask Pro, explained simply.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-list\"\u003e\n\u003c!-- FAQ 1 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003e How often should I use the GlowMask Pro? \u003c\/span\u003e \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eFollow the usage instructions supplied with your specific device. Consistency is generally more important than extended sessions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 2 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003e Can I use it with my skincare routine? \u003c\/span\u003e \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eThe mask is designed to be used as part of a simple skincare ritual. For best results, follow the manufacturer's instructions regarding which products should be applied before or after your session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 3 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003e Is the GlowMask Pro wireless? \u003c\/span\u003e \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eYes. The wireless design makes it easy to incorporate into your routine without being connected to a wall outlet during use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 4 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003e Can I use the mask if I have sensitive skin? \u003c\/span\u003e \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eIf you have a skin condition, use photosensitising medication, or have concerns about light-based skincare devices, consult a qualified healthcare professional before use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 5 --\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e \u003cspan\u003e What comes with my GlowMask Pro? \u003c\/span\u003e \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eYour order includes the GlowMask Pro and the accessories supplied with the product. Please refer to the product listing for the complete package contents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       FINAL CTA\n  ========================================== --\u003e\n\u003csection class=\"owndit-final\" id=\"owndit-shop\"\u003e\n\u003cdiv class=\"final-inner\"\u003e\n\u003cspan class=\"section-kicker\"\u003e YOUR SKINCARE RITUAL, ELEVATED \u003c\/span\u003e\n\u003ch2\u003eMeet Your\u003cbr\u003e\u003cem\u003eGlow Era.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eProfessional-inspired LED skincare, beautifully simplified for your everyday routine.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"owndit-button light-button\"\u003e Shop GlowMask Pro \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003cdiv class=\"final-note\"\u003eOWNDIT™ BEAUTY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =========================================\n   OW NDIT — LUXURY SKINCARE DESIGN\n========================================= *\/\n\n.owndit-page {\n  --espresso: #2B1D17;\n  --brown: #4A3429;\n  --cream: #F5F0E8;\n  --soft-cream: #FBF9F5;\n  --white: #FFFFFF;\n  --turquoise: #5A9E99;\n  --turquoise-dark: #407F7A;\n  --gold: #B49A6A;\n  --taupe: #897A70;\n  --line: rgba(43, 29, 23, 0.14);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n  color: var(--espresso);\n  background: var(--soft-cream);\n  line-height: 1.6;\n  overflow: hidden;\n}\n\n\n\/* =========================================\n   RESET\n========================================= *\/\n\n.owndit-page *,\n.owndit-page *::before,\n.owndit-page *::after {\n  box-sizing: border-box;\n}\n\n.owndit-page h1,\n.owndit-page h2,\n.owndit-page h3,\n.owndit-page p {\n  margin: 0;\n}\n\n.owndit-page button,\n.owndit-page a {\n  font-family: inherit;\n}\n\n.owndit-page a {\n  text-decoration: none;\n}\n\n\n\/* =========================================\n   ANNOUNCEMENT BAR\n========================================= *\/\n\n.owndit-announcement {\n  height: 38px;\n  background: var(--espresso);\n  color: var(--cream);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.announcement-dot {\n  width: 5px;\n  height: 5px;\n  background: var(--turquoise);\n  border-radius: 50%;\n}\n\n\n\/* =========================================\n   HERO\n========================================= *\/\n\n.owndit-hero {\n  min-height: 720px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 50% 35%,\n      rgba(90,158,153,0.08),\n      transparent 32%\n    ),\n    var(--cream);\n\n  position: relative;\n}\n\n.hero-inner {\n  width: 100%;\n  max-width: 900px;\n  padding: 100px 25px 110px;\n}\n\n.hero-eyebrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n\n  color: var(--turquoise);\n\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n\n  margin-bottom: 30px;\n}\n\n.hero-eyebrow span {\n  width: 32px;\n  height: 1px;\n  background: var(--gold);\n}\n\n.owndit-hero h1 {\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: clamp(58px, 9vw, 104px);\n  line-height: 0.92;\n  font-weight: 400;\n  letter-spacing: -4px;\n\n  color: var(--espresso);\n\n  margin-bottom: 35px;\n}\n\n.owndit-hero h1 em {\n  color: var(--brown);\n  font-weight: 400;\n}\n\n.hero-subtitle {\n  max-width: 590px;\n  margin: 0 auto;\n\n  color: #76675F;\n\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n.hero-rating {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  margin-top: 30px;\n}\n\n.stars {\n  color: var(--gold);\n  font-size: 14px;\n  letter-spacing: 2px;\n}\n\n.rating-text {\n  color: var(--taupe);\n\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.owndit-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 30px;\n\n  margin-top: 38px;\n\n  padding: 17px 27px;\n\n  background: var(--espresso);\n  color: var(--cream);\n\n  border: 1px solid var(--espresso);\n\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n\n  transition:\n    background 0.3s ease,\n    color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.owndit-button span {\n  font-size: 16px;\n  transition: transform 0.3s ease;\n}\n\n.owndit-button:hover {\n  background: var(--turquoise);\n  border-color: var(--turquoise);\n  color: #fff;\n  transform: translateY(-2px);\n}\n\n.owndit-button:hover span {\n  transform: translateX(4px);\n}\n\n.hero-note {\n  margin-top: 22px;\n\n  color: #9B8D83;\n\n  font-size: 10px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================\n   TRUST\n========================================= *\/\n\n.owndit-trust {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n\n  background: var(--soft-cream);\n}\n\n.trust-item {\n  min-height: 100px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 17px;\n\n  border-right: 1px solid var(--line);\n}\n\n.trust-item:last-child {\n  border-right: none;\n}\n\n.trust-number {\n  color: var(--turquoise);\n\n  font-family: Georgia, serif;\n  font-size: 13px;\n}\n\n.trust-item strong,\n.trust-item small {\n  display: block;\n}\n\n.trust-item strong {\n  color: var(--espresso);\n\n  font-size: 10px;\n  letter-spacing: 1.5px;\n}\n\n.trust-item small {\n  margin-top: 3px;\n\n  color: var(--taupe);\n\n  font-size: 8px;\n  letter-spacing: 1.2px;\n}\n\n\n\/* =========================================\n   BENEFITS\n========================================= *\/\n\n.owndit-benefits {\n  padding: 120px 25px;\n\n  background: var(--soft-cream);\n}\n\n.section-heading {\n  max-width: 700px;\n  margin: 0 auto 70px;\n\n  text-align: center;\n}\n\n.section-kicker {\n  display: inline-block;\n\n  color: var(--turquoise);\n\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n\n  margin-bottom: 18px;\n}\n\n.section-heading h2,\n.modes-heading h2,\n.faq-intro h2,\n.final-inner h2 {\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: clamp(42px, 6vw, 66px);\n  line-height: 0.98;\n  font-weight: 400;\n  letter-spacing: -2px;\n}\n\n.section-heading h2 em,\n.modes-heading h2 em,\n.faq-intro h2 em,\n.final-inner h2 em {\n  color: var(--turquoise);\n  font-weight: 400;\n}\n\n.section-heading p {\n  max-width: 470px;\n  margin: 25px auto 0;\n\n  color: var(--taupe);\n\n  font-size: 14px;\n}\n\n.benefits-grid {\n  max-width: 1250px;\n  margin: auto;\n\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n}\n\n.benefit-card {\n  min-height: 310px;\n\n  padding: 35px 28px;\n\n  border-right: 1px solid var(--line);\n\n  background: transparent;\n\n  transition:\n    background 0.3s ease,\n    transform 0.3s ease;\n}\n\n.benefit-card:last-child {\n  border-right: none;\n}\n\n.benefit-card:hover {\n  background: var(--cream);\n  transform: translateY(-4px);\n}\n\n.benefit-number {\n  display: block;\n\n  color: var(--gold);\n\n  font-family: Georgia, serif;\n  font-size: 13px;\n\n  margin-bottom: 55px;\n}\n\n.benefit-card h3 {\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: 25px;\n  line-height: 1.05;\n  font-weight: 400;\n  letter-spacing: -0.5px;\n}\n\n.benefit-card p {\n  margin-top: 22px;\n\n  color: var(--taupe);\n\n  font-size: 12px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================\n   MODES\n========================================= *\/\n\n.owndit-modes {\n  padding: 120px 25px;\n\n  background: var(--espresso);\n  color: var(--cream);\n}\n\n.modes-heading {\n  max-width: 620px;\n  margin: 0 auto 65px;\n\n  text-align: center;\n}\n\n.modes-heading .section-kicker {\n  color: var(--gold);\n}\n\n.modes-heading h2 {\n  color: var(--cream);\n}\n\n.modes-heading h2 em {\n  color: var(--turquoise);\n}\n\n.modes-heading p {\n  max-width: 480px;\n  margin: 25px auto 0;\n\n  color: rgba(245,240,232,0.62);\n\n  font-size: 14px;\n}\n\n\n\/* MODE TABS *\/\n\n.mode-tabs {\n  max-width: 900px;\n  margin: 0 auto;\n\n  display: flex;\n\n  border-bottom: 1px solid rgba(245,240,232,0.2);\n}\n\n.mode-tab {\n  flex: 1;\n\n  position: relative;\n\n  padding: 20px 8px;\n\n  border: none;\n  background: transparent;\n\n  color: rgba(245,240,232,0.45);\n\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 2px;\n\n  cursor: pointer;\n\n  transition: color 0.3s ease;\n}\n\n.mode-tab::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: -1px;\n\n  width: 100%;\n  height: 2px;\n\n  background: transparent;\n\n  transition: background 0.3s ease;\n}\n\n.mode-tab.active {\n  color: var(--cream);\n}\n\n.mode-tab.active::after {\n  background: var(--turquoise);\n}\n\n.mode-dot {\n  display: inline-block;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  margin-right: 7px;\n}\n\n.red-dot {\n  background: #B85B52;\n}\n\n.blue-dot {\n  background: #5B7EA3;\n}\n\n.green-dot {\n  background: #6D9A79;\n}\n\n.yellow-dot {\n  background: #C5A15C;\n}\n\n.multi-dot {\n  background: linear-gradient(\n    135deg,\n    #B85B52,\n    #5A9E99,\n    #C5A15C\n  );\n}\n\n\n\/* MODE CONTENT *\/\n\n.mode-content {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.mode-panel {\n  display: none;\n\n  grid-template-columns: 100px 1fr 180px;\n\n  align-items: center;\n\n  min-height: 390px;\n\n  padding: 55px 0;\n}\n\n.mode-panel.active {\n  display: grid;\n}\n\n.mode-number {\n  color: var(--gold);\n\n  font-family: Georgia, serif;\n  font-size: 14px;\n}\n\n.mode-info \u003e span {\n  color: var(--turquoise);\n\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 3px;\n}\n\n.mode-info h3 {\n  margin-top: 20px;\n\n  color: var(--cream);\n\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: clamp(40px, 5vw, 62px);\n  line-height: 0.98;\n  font-weight: 400;\n  letter-spacing: -2px;\n}\n\n.mode-info p {\n  max-width: 500px;\n\n  margin-top: 27px;\n\n  color: rgba(245,240,232,0.62);\n\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.mode-side {\n  align-self: stretch;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n\n.mode-side span {\n  color: rgba(245,240,232,0.35);\n\n  font-size: 9px;\n  letter-spacing: 2px;\n}\n\n.mode-line {\n  width: 80px;\n  height: 1px;\n\n  margin-top: 12px;\n\n  background: var(--gold);\n}\n\n\n\/* =========================================\n   HOW IT WORKS\n========================================= *\/\n\n.owndit-how {\n  padding: 120px 25px;\n\n  background: var(--cream);\n}\n\n.steps-grid {\n  max-width: 1100px;\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n}\n\n.step {\n  min-height: 330px;\n\n  padding: 40px 45px;\n\n  border-right: 1px solid var(--line);\n}\n\n.step:last-child {\n  border-right: none;\n}\n\n.step-top {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n\n  color: var(--gold);\n\n  font-family: Georgia, serif;\n  font-size: 15px;\n}\n\n.step-top div {\n  height: 1px;\n  flex: 1;\n\n  background: var(--line);\n}\n\n.step h3 {\n  margin-top: 65px;\n\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: 34px;\n  font-weight: 400;\n  letter-spacing: -1px;\n}\n\n.step p {\n  margin-top: 18px;\n\n  color: var(--taupe);\n\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n\n\/* =========================================\n   FAQ\n========================================= *\/\n\n.owndit-faq {\n  padding: 120px 25px;\n\n  background: var(--soft-cream);\n}\n\n.faq-layout {\n  max-width: 1100px;\n  margin: auto;\n\n  display: grid;\n  grid-template-columns: 0.8fr 1.2fr;\n\n  gap: 100px;\n}\n\n.faq-intro h2 {\n  font-size: clamp(40px, 5vw, 58px);\n}\n\n.faq-intro p {\n  margin-top: 25px;\n\n  color: var(--taupe);\n\n  font-size: 13px;\n}\n\n.faq-list {\n  border-top: 1px solid var(--line);\n}\n\n.faq-item {\n  border-bottom: 1px solid var(--line);\n}\n\n.faq-question {\n  width: 100%;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 25px 0;\n\n  border: none;\n  background: transparent;\n\n  color: var(--espresso);\n\n  text-align: left;\n\n  font-size: 13px;\n  font-weight: 600;\n\n  cursor: pointer;\n}\n\n.faq-icon {\n  color: var(--turquoise);\n\n  font-size: 20px;\n  font-weight: 300;\n\n  transition: transform 0.3s ease;\n}\n\n.faq-item.active .faq-icon {\n  transform: rotate(45deg);\n}\n\n.faq-answer {\n  max-height: 0;\n\n  overflow: hidden;\n\n  transition:\n    max-height 0.4s ease,\n    padding 0.4s ease;\n}\n\n.faq-answer p {\n  padding-bottom: 25px;\n\n  color: var(--taupe);\n\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n\n\/* =========================================\n   FINAL CTA\n========================================= *\/\n\n.owndit-final {\n  background: var(--espresso);\n  color: var(--cream);\n\n  text-align: center;\n\n  position: relative;\n  overflow: hidden;\n}\n\n.owndit-final::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%, -50%);\n\n  background: radial-gradient(\n    circle,\n    rgba(90,158,153,0.12),\n    transparent 65%\n  );\n\n  pointer-events: none;\n}\n\n.final-inner {\n  position: relative;\n  z-index: 2;\n\n  max-width: 750px;\n\n  margin: auto;\n\n  padding: 130px 25px;\n}\n\n.final-inner .section-kicker {\n  color: var(--gold);\n}\n\n.final-inner h2 {\n  color: var(--cream);\n\n  font-size: clamp(55px, 8vw, 90px);\n}\n\n.final-inner h2 em {\n  color: var(--turquoise);\n}\n\n.final-inner p {\n  max-width: 500px;\n\n  margin: 28px auto 0;\n\n  color: rgba(245,240,232,0.65);\n\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.light-button {\n  background: var(--cream);\n  color: var(--espresso);\n\n  border-color: var(--cream);\n}\n\n.light-button:hover {\n  background: var(--turquoise);\n  border-color: var(--turquoise);\n  color: white;\n}\n\n.final-note {\n  margin-top: 60px;\n\n  color: rgba(245,240,232,0.25);\n\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 4px;\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 900px) {\n\n  .owndit-trust {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .trust-item:nth-child(2) {\n    border-right: none;\n  }\n\n  .trust-item:nth-child(-n+2) {\n    border-bottom: 1px solid var(--line);\n  }\n\n  .benefits-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .benefit-card:nth-child(2) {\n    border-right: none;\n  }\n\n  .benefit-card:nth-child(3) {\n    border-top: 1px solid var(--line);\n  }\n\n  .benefit-card:nth-child(4) {\n    border-top: 1px solid var(--line);\n  }\n\n  .benefit-card:nth-child(5) {\n    border-top: 1px solid var(--line);\n    grid-column: span 2;\n  }\n\n  .mode-panel {\n    grid-template-columns: 60px 1fr;\n  }\n\n  .mode-side {\n    display: none;\n  }\n\n  .faq-layout {\n    grid-template-columns: 1fr;\n    gap: 60px;\n  }\n\n}\n\n\n@media (max-width: 600px) {\n\n  .owndit-announcement {\n    font-size: 8px;\n    letter-spacing: 1.5px;\n  }\n\n  .hero-inner {\n    padding: 80px 20px 90px;\n  }\n\n  .owndit-hero {\n    min-height: 650px;\n  }\n\n  .owndit-hero h1 {\n    font-size: 58px;\n    letter-spacing: -3px;\n  }\n\n  .hero-subtitle {\n    font-size: 14px;\n  }\n\n  .hero-rating {\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .owndit-trust {\n    grid-template-columns: 1fr;\n  }\n\n  .trust-item {\n    border-right: none !important;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .trust-item:last-child {\n    border-bottom: none;\n  }\n\n  .owndit-benefits,\n  .owndit-modes,\n  .owndit-how,\n  .owndit-faq {\n    padding: 85px 18px;\n  }\n\n  .benefits-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .benefit-card {\n    border-right: none !important;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .benefit-card:last-child {\n    border-bottom: none;\n  }\n\n  .benefit-card:nth-child(5) {\n    grid-column: auto;\n  }\n\n  .benefit-card:hover {\n    transform: none;\n  }\n\n  .mode-tabs {\n    overflow-x: auto;\n\n    justify-content: flex-start;\n\n    scrollbar-width: none;\n  }\n\n  .mode-tabs::-webkit-scrollbar {\n    display: none;\n  }\n\n  .mode-tab {\n    min-width: 105px;\n  }\n\n  .mode-panel {\n    grid-template-columns: 1fr;\n\n    min-height: 430px;\n\n    padding: 45px 0;\n  }\n\n  .mode-number {\n    margin-bottom: 45px;\n  }\n\n  .mode-info h3 {\n    font-size: 42px;\n  }\n\n  .steps-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .step {\n    min-height: auto;\n\n    padding: 40px 25px;\n\n    border-right: none;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .step:last-child {\n    border-bottom: none;\n  }\n\n  .step h3 {\n    margin-top: 40px;\n  }\n\n  .faq-layout {\n    gap: 50px;\n  }\n\n  .final-inner {\n    padding: 95px 20px;\n  }\n\n  .final-inner h2 {\n    font-size: 60px;\n  }\n\n}\n\n\n\/* =========================================\n   SUBTLE LUXURY DETAILS\n========================================= *\/\n\n.owndit-page ::selection {\n  background: var(--turquoise);\n  color: white;\n}\n\n.owndit-page button:focus-visible,\n.owndit-page a:focus-visible {\n  outline: 2px solid var(--turquoise);\n  outline-offset: 4px;\n}\n\n\u003c\/style\u003e\n\u003cscript\u003e\n(function () {\n  function initOwnDitModes() {\n    const page = document.querySelector('.owndit-page');\n    if (!page) return;\n\n    const tabs = page.querySelectorAll('.mode-tab');\n    const panels = page.querySelectorAll('.mode-panel');\n\n    if (!tabs.length || !panels.length) return;\n\n    tabs.forEach(function (tab) {\n      tab.addEventListener('click', function () {\n        const selectedMode = tab.getAttribute('data-mode');\n\n        tabs.forEach(function (item) {\n          item.classList.remove('active');\n        });\n\n        panels.forEach(function (panel) {\n          panel.classList.remove('active');\n        });\n\n        tab.classList.add('active');\n\n        const selectedPanel = page.querySelector(\n          '.mode-panel[id=\"' + selectedMode + '\"]'\n        );\n\n        if (selectedPanel) {\n          selectedPanel.classList.add('active');\n        }\n      });\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initOwnDitModes);\n  } else {\n    initOwnDitModes();\n  }\n})();\n\u003c\/script\u003e\n\n\u003cp\u003e \u003c\/p\u003e","brand":"OwnDit","offers":[{"title":"Default Title","offer_id":44603861532737,"sku":null,"price":799.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0747\/6389\/4849\/files\/ledfacemask1.jpg?v=1789573561","url":"https:\/\/owndit.co.za\/products\/owndit%e2%84%a2-glowmask-pro","provider":"OwnDit","version":"1.0","type":"link"}