{"product_id":"black-pearl-purifying-mud-mask-for-deep-pore-cleansing-hydration","title":"Black Pearl Purifying Mud Mask for Deep Pore Cleansing \u0026 Hydration | Joylif","description":"\u003c!--\n  Joylif – Black Pearl Purifying Mud Mask\n  Scroll Story · Product Description\n  Desktop full-bleed · Mobile responsive\n  Floating rounded cards (except hero)\n  Native English · Lifestyle voice\n--\u003e\n\n\u003cstyle\u003e\n\/* ===== Reset \u0026 Base ===== *\/\n.mud-wrap *,\n.mud-wrap *::before,\n.mud-wrap *::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.mud-wrap {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  color: #1a1a1a;\n  line-height: 1.5;\n  max-width: 100%;\n  overflow-x: hidden;\n  background: #f5f3f0;\n}\n\n\/* ===== Hero – full bleed ===== *\/\n.mud-hero {\n  position: relative;\n  width: 100%;\n  line-height: 0;\n}\n.mud-hero img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.mud-hero-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 70px 32px 40px;\n  background: linear-gradient(transparent 20%, rgba(0,0,0,0.7) 90%);\n  color: #fff;\n  line-height: 1.2;\n  pointer-events: none;\n}\n.mud-hero-overlay h1 {\n  font-size: clamp(28px, 5vw, 52px);\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  margin-bottom: 8px;\n}\n.mud-hero-overlay p {\n  font-size: clamp(15px, 2vw, 20px);\n  opacity: 0.9;\n  font-weight: 400;\n  max-width: 600px;\n}\n@media (max-width: 767px) {\n  .mud-hero-overlay { padding: 50px 20px 24px; }\n}\n\n\/* ===== Floating Card Blocks ===== *\/\n.mud-card-block {\n  width: 100%;\n  padding: 60px 5%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n@media (max-width: 767px) {\n  .mud-card-block { padding: 36px 4%; }\n}\n\n.mud-card {\n  max-width: 1100px;\n  width: 100%;\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow:\n    0 12px 40px rgba(0,0,0,0.08),\n    0 4px 12px rgba(0,0,0,0.04);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  background: #fff;\n  line-height: 0;\n}\n.mud-card:hover {\n  transform: translateY(-4px);\n  box-shadow:\n    0 20px 50px rgba(0,0,0,0.12),\n    0 6px 16px rgba(0,0,0,0.06);\n}\n.mud-card img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* ===== Card Caption Overlay ===== *\/\n.mud-card-caption {\n  position: relative;\n  padding: 28px 32px 36px;\n  background: #fff;\n  line-height: 1.4;\n  pointer-events: none;\n}\n.mud-card-caption h2 {\n  font-size: clamp(20px, 2.8vw, 30px);\n  font-weight: 700;\n  color: #1a1a1a;\n  margin-bottom: 6px;\n  letter-spacing: -0.01em;\n}\n.mud-card-caption p {\n  font-size: clamp(14px, 1.6vw, 17px);\n  color: #555;\n  max-width: 600px;\n  line-height: 1.6;\n}\n\n\/* ===== Text Section (alternating bg) ===== *\/\n.mud-text-section {\n  width: 100%;\n  padding: 64px 5%;\n  text-align: center;\n  background: #fff;\n}\n.mud-text-section.dark {\n  background: #1a1a1a;\n  color: #fff;\n}\n.mud-text-section h2 {\n  font-size: clamp(20px, 2.8vw, 30px);\n  font-weight: 700;\n  margin-bottom: 12px;\n  letter-spacing: -0.01em;\n}\n.mud-text-section p {\n  font-size: clamp(14px, 1.6vw, 17px);\n  color: #666;\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n.mud-text-section.dark p {\n  color: rgba(255,255,255,0.75);\n}\n.mud-text-section.dark h2 {\n  color: #fff;\n}\n\n\/* ===== Two-column layout ===== *\/\n.mud-two-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n  max-width: 1100px;\n  width: 100%;\n}\n@media (max-width: 767px) {\n  .mud-two-col { grid-template-columns: 1fr; gap: 24px; }\n}\n\n\/* ===== Checklist \/ Icon bullets ===== *\/\n.mud-checklist {\n  text-align: left;\n  max-width: 640px;\n  margin: 24px auto 0;\n  padding: 0;\n  list-style: none;\n}\n.mud-checklist li {\n  font-size: clamp(14px, 1.5vw, 16px);\n  color: #444;\n  padding: 10px 0;\n  border-bottom: 1px solid rgba(0,0,0,0.06);\n  line-height: 1.5;\n}\n.mud-checklist li:last-child { border-bottom: none; }\n.mud-checklist li::before {\n  content: \"✦ \";\n  color: #8b7355;\n  font-weight: 700;\n}\n.mud-text-section.dark .mud-checklist li {\n  color: rgba(255,255,255,0.8);\n  border-bottom-color: rgba(255,255,255,0.1);\n}\n.mud-text-section.dark .mud-checklist li::before {\n  color: #c4a97d;\n}\n\n\/* ===== 3-Step Visual ===== *\/\n.mud-three-step {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 24px;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n@media (max-width: 767px) {\n  .mud-three-step { grid-template-columns: 1fr; gap: 28px; }\n}\n.mud-step-card {\n  background: #fff;\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow:\n    0 10px 30px rgba(0,0,0,0.06),\n    0 3px 8px rgba(0,0,0,0.03);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.mud-step-card:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.1);\n}\n.mud-step-img {\n  line-height: 0;\n}\n.mud-step-img img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.mud-step-label {\n  padding: 20px 22px 24px;\n  text-align: left;\n}\n.mud-step-num {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 700;\n  color: #fff;\n  background: #8b7355;\n  border-radius: 20px;\n  padding: 3px 14px;\n  margin-bottom: 8px;\n  letter-spacing: 0.03em;\n}\n.mud-step-label h3 {\n  font-size: clamp(16px, 1.6vw, 19px);\n  font-weight: 700;\n  color: #1a1a1a;\n  margin-bottom: 4px;\n}\n.mud-step-label p {\n  font-size: clamp(13px, 1.3vw, 15px);\n  color: #666;\n  line-height: 1.6;\n}\n\n\/* ===== Cross-sell \/ CTA bar ===== *\/\n.mud-cross {\n  text-align: center;\n  padding: 40px 20px;\n  background: #f0ece6;\n  font-size: 14px;\n  color: #555;\n  line-height: 1.8;\n}\n.mud-cross strong {\n  color: #1a1a1a;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"mud-wrap\"\u003e\n\n  \u003c!-- ============================================\n       1. HERO – Full-bleed product shot\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-hero\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0742\/8253\/3117\/files\/c3e8e3f8462b0919948e501ca156e624.png?v=1784117273\u0026amp;width=1400\" alt=\"Black Pearl Purifying Mud Mask by Joylif\" loading=\"eager\"\u003e\n    \u003cdiv class=\"mud-hero-overlay\"\u003e\n      \u003ch1\u003eClear Skin Starts Here\u003c\/h1\u003e\n      \u003cp\u003eBlack Pearl Mud Mask — deep pore cleansing that doesn't strip your skin dry.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================\n       2. INTRO TEXT – What this mask is about\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-text-section\"\u003e\n    \u003ch2\u003eThe Mud Mask That Actually Gets It\u003c\/h2\u003e\n    \u003cp\u003e\n      Most clay masks leave your face feeling tight, flaky, and desperate for moisturizer.\n      We designed ours differently. Black Pearl-infused clay pulls out the gunk without\n      wrecking your moisture barrier. It's the deep clean your pores have been begging for,\n      minus the \"desert face\" aftermath.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================\n       3. SCOOP SHOT – Texture \u0026 luxury feel (rounded card)\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-card-block\"\u003e\n    \u003cdiv class=\"mud-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0742\/8253\/3117\/files\/e7804fc9b7399bf70fa01fa9ca552bd8.png?v=1784117273\u0026amp;width=1200\" alt=\"Luxurious black pearl mud mask texture being scooped\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mud-card-caption\"\u003e\n        \u003ch2\u003eRich. Creamy. Satisfying.\u003c\/h2\u003e\n        \u003cp\u003e\n          One scoop is all it takes. The texture is like whipped butter — smooth,\n          velvety, and it glides onto your skin like a dream. No clumps, no dustiness,\n          just pure spa-grade indulgence in a jar.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================\n       4. BENEFITS – 5 key highlights from the brief\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-text-section dark\"\u003e\n    \u003ch2\u003eWhat It Does For You\u003c\/h2\u003e\n    \u003cul class=\"mud-checklist\"\u003e\n      \u003cli\u003e\n\u003cstrong\u003eDeep cleans like nothing else\u003c\/strong\u003e — Black Pearl-infused clay draws out excess oil, dirt, and daily grime from deep within your pores.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eHydrates while it purifies\u003c\/strong\u003e — No more tight, dry feel after masking. Our formula keeps your skin soft, comfortable, and refreshed.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eSmooths rough texture\u003c\/strong\u003e — Regular use reveals a smoother, more even complexion with that healthy \"I just had a facial\" glow.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003e10-minute at-home spa moment\u003c\/strong\u003e — Slather on, set a timer, and let the mask do the work. Your bathroom just became your favorite self-care spot.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003ePerfect prep for your LED mask\u003c\/strong\u003e — Clean, purified skin absorbs more light energy. Use it before your Joylif LED Face Mask for maximized results.\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================\n       5. APPLICATION SHOT – Woman with mask on (rounded card)\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-card-block\"\u003e\n    \u003cdiv class=\"mud-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0742\/8253\/3117\/files\/692b0c93812eea2b9f3d584516737324.png?v=1784117273\u0026amp;width=1200\" alt=\"Woman applying Black Pearl mud mask for a relaxing at-home facial\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mud-card-caption\"\u003e\n        \u003ch2\u003eYour Saturday Night Reset\u003c\/h2\u003e\n        \u003cp\u003e\n          Candle lit. Music on. Face slathered in silky black mud. This is the kind\n          of self-care that actually changes your skin — not just your mood. Ten minutes\n          is all it takes to feel like you just walked out of a premium facial studio.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================\n       6. HOW TO USE – 3-step visual (mud7 - man using the mask)\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-card-block\" style=\"padding-top:0;\"\u003e\n    \u003cdiv class=\"mud-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0742\/8253\/3117\/files\/mud7.png?v=1784206626\" alt=\"3-step routine: scoop, apply, rinse with Black Pearl Mud Mask\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mud-card-caption\"\u003e\n        \u003ch2\u003e3 Steps, Zero Guesswork\u003c\/h2\u003e\n        \u003cp\u003e\n          Scoop. Apply. Relax. Rinse. That's it. No complicated routine, no fancy tools\n          — just pure, effective skincare that fits into your evening wind-down.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================\n       7. RITUAL SHOT – Complete skincare routine (rounded card)\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-card-block\"\u003e\n    \u003cdiv class=\"mud-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0742\/8253\/3117\/files\/ab2a621ba62db60e05edca07f6241447.png?v=1784117273\u0026amp;width=1200\" alt=\"Complete Joylif skincare routine with mud mask and LED face mask\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mud-card-caption\"\u003e\n        \u003ch2\u003eYour Complete At-Home Facial\u003c\/h2\u003e\n        \u003cp\u003e\n          Mud mask first to deep clean. LED mask after to boost collagen and calm skin.\n          This one-two punch is the closest thing to a $300 spa facial — without leaving\n          your bathroom. Pair it with your Joylif LED Face Mask for the full experience.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================\n       8. INGREDIENTS \/ DETAILS SHOT (rounded card)\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-card-block\" style=\"padding-top:0;\"\u003e\n    \u003cdiv class=\"mud-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0742\/8253\/3117\/files\/702fc5f959ab6df5daddde93b22c2ed0.png?v=1784117273\u0026amp;width=1200\" alt=\"Black Pearl Mud Mask ingredients and product details\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mud-card-caption\"\u003e\n        \u003ch2\u003e85g of Goodness\u003c\/h2\u003e\n        \u003cp\u003e\n          Packed in a premium jar that looks as good on your shelf as it works on your skin.\n          A little goes a long way — one jar delivers weeks of weekly treatments.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================\n       9. CLOSING CTA – Cross-sell \u0026 guarantees\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-text-section\"\u003e\n    \u003ch2\u003eLove It or Your Money Back\u003c\/h2\u003e\n    \u003cp\u003e\n      We stand behind what we make. If this mud mask doesn't become your new favorite\n      skincare step, get a full refund within 30 days. No questions, no hassle.\n    \u003c\/p\u003e\n    \u003cdiv style=\"display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:28px;\"\u003e\n      \u003cdiv style=\"background:#f0ece6;border-radius:14px;padding:18px 22px;text-align:center;min-width:130px;\"\u003e\n        \u003cdiv style=\"font-size:22px;margin-bottom:2px;\"\u003e🚚\u003c\/div\u003e\n        \u003cdiv style=\"font-size:13px;font-weight:600;color:#333;\"\u003eFree Shipping\u003c\/div\u003e\n        \u003cdiv style=\"font-size:12px;color:#777;\"\u003eOn orders over $80\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"background:#f0ece6;border-radius:14px;padding:18px 22px;text-align:center;min-width:130px;\"\u003e\n        \u003cdiv style=\"font-size:22px;margin-bottom:2px;\"\u003e🔒\u003c\/div\u003e\n        \u003cdiv style=\"font-size:13px;font-weight:600;color:#333;\"\u003eSecure Payment\u003c\/div\u003e\n        \u003cdiv style=\"font-size:12px;color:#777;\"\u003e256-bit SSL \u0026amp; PayPal\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"background:#f0ece6;border-radius:14px;padding:18px 22px;text-align:center;min-width:130px;\"\u003e\n        \u003cdiv style=\"font-size:22px;margin-bottom:2px;\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv style=\"font-size:13px;font-weight:600;color:#333;\"\u003e12-Month Warranty\u003c\/div\u003e\n        \u003cdiv style=\"font-size:12px;color:#777;\"\u003eWe've got you covered\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================\n       10. CROSS-SELL BAR\n       ============================================ --\u003e\n  \u003cdiv class=\"mud-cross\"\u003e\n    💡 \u003cstrong\u003ePair it with the Joylif 7-in-1 LED Face Mask\u003c\/strong\u003e — clean first, then light it up.\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"joylif","offers":[{"title":"Black Pearl Mud Mask(85g)","offer_id":47844964008189,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0742\/8253\/3117\/files\/c3e8e3f8462b0919948e501ca156e624.png?v=1784117273","url":"https:\/\/www.joylif.com\/products\/black-pearl-purifying-mud-mask-for-deep-pore-cleansing-hydration","provider":"joylif","version":"1.0","type":"link"}