MOOL Quebracho Dyed Khadi Cushion Cover

/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION */ #ka-wrapper { /* Khaddarvas Color Palette */ --cream: #f9f4f2; --dark: #5c4533; --sand: #a4907c; --gold: #c8b686; --w hite: #ffffff; --muted: rgba(92, 69, 51, 0.9); background: var(--cream); color: var(--dark); font-family: 'DM Sans', sans-serif; font-weight: 400; position: relative; overflow: hidden; line-height: 1.6; width: 100%; margin: 0 auto; } #ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; } /* Grain Effect */ #ka-wrapper::after { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E"); pointer-events: none; z-index: 99; } /* Typography */ #ka-wrapper .ka-eyebrow { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; gap: 9px; } #ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); } #ka-wrapper .ka-h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(42px, 7.5vw, 92px); font-weight: 300; line-height: 1.0; letter-spacing: -1.5px; margin-bottom: 15px; } #ka-wrapper .ka-h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4vw, 50px); font-weight: 400; line-height: 1.1; letter-spacing: -.5px; } #ka-wrapper em { font-style: italic; color: var(--sand); } #ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; } /* Image Containers */ #ka-wrapper .ka-img-box { position: relative; overflow: hidden; background: var(--gold); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 300px; } #ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; } /* Block 1: Hero */ #ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; } #ka-wrapper .ka-hero-left { background: var(--dark); padding: clamp(44px, 7vw, 96px) clamp(28px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; } #ka-wrapper .ka-hero-left::before { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(0deg, transparent, transparent 30px, rgba(255,255,255,.022) 30px, rgba(255,255,255,.022) 31px), repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(255,255,255,.022) 30px, rgba(255,255,255,.022) 31px); } #ka-wrapper .ka-hero-inner { position: relative; z-index: 1; } #ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); } #ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); } #ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 380px; margin-top: 18px; } #ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; } #ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; } #ka-wrapper .ka-stat strong { display: block; font-family: 'Cormorant Garamond', serif; font-size: clamp(28px, 3vw, 38px); font-weight: 400; color: var(--cream); line-height: 1; } #ka-wrapper .ka-stat span { font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--gold); margin-top: 5px; display: block; } /* Block 2: Stamps */ #ka-wrapper .ka-stamps { background: var(--sand); display: flex; align-items: center; justify-content: space-around; padding: clamp(28px, 3.5vw, 48px) clamp(20px, 5vw, 72px); gap: 15px; } #ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; } #ka-wrapper .ka-stamp-val { display: block; font-family: 'Cormorant Garamond', serif; font-size: clamp(30px, 4vw, 50px); font-weight: 500; line-height: 1; letter-spacing: -1px; color: var(--cream); } #ka-wrapper .ka-stamp-lbl { display: block; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-top: 8px; color: var(--cream); } #ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; } /* Block 3, 4 & 6: Two Column Layouts */ #ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; } #ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; } #ka-wrapper .ka-split-text { background: var(--cream); padding: clamp(44px, 6vw, 80px) clamp(28px, 5vw, 64px); display: flex; flex-direction: column; justify-content: center; } #ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; } #ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); } #ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); } #ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; } /* Occasion List specific for Styling Block */ #ka-wrapper .ka-list { list-style: none; margin-top: 24px; } #ka-wrapper .ka-list li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; } #ka-wrapper .ka-list-icon { color: var(--gold); font-size: 20px; line-height: 1; margin-top: 2px; } #ka-wrapper .ka-list-text strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; color: var(--dark); display: block; margin-bottom: 4px; } #ka-wrapper .ka-list-text span { font-size: 15px; color: var(--dark); opacity: 0.9; line-height: 1.5; display: block; } /* Block 5: Pillars */ #ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); } #ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; } #ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; } #ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; } #ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); } #ka-wrapper .ka-pillars-head em { color: var(--gold); } #ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); } #ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; } #ka-wrapper .ka-pillar:hover { border-color: var(--gold); } #ka-wrapper .ka-pillar-n { font-family: 'Cormorant Garamond', serif; font-size: 13px; font-weight: 600; letter-spacing: 2px; color: var(--gold); display: block; margin-bottom: 10px; } #ka-wrapper .ka-pillar-t { font-family: 'Cormorant Garamond', serif; font-size: 24px; color: var(--cream); font-weight: 400; margin-bottom: 12px; line-height: 1.2; } #ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; } /* Block 7: Sustainability */ #ka-wrapper .ka-sust { background: var(--cream); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); border-top: 1px solid rgba(92, 69, 51, 0.15); } #ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; } #ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; } #ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; } #ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; } #ka-wrapper .ka-badge { display: flex; align-items: center; gap: 16px; padding: 18px; background: rgba(200, 182, 134, 0.2); border: 1px solid rgba(200, 182, 134, 0.5); border-radius: 4px; } #ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; } #ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; } #ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; } /* Responsive Overrides */ @media(max-width: 860px) { #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; } #ka-wrapper .ka-hero-img { order: -1; } #ka-wrapper .ka-split { grid-template-columns: 1fr; } #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; } #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; } #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; } } @media(max-width: 768px) { #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; } #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; } #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; } #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); } #ka-wrapper .ka-stats { justify-content: center; } #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; } #ka-wrapper .ka-sep { display: none; } #ka-wrapper .ka-stamp { min-width: auto; } #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; } #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; } #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; } #ka-wrapper .ka-list li { text-align: left; } #ka-wrapper .ka-sust-text { text-align: center; } #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; } #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; } #ka-wrapper .ka-badge { text-align: left; } #ka-wrapper .ka-pillars { padding: 48px 20px; } } Hand-Dyed · Handwoven Earthy tones.Rooted innature. Bring grounding warmth indoors. Our artisanal Khadi cushion covers are hand-tied and steeped in rich, natural dyes extracted from the heartwood of the Quebracho tree. 100%Natural Tree Dye HandTied & Dyed ∞Organic WarmRich Terracotta UniqueUnique Motif SoftBreathable Cotton HomeEarthy Decor The Art of Natural Dyeing Dyed withQuebracho wood. Ditching synthetic chemicals, we harness the grounding power of nature. Each piece of Khadi is steeped in a botanical dye bath created from sustainably sourced Quebracho tree bark, resulting in a rich, reddish-brown hue that radiates warmth. Coupled with the traditional tie-and-dye technique, the fabric reveals striking, organic patterns where the dye is beautifully resisted. No two cushions will ever be exactly alike. The Khadi Sadan Promise Certified Craft.Real Impact. When you style your home with Khaddarvas, you are preserving traditional Indian craftsmanship. Operated under the strict guidance of the Khadi and Village Industries Commission (KVIC), we ensure every product gives back. Your purchase guarantees genuine handwoven cotton, azo-free botanical dyes, and direct financial support to the rural artisans who tie, dye, and weave these works of art. Why Handwoven? Art for your living space. 01 · Texture Organic &Earthy. The natural slubs in handspun Khadi give these cushions a rich, tactile depth that mass-produced fabrics cannot match. 02 · Artistry A UniqueCenterpiece. Because they are hand-tied and naturally dyed, every cushion cover is an exclusive piece of functional art. 03 · Durability EnduringSoftness. Designed for everyday living. Our Khadi covers are easy to wash and become softer and more inviting over time. How To Style Bring yourspace to life. These versatile covers add an instant splash of grounding, earthy tones and rich texture to any interior aesthetic. ✦ Desert Modern Mix and match with natural woods, terracotta planters, and cream textiles for a warm, Southwestern-inspired vibe. ✦ The Cozy Bedroom Layer these deep reddish-brown cushions over crisp white or beige bed linens for a striking, organic contrast. ✦ The Sunlit Lounge Perfect for tossing onto a leather armchair or a cozy reading nook to bring a touch of natural warmth indoors. For the Planet Beautiful insideand out. Our tie and dye collection leaves a soft footprint. No power looms, zero synthetic chemicals—just botanical dyes, sunlight, water, and human care. 🪵 100% Botanical DyeColored entirely by natural Quebracho tree extract. 🌱 Zero SyntheticsAzo-free, skin-safe, and biodegradable. 🤝 Artisan-Fair WagesDirectly supports rural Indian artisans. 💧 Earth-FriendlySafe, non-toxic water runoff during dyeing. Show more