{"product_id":"dark-mark-corrector-system","title":"Dark Mark Corrector System","description":"\u003c!-- ===== Dark Mark Corrector System | Luxe Orange + Purple ===== --\u003e\n\u003cstyle\u003e\n.li-darkmark-wrap,\n.li-darkmark-wrap * { box-sizing: border-box; }\n\n.li-darkmark-wrap {\n  --li-gold: #d4af37;\n  --li-cream: #faf7f2;\n  --li-soft: #efe7dc;\n  --li-black: #000000;\n  --li-charcoal: #1a1a1a;\n\n  \/* Accent colors *\/\n  --li-orange: #ff6a00;\n  --li-purple: #3e007d; \/* deep plum *\/\n\n  font-family: 'Helvetica Neue', Arial, sans-serif;\n  color: var(--li-charcoal);\n  background: linear-gradient(180deg, #fffaf3 0%, #f7efe4 100%);\n  border: 1px solid #e5d3b3;\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  max-width: 860px;\n  margin: auto;\n}\n\n\/* HERO *\/\n.li-darkmark-hero {\n  background: linear-gradient(135deg, #000000 0%, #2a2a2a 55%, #111111 100%);\n  padding: 42px 24px 34px;\n  text-align: center;\n}\n\n.li-darkmark-brand {\n  font-size: 12px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  font-weight: bold;\n  color: var(--li-gold);\n  margin-bottom: 10px;\n}\n\n.li-darkmark-title {\n  margin: 0;\n  font-size: 34px;\n  line-height: 1.15;\n  font-weight: bold;\n  color: #ffffff;\n}\n\n.li-darkmark-desc {\n  margin: 16px auto 0;\n  max-width: 700px;\n  font-size: 16px;\n  line-height: 1.8;\n  color: #e8dccb;\n}\n\n\/* STRIP *\/\n.li-darkmark-strip {\n  background: #ffffff;\n  border-top: 1px solid #e5d3b3;\n  border-bottom: 1px solid #e5d3b3;\n  padding: 16px 20px;\n  text-align: center;\n  font-size: 14px;\n  line-height: 1.9;\n  font-weight: 800;\n  color: var(--li-purple);\n}\n\n\/* CONTENT *\/\n.li-darkmark-content {\n  padding: 22px 20px;\n}\n\n.li-darkmark-details {\n  background: #ffffff;\n  border: 1px solid #e5d3b3;\n  border-radius: 18px;\n  margin-bottom: 12px;\n  overflow: hidden;\n}\n\n.li-darkmark-details summary {\n  cursor: pointer;\n  list-style: none;\n  padding: 18px 20px;\n  font-size: 18px;\n  font-weight: 700;\n  color: #000000;\n  position: relative;\n}\n\n.li-darkmark-details summary::-webkit-details-marker {\n  display: none;\n}\n\n\/* ORANGE + PURPLE ACCENT ICON *\/\n.li-darkmark-details summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  font-size: 24px;\n  background: linear-gradient(135deg, var(--li-orange), var(--li-purple));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.li-darkmark-details[open] summary::after {\n  content: \"–\";\n}\n\n\/* PANEL *\/\n.li-darkmark-panel {\n  padding: 0 20px 20px;\n  color: #333333;\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n.li-darkmark-panel ul {\n  margin: 0;\n  padding-left: 18px;\n}\n\n.li-darkmark-panel li {\n  margin-bottom: 8px;\n}\n\n\/* SYSTEM BOX *\/\n.li-darkmark-box {\n  background: rgba(255,122,0,0.05);\n  border: 1px solid rgba(255,122,0,0.25);\n  border-radius: 14px;\n  padding: 14px;\n  margin-bottom: 10px;\n}\n\n.li-darkmark-box strong {\n  color: var(--li-purple);\n  display: block;\n  margin-bottom: 6px;\n}\n\n\/* OPTIONS *\/\n.li-darkmark-option {\n  background: #fff;\n  border: 1px solid rgba(107,61,240,0.25);\n  border-radius: 12px;\n  padding: 12px;\n  margin-top: 8px;\n}\n\n.li-darkmark-option-title {\n  font-weight: 700;\n  color: var(--li-purple);\n}\n\n\/* STEPS *\/\n.li-darkmark-step {\n  display: grid;\n  grid-template-columns: 32px 1fr;\n  gap: 12px;\n  padding: 12px;\n  border-radius: 12px;\n  background: #fff;\n  border: 1px solid rgba(0,0,0,.08);\n  margin-bottom: 10px;\n}\n\n.li-darkmark-num {\n  background: linear-gradient(135deg, var(--li-orange), var(--li-purple));\n  color: #fff;\n  font-weight: 800;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  width: 32px;\n  height: 32px;\n  font-size: 13px;\n}\n\n\/* FOOTER *\/\n.li-darkmark-footer {\n  background: #000000;\n  padding: 24px;\n  text-align: center;\n}\n\n.li-darkmark-footer p {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.8;\n  color: var(--li-gold);\n  font-weight: 700;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"li-darkmark-wrap\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"li-darkmark-hero\"\u003e\n\u003cdiv class=\"li-darkmark-brand\"\u003eBrighten • Smooth • Even Tone\u003c\/div\u003e\n\u003ch2 class=\"li-darkmark-title\"\u003eDark Mark Corrector System\u003c\/h2\u003e\n\u003cp class=\"li-darkmark-desc\"\u003eA complete 4-step system designed to cleanse, clarify, treat, and visibly improve the look of dark marks, uneven tone, and rough skin — without harsh bleaching or unnecessary irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- STRIP --\u003e\n\u003cdiv class=\"li-darkmark-strip\"\u003eCleanse • Clarify • Treat • Seal\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"li-darkmark-content\"\u003e\n\u003cdetails class=\"li-darkmark-details\"\u003e\n\u003csummary\u003eWhy You’ll Love It\u003c\/summary\u003e\n\u003cdiv class=\"li-darkmark-panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eTargets dark marks, discoloration, and uneven-looking tone\u003c\/li\u003e\n\u003cli\u003eSmooths rough areas like knees, elbows, and inner thighs\u003c\/li\u003e\n\u003cli\u003eHelps prep skin so your treatment steps work better\u003c\/li\u003e\n\u003cli\u003eHydrates while correcting — never overly drying\u003c\/li\u003e\n\u003cli\u003eDesigned with melanin-rich skin in mind\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"li-darkmark-details\"\u003e\n\u003csummary\u003eThe 4-Step System\u003c\/summary\u003e\n\u003cdiv class=\"li-darkmark-panel\"\u003e\n\u003cdiv class=\"li-darkmark-box\"\u003e\n\u003cstrong\u003eStep 1: Cleanse — Choose Your Cleanser\u003c\/strong\u003e\n\u003cdiv class=\"li-darkmark-option\"\u003e\n\u003cspan class=\"li-darkmark-option-title\"\u003eOption A: Cleansing Gel\u003c\/span\u003e\u003cbr\u003eA classic cleanser for an easy, familiar wash step that helps remove dirt, oil, and surface buildup.\u003c\/div\u003e\n\u003cdiv class=\"li-darkmark-option\"\u003e\n\u003cspan class=\"li-darkmark-option-title\"\u003eOption B: Cleansing Powder\u003c\/span\u003e\u003cbr\u003eA water-activated exfoliating cleanser that helps smooth and prep skin while gently refreshing dull, rough areas.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"li-darkmark-box\"\u003e\n\u003cstrong\u003eStep 2: Clarifying Solution\u003c\/strong\u003e A targeted prep step that helps further refine, clarify, and ready the skin for treatment.\u003c\/div\u003e\n\u003cdiv class=\"li-darkmark-box\"\u003e\n\u003cstrong\u003eStep 3: Treatment Pads\u003c\/strong\u003e Swipe-on treatment support designed to target dark marks and improve the look of uneven tone over time.\u003c\/div\u003e\n\u003cdiv class=\"li-darkmark-box\"\u003e\n\u003cstrong\u003eStep 4: Finishing Serum\u003c\/strong\u003e A nourishing final step that seals in softness and glow.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"li-darkmark-details\"\u003e\n\u003csummary\u003eHow to Use\u003c\/summary\u003e\n\u003cdiv class=\"li-darkmark-panel\"\u003e\n\u003cdiv class=\"li-darkmark-step\"\u003e\n\u003cdiv class=\"li-darkmark-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCleanse\u003c\/strong\u003e\u003cbr\u003eStart with either cleanser option.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"li-darkmark-step\"\u003e\n\u003cdiv class=\"li-darkmark-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClarify\u003c\/strong\u003e\u003cbr\u003eApply the Clarifying Solution.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"li-darkmark-step\"\u003e\n\u003cdiv class=\"li-darkmark-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTreat\u003c\/strong\u003e\u003cbr\u003eUse Treatment Pads.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"li-darkmark-step\"\u003e\n\u003cdiv class=\"li-darkmark-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSeal\u003c\/strong\u003e\u003cbr\u003eApply Finishing Serum.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- FOOTER --\u003e\n\u003cdiv class=\"li-darkmark-footer\"\u003e\n\u003cp\u003eUpgrade your results.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Love It! Skin \u0026 Hair","offers":[{"title":"Powder Cleanser Set","offer_id":53369077334200,"sku":null,"price":55.0,"currency_code":"USD","in_stock":true},{"title":"Gel Cleanser Set","offer_id":53369077366968,"sku":null,"price":55.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/1216\/5048\/files\/Untitled_design_99.png?v=1777775654","url":"https:\/\/loveitskinandhair.com\/products\/dark-mark-corrector-system","provider":"Love It! Skin \u0026 Hair","version":"1.0","type":"link"}