Mud Bath Clay Powder - Mineral - Rich Clay for Soaks, Masks & Body Wraps, 4 OZ
{ "@context": "https://schema.org/", "@type": "Product", "name": "Mud Bath Clay Powder – Mineral-Rich Clay for Soaks, Masks & Body Wraps", "image": [ "https://www.dualsnatural.com/ products/mud-bath-clay" ], "description": "Finely milled mineral-rich mud clay for spa-style baths, face/body masks, and wraps. Cosmetic grade, naturally absorbent, with no additives.", "sku": "D3038", "brand": { "@type": "Brand", "name": "Duals Natural" }, "offers": { "@type": "Offer", "url": "https://www.dualsnatural.com/products/mud-bath-clay", "availability": "https://schema.org/InStock" } } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); :root { /* BRAND COLORS */ --dn-green: #034225; --dn-green-dark: #022e1a; --dn-green-light: #045c32; --dn-green-subtle: rgba(3, 66, 37, 0.08); --dn-gold: #f3c149; --dn-gold-dark: #d4a63d; --dn-gold-light: #f7d576; --dn-gold-subtle: rgba(243, 193, 73, 0.12); /* NEUTRALS */ --dn-cream: #fdfbf7; --dn-cream-dark: #f8f4ed; --dn-white: #ffffff; --dn-beige: #f4f1e8; --dn-beige-light: #faf8f3; /* TEXT */ --dn-text-hero: #1a1f0d; --dn-text-primary: #2d3319; --dn-text-secondary: #5a6332; --dn-text-tertiary: #7a8364; /* SHADOWS */ --shadow-xs: 0 1px 2px rgba(3, 66, 37, 0.04); --shadow-sm: 0 2px 8px rgba(3, 66, 37, 0.08); --shadow-md: 0 8px 24px rgba(3, 66, 37, 0.12); --shadow-lg: 0 16px 48px rgba(3, 66, 37, 0.16); --shadow-xl: 0 24px 64px rgba(3, 66, 37, 0.2); /* SPACING */ --space-xs: 8px; --space-sm: 16px; --space-md: 24px; --space-lg: 40px; --space-xl: 64px; --space-2xl: 96px; --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1); --transition-smooth: 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .dn-clean { font-family: var(--font-primary); max-width: 1200px; margin: 0 auto 80px; background: linear-gradient(165deg, var(--dn-cream) 0%, var(--dn-white) 50%, var(--dn-beige-light) 100%); color: var(--dn-text-primary); border-radius: 32px; box-shadow: var(--shadow-lg); padding: var(--space-2xl) var(--space-xl); line-height: 1.7; border: 1px solid var(--dn-green-subtle); position: relative; overflow: hidden; animation: fadeInUp 0.6s ease-out; } .dn-clean::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 20%, var(--dn-green-subtle) 0%, transparent 50%), radial-gradient(circle at 80% 80%, var(--dn-gold-subtle) 0%, transparent 50%); pointer-events: none; z-index: 0; } .dn-clean > * { position: relative; z-index: 1; } .dn-clean h1 { font-size: clamp(32px, 5vw, 48px); font-weight: 800; margin: 0 0 var(--space-md); letter-spacing: -1.5px; color: var(--dn-text-hero); line-height: 1.2; max-width: 900px; } .product-subtitle { font-size: clamp(17px, 2.5vw, 20px); font-weight: 400; color: var(--dn-text-secondary); line-height: 1.7; margin: 0 0 var(--space-lg); max-width: 800px; } .dn-clean h2 { font-size: clamp(24px, 3vw, 32px); font-weight: 700; margin: 0 0 var(--space-md); letter-spacing: -0.8px; color: var(--dn-text-hero); position: relative; padding-left: var(--space-md); } .dn-clean h2::before { content: ''; position: absolute; left: 0; top: 6px; width: 4px; height: 32px; background: linear-gradient(180deg, var(--dn-green) 0%, var(--dn-gold) 100%); border-radius: 3px; } .dn-clean h3 { font-size: clamp(18px, 2.5vw, 22px); font-weight: 700; margin: 0 0 var(--space-sm); letter-spacing: -0.5px; color: var(--dn-text-primary); } .dn-badge-wrapper { display: flex; align-items: center; gap: var(--space-sm); margin-bottom: var(--space-lg); flex-wrap: wrap; } .dn-product-badge { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--dn-green); color: var(--dn-white); border-radius: 100px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; box-shadow: var(--shadow-sm); transition: var(--transition-base); } .dn-product-badge:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); background: var(--dn-green-dark); } .dn-trust-badge { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; background: var(--dn-white); border: 1.5px solid var(--dn-gold); border-radius: 100px; font-size: 12px; font-weight: 600; color: var(--dn-text-secondary); box-shadow: var(--shadow-xs); } .dn-trust-badge svg { width: 14px; height: 14px; fill: var(--dn-gold); } .dn-social-proof { display: flex; align-items: center; justify-content: center; gap: var(--space-md); padding: var(--space-lg) var(--space-md); margin: var(--space-xl) 0; background: linear-gradient(135deg, var(--dn-gold) 0%, var(--dn-gold-dark) 100%); border-radius: 20px; box-shadow: var(--shadow-lg); position: relative; overflow: hidden; flex-wrap: wrap; } .dn-social-proof::before { content: ''; position: absolute; top: -50%; right: -20%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%); border-radius: 50%; } .dn-social-proof-text { font-size: clamp(18px, 2.5vw, 22px); font-weight: 800; color: var(--dn-green-dark); text-align: center; letter-spacing: -0.3px; position: relative; line-height: 1.3; } .dn-social-proof-accent { font-size: clamp(14px, 2vw, 16px); font-weight: 600; color: var(--dn-green); text-align: center; position: relative; } .dn-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--space-sm); margin: var(--space-xl) 0; padding: var(--space-lg); background: var(--dn-white); border-radius: 20px; box-shadow: var(--shadow-sm); border: 1px solid var(--dn-green-subtle); } .dn-feature-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--space-md); background: linear-gradient(135deg, var(--dn-beige-light) 0%, var(--dn-white) 100%); border-radius: 16px; transition: var(--transition-base); border: 1px solid transparent; } .dn-feature-item:hover { transform: translateY(-4px); border-color: var(--dn-gold); box-shadow: var(--shadow-md); } .dn-feature-icon { width: 56px; height: 56px; margin-bottom: var(--space-sm); background: var(--dn-white); border: 2px solid var(--dn-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; box-shadow: var(--shadow-sm); transition: var(--transition-base); } .dn-feature-item:hover .dn-feature-icon { border-color: var(--dn-gold); box-shadow: var(--shadow-md); transform: scale(1.05); } .dn-feature-text { font-size: 13px; font-weight: 700; color: var(--dn-text-primary); letter-spacing: 0.02em; } .dn-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-md); margin: var(--space-xl) 0; } .dn-info-card { background: var(--dn-white); border-radius: 20px; padding: var(--space-lg); box-shadow: var(--shadow-sm); border: 2px solid var(--dn-gold); transition: var(--transition-base); } .dn-info-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--dn-green); } .dn-info-header { display: flex; align-items: center; gap: var(--space-sm); margin-bottom: var(--space-md); } .dn-info-icon { width: 48px; height: 48px; background: var(--dn-white); border: 2px solid var(--dn-green); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; transition: var(--transition-base); } .dn-info-card:hover .dn-info-icon { border-color: var(--dn-gold); } .dn-info-title { font-size: 20px; font-weight: 700; color: var(--dn-text-hero); letter-spacing: -0.3px; } .dn-info-content { color: var(--dn-text-secondary); line-height: 1.7; font-size: 15px; } .dn-info-list { list-style: none; padding: 0; margin: 0; } .dn-info-list li { position: relative; padding-left: 28px; margin-bottom: var(--space-xs); line-height: 1.6; } .dn-info-list li::before { content: '✓'; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: var(--dn-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--dn-white); font-size: 11px; font-weight: 700; } .dn-ingredient-simple { font-size: 18px; font-weight: 600; color: var(--dn-green); text-align: center; padding: var(--space-sm); background: var(--dn-gold-subtle); border-radius: 12px; margin: var(--space-sm) 0; } .dn-divider { height: 2px; background: linear-gradient(90deg, transparent 0%, var(--dn-gold) 20%, var(--dn-gold) 80%, transparent 100%); margin: var(--space-2xl) 0; position: relative; } .dn-divider::after { content: '✦'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--dn-cream); padding: 0 var(--space-sm); color: var(--dn-gold); font-size: 18px; } .dn-content-grid { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: var(--space-lg); margin-top: var(--space-xl); } .dn-card { background: var(--dn-white); border-radius: 24px; padding: var(--space-lg); box-shadow: var(--shadow-sm); border: 1px solid var(--dn-green-subtle); transition: var(--transition-smooth); position: relative; overflow: hidden; } .dn-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--dn-green) 0%, var(--dn-gold) 100%); opacity: 0; transition: var(--transition-base); } .dn-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: var(--dn-gold); } .dn-card:hover::before { opacity: 1; } .dn-clean ul { list-style: none; padding: 0; margin: 0 0 var(--space-md); } .dn-clean li { position: relative; padding-left: 36px; margin-bottom: var(--space-sm); line-height: 1.7; color: var(--dn-text-secondary); transition: var(--transition-base); font-size: 15px; } .dn-clean li:hover { color: var(--dn-text-primary); transform: translateX(4px); } .dn-clean li::before { content: ''; position: absolute; left: 0; top: 6px; width: 20px; height: 20px; background: var(--dn-green); border-radius: 50%; box-shadow: var(--shadow-xs); } .dn-clean li::after { content: '✓'; position: absolute; left: 6px; top: 5px; color: var(--dn-white); font-size: 12px; font-weight: 700; } .dn-clean li strong { color: var(--dn-text-hero); font-weight: 700; } .dn-specs { margin-top: var(--space-md); padding: var(--space-md); background: linear-gradient(135deg, var(--dn-beige-light) 0%, var(--dn-white) 100%); border-radius: 16px; border: 1.5px solid var(--dn-gold); box-shadow: inset 0 1px 2px var(--dn-gold-subtle); } .dn-spec-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--dn-gold-subtle); font-size: 14px; } .dn-spec-row:last-child { border-bottom: none; } .dn-spec-label { font-weight: 700; color: var(--dn-text-primary); } .dn-spec-value { color: var(--dn-text-secondary); text-align: right; font-weight: 500; } .dn-usage-note { margin-top: var(--space-md); padding: var(--space-md); background: var(--dn-cream); border-left: 4px solid var(--dn-green); border-radius: 12px; font-size: 15px; line-height: 1.7; color: var(--dn-text-secondary); box-shadow: var(--shadow-xs); } .dn-usage-note strong { color: var(--dn-green); font-weight: 700; } .dn-process { margin: var(--space-xl) 0; padding: var(--space-lg); background: var(--dn-white); border-radius: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--dn-green-subtle); } .dn-process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-md); margin-top: var(--space-md); } .dn-step { position: relative; padding: var(--space-md); background: linear-gradient(135deg, var(--dn-beige-light) 0%, var(--dn-white) 100%); border-radius: 16px; border: 2px solid transparent; transition: var(--transition-base); } .dn-step:hover { border-color: var(--dn-gold); transform: translateY(-4px); box-shadow: var(--shadow-md); } .dn-step-number { position: absolute; top: -12px; left: var(--space-md); width: 36px; height: 36px; background: var(--dn-white); border: 3px solid var(--dn-green); color: var(--dn-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; box-shadow: var(--shadow-sm); transition: var(--transition-base); } .dn-step:hover .dn-step-number { border-color: var(--dn-gold); color: var(--dn-gold); } .dn-step-title { font-weight: 700; color: var(--dn-text-primary); margin: var(--space-sm) 0 var(--space-xs); font-size: 16px; } .dn-step-desc { font-size: 14px; color: var(--dn-text-secondary); line-height: 1.6; } .dn-related { margin-top: var(--space-xl); padding: var(--space-lg); background: var(--dn-white); border-radius: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--dn-green-subtle); } .dn-related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: var(--space-sm); margin-top: var(--space-md); } .dn-related-link { display: flex; align-items: center; justify-content: center; padding: var(--space-sm) var(--space-md); background: linear-gradient(135deg, var(--dn-beige-light) 0%, var(--dn-white) 100%); border: 1.5px solid var(--dn-gold); border-radius: 12px; font-size: 14px; font-weight: 600; color: var(--dn-text-primary); text-decoration: none; text-align: center; transition: var(--transition-base); box-shadow: var(--shadow-xs); } .dn-related-link:hover { background: var(--dn-green); color: var(--dn-white); transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--dn-green); } .dn-faq { margin-top: var(--space-xl); } .dn-faq-item { margin-bottom: var(--space-md); padding: var(--space-md); background: var(--dn-white); border-radius: 16px; border: 1px solid var(--dn-green-subtle); box-shadow: var(--shadow-xs); transition: var(--transition-base); } .dn-faq-item:hover { box-shadow: var(--shadow-sm); border-color: var(--dn-gold); } .dn-faq-question { font-weight: 700; color: var(--dn-text-primary); margin-bottom: var(--space-xs); font-size: 16px; display: flex; align-items: flex-start; gap: var(--space-sm); } .dn-faq-question::before { content: 'Q'; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: var(--dn-white); border: 2px solid var(--dn-green); color: var(--dn-green); border-radius: 50%; font-size: 13px; font-weight: 800; flex-shrink: 0; } .dn-faq-answer { color: var(--dn-text-secondary); line-height: 1.7; padding-left: 36px; font-size: 15px; } @media (max-width: 768px) { .dn-clean { padding: var(--space-lg) var(--space-md); border-radius: 24px; } .dn-content-grid { grid-template-columns: 1fr; gap: var(--space-md); } .dn-feature-grid { grid-template-columns: repeat(2, 1fr); } .dn-info-grid { grid-template-columns: 1fr; } .dn-social-proof { flex-direction: column; gap: var(--space-sm); } .dn-process-steps { grid-template-columns: 1fr; } .dn-related-grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } } .dn-clean *:focus-visible { outline: 3px solid var(--dn-gold); outline-offset: 3px; border-radius: 4px; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } 🌿 Spa Mud Clay Cosmetic Grade Lab Tested Mud Bath Clay Powder – Mineral-Rich Clay for Soaks, Masks & Body Wraps Mineral-rich mud bath clay that delivers a smooth spa-style experience—ideal for relaxing bath soaks, facial/body masks, and wraps with gentle oil absorption. A calming choice for NYC spa-inspired baths and masks • Brooklyn • Manhattan • East Village • 🛁 Bath Soaks 🧖 Face/Body Masks ⚖️ Oil Absorbing 🌱 No Additives 📋 Ingredients 100% Mineral Mud Clay No additives or fillers Not for ingestion Fine, smooth powder Natural earthy scent Cosmetic-grade quality 🌍 Origin & Source Mineral mud powder for topical use Finely milled, easy to disperse Batch-tested for purity Sourced from responsible suppliers Handled by Duals Natural quality team Why Choose Our Mud Bath Clay Spa-style baths: Dissolves into warm water for a mineral-rich soak Gentle cleansing: Helps lift excess oil and debris from skin Versatile use: Masks, wraps, body treatments, and bath soaks Smooth texture: Fine powder blends quickly with water or hydrosols Neutral base: Pairs easily with essential oils and botanicals Form Fine powder Color Brown/gray Grade Cosmetic grade (topical use) Texture Smooth, disperses easily How to Use Bath soak: Stir 2–4 tablespoons into warm bath water; soak 15–20 minutes and rinse Face/body mask: Mix 1 part clay with 2 parts hydrosol/water; apply and rinse before fully dry Body wrap: Blend with warm water; apply to target areas, cover briefly, then rinse Scrubs & soaps: Add to scrub bases or soap batter for a mineral boost Pro Tip: Patch test first. Avoid inhaling powders and keep away from eyes. For sensitive skin, add a few drops of carrier oil or aloe. Simple 3-Step Process 1 Measure Scoop clay into water or a clean bowl 2 Mix Stir until fully dispersed or a smooth paste forms 3 Apply/Soak Use in a bath, as a mask, or as a wrap; rinse and moisturize Shop Related Natural Ingredients Beauty Essentials Body Butters Carrier & Base Oils Essential Oils Virgin Shea Butter Refined Mango Butter Food Grade Cocoa Butter Frequently Asked Questions Is this mud bath clay cosmetic grade? Yes. It is cosmetic grade and intended for topical use in baths, masks, wraps, and soaps. It is not for ingestion. Can I add essential oils to a mud bath? Yes. Disperse essential oils in a carrier oil before adding to the bath to help even distribution. Use appropriate dilution rates and avoid eyes. Can it be used on sensitive skin? Many use mineral mud for gentle cleansing, but sensitive users should patch test first and limit contact time. Add aloe or a few drops of carrier oil for comfort.
