{"title":"Bestsellers Fabric","description":"","products":[{"product_id":"light-golden-katia-silk-khadi","title":"Light Golden Katia Silk Khadi Fabric for Ethnic Wear","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan","offers":[{"title":"2.5 Meter","offer_id":41759095652527,"sku":"GS-2.5M-Katia-Silk-KS-501","price":2497.5,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":41759095685295,"sku":"GK-3M-Katia-Silk-KS-501","price":2997.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":41759095783599,"sku":"LS-5M-Katia-Silk-KS-501","price":4995.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_f6d467ee-351c-4f54-8cd0-47d7ee0082fd.webp?v=1767976811"},{"product_id":"greenish-yellow-color-plain-traditional-khadi","title":"Greenish Yellow Plain Khadi Fabric - Traditional Cotton","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan™","offers":[{"title":"2.5 Meter","offer_id":42299797045423,"sku":"GS_2.5M_Greenish-yellow-KS-102","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299797110959,"sku":"GK_3M_Greenish-yellow-KS-102","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299797143727,"sku":"Ku_3.5M_Greenish-yellow-KS-102","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299797242031,"sku":"LS_5M_Greenish-yellow-KS-102","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_53601371-e200-441c-bc95-76dedabb237d.webp?v=1767984047"},{"product_id":"light-green-color-traditional-pattern-cotton-khadi","title":"Light Green Traditional Pattern Cotton Khadi Fabric","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan™","offers":[{"title":"2.5 Meter","offer_id":42299826602159,"sku":"GS_2.5M_Light-Green-KS-112","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299826667695,"sku":"GK_3M_Light-Green-KS-112","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299826700463,"sku":"Ku_3.5M_Light-Green-KS-112","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299826798767,"sku":"LS_5M_Light-Green-KS-112","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_40ac0a21-07eb-4dce-8fd7-03433416c79d.webp?v=1767984451"},{"product_id":"light-golden-brown-plain-traditional-khadi-fabric","title":"Light Golden Brown Plain Traditional Khadi Fabric","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan™","offers":[{"title":"2.5 Meter","offer_id":42299843936431,"sku":"GS_2.5M_Light-Golden-Brown--KS-116","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299844001967,"sku":"GK_3M_Light-Golden-Brown--KS-116","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299844034735,"sku":"Ku_3.5M_Light-Golden-Brown--KS-116","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299844133039,"sku":"LS_5M_Light-Golden-Brown--KS-116","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_c4162306-6430-4803-a3e8-e444796c4a63.webp?v=1767984712"},{"product_id":"stylish-traditional-self-pattern-pure-khadi-fabric-1","title":"Elegant Self Pattern Pure Khadi Fabric - Cotton Weave","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan™","offers":[{"title":"2.5 Meter","offer_id":42299872313519,"sku":"GS_2.5M_Blue-Violet-KS-124","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299872379055,"sku":"GK_3M_Blue-Violet-KS-124","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299872411823,"sku":"Ku_3.5M_Blue-Violet-KS-124","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299872510127,"sku":"LS_5M_Blue-Violet-KS-124","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_118dd9b9-eb90-42da-84b8-b7679cd764fa.webp?v=1767985228"},{"product_id":"exotic-traditional-self-pattern-fine-100-khadi-fabric","title":"Fine Self Pattern Khadi Fabric - Traditional Cotton","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan","offers":[{"title":"2.5 Meter","offer_id":45750487351471,"sku":"FAB-2.5M-KS-125","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":45750487384239,"sku":"FAB-3.0M-KS-125","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":45750487449775,"sku":"FAB-3.5M-KS-125","price":1048.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":45750487548079,"sku":"FAB-5.0M-KS-125","price":1498.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_03d68f0c-866b-4e7e-9c1f-bcd7722c6326.webp?v=1767985299"},{"product_id":"exotic-self-pattern-fine-100-khadi-fabric","title":"Fine Self Pattern Khadi Fabric - Pure 100% Cotton","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan","offers":[{"title":"2.5 Meter","offer_id":45750490890415,"sku":"FAB-2.5M-KS-126","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":45750490955951,"sku":"FAB-3.0M-KS-126","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":45750490988719,"sku":"FAB-3.5M-KS-126","price":1048.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":45750491087023,"sku":"FAB-5.0M-KS-126","price":1498.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_e06a70b2-c441-41bf-89ae-e888dc508a79.webp?v=1767985478"},{"product_id":"lemon-trending-self-pattern-khadi-fabric","title":"Lemon Yellow Self Pattern Khadi Fabric in Cotton","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan™","offers":[{"title":"2.5 Meter","offer_id":42338642559151,"sku":"GS_2.5M_Lemon-KS-101","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338642624687,"sku":"GK_3M_Lemon-KS-101","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338642657455,"sku":"Ku_3.5M_Lemon-KS-101","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338642755759,"sku":"LS_5M_Lemon-KS-101","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_2a65b65c-15eb-45a3-957c-8e698694fd39.webp?v=1767987799"},{"product_id":"white-blue-big-line-trending-self-pattern-khadi-fabric-1","title":"White \u0026 Blue Big Line Khadi Fabric - Trending Self Pattern","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan™","offers":[{"title":"2.5 Meter","offer_id":42338697871535,"sku":"GS_2.5M_White \u0026 Blue-Big-Line-KS-304","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338697937071,"sku":"GK_3M_White \u0026 Blue-Big-Line-KS-304","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338697969839,"sku":"Ku_3.5M_White \u0026 Blue-Big-Line-KS-304","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338698068143,"sku":"LS_5M_White \u0026 Blue-Big-Line-KS-304","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_dc287d84-090b-4d6e-9170-b4db7c4934a6.webp?v=1767987864"},{"product_id":"small-plain-line-white-blue-trending-khadi-fabric","title":"White \u0026 Blue Small Line Khadi Fabric","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan™","offers":[{"title":"2.5 Meter","offer_id":42338704097455,"sku":"GS_2.5M_Small-Plain-Line-White \u0026 Blue-KS-307","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338704162991,"sku":"GK_3M_Small-Plain-Line-White \u0026 Blue-KS-307","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338704195759,"sku":"Ku_3.5M_Small-Plain-Line-White \u0026 Blue-KS-307","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338704294063,"sku":"LS_5M_Small-Plain-Line-White \u0026 Blue-KS-307","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_5f83e80d-e7e9-4e5d-9348-7fc56bbbc67a.webp?v=1767988061"},{"product_id":"green-colour-plain-pure-khadi-fabric","title":"Green Plain Pure Khadi Fabric - 100% Cotton Handwoven","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan™","offers":[{"title":"2.5 Meter","offer_id":42540213862575,"sku":"GS_2.5M_Green-Plain-KS-318","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42540213928111,"sku":"GK_3M_Green-Plain-KS-318","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42540213960879,"sku":"Ku_3.5M_Green-Plain-KS-318","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42540214059183,"sku":"LS_5M_Green-Plain-KS-318","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_ee67c3a4-4229-46b0-97dc-790f71a0fcab.webp?v=1767988638"},{"product_id":"exotic-and-unique-traditional-pattern-cotton-khadi-fabric","title":"Green Color Traditional Pattern Cotton Khadi Fabric - Handwoven Finish","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan","offers":[{"title":"2.5 Meter","offer_id":42611669696687,"sku":"GS_2.5M_KS-323","price":748.0,"currency_code":"INR","in_stock":false},{"title":"3.0 Meter","offer_id":42611669762223,"sku":"GK_3M_KS-323","price":898.0,"currency_code":"INR","in_stock":false},{"title":"3.5 Meter","offer_id":42611669794991,"sku":"Ku_3.5M_KS-323","price":1048.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42611669893295,"sku":"LS_5M_KS-323","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_e9b81ea6-f931-4efc-af59-fc557339500e.webp?v=1767989694"},{"product_id":"copy-of-yellow-color-traditional-pattern-khadi-fabric-34-inch-width","title":"Light Orange Traditional Pattern Cotton Khadi Fabric - Handwoven","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan","offers":[{"title":"2.5 Meter","offer_id":42612413431983,"sku":"GS_2.5M_KS-328","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42612413464751,"sku":"Ku_3M_KS-328","price":898.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42612413530287,"sku":"Ku_3.5M_KS-328","price":1048.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42612413628591,"sku":"LS_5M_KS-328","price":1498.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_60815d6e-66df-40bf-848d-f2fbb54bcaa7.webp?v=1767990026"},{"product_id":"light-green-color-traditional-pattern-cotton-khadi-fabric","title":"Light Green Patterned Cotton Khadi Fabric for Ethnic Wear","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan","offers":[{"title":"2.5 Meter","offer_id":42630574506159,"sku":"GS_2.5M_LIGHT_GREEN_HARIOM_KS-333","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42630574571695,"sku":"GK_3M_LIGHT_GREEN_HARIOM_KS-333","price":898.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42630574604463,"sku":"GK_Plus_3.5M_LIGHT_GREEN_HARIOM_KS-333","price":1048.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42630574702767,"sku":"LS_5M_LIGHT_GREEN_HARIOM_KS-333","price":1498.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_f46c2bd1-b654-4381-8d2c-c4caa4d66873.webp?v=1767990359"},{"product_id":"light-blue-color-traditional-pattern-cotton-khadi-fabric","title":"Light Blue Patterned Cotton Khadi Fabric Traditional","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* Safely scoped CSS for Shopify - HIGH READABILITY VERSION *\/\n#ka-wrapper {\n \/* Khaddarvas Color Palette *\/\n --cream: #f9f4f2; \n --dark: #5c4533; \n --sand: #a4907c; \n --gold: #c8b686; \n --white: #ffffff;\n --muted: rgba(92, 69, 51, 0.9); \/* Darkened for better contrast *\/\n \n background: var(--cream);\n color: var(--dark);\n font-family: 'DM Sans', sans-serif;\n font-weight: 400; \n position: relative;\n overflow: hidden;\n line-height: 1.6;\n width: 100%;\n margin: 0 auto;\n}\n\n#ka-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* Grain Effect *\/\n#ka-wrapper::after {\n content: ''; position: absolute; inset: 0;\n 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\");\n pointer-events: none; z-index: 99;\n}\n\n\/* Typography *\/\n#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; }\n#ka-wrapper .ka-eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper em { font-style: italic; color: var(--sand); }\n#ka-wrapper .ka-body-txt { font-size: 16px; line-height: 1.8; color: var(--muted); max-width: 450px; }\n\n\/* Image Containers *\/\n#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; }\n#ka-wrapper .ka-img-box img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2; }\n\n\/* Block 1: Hero *\/\n#ka-wrapper .ka-hero { display: grid; grid-template-columns: 55fr 45fr; min-height: 80vh; max-height: 760px; }\n#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; }\n#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); }\n#ka-wrapper .ka-hero-inner { position: relative; z-index: 1; }\n#ka-wrapper .ka-hero-left .ka-eyebrow { color: var(--gold); }\n#ka-wrapper .ka-hero-left .ka-h1 { color: var(--cream); }\n#ka-wrapper .ka-hero-sub { font-size: 16px; color: var(--cream); opacity: 1; line-height: 1.6; max-width: 360px; margin-top: 18px; }\n#ka-wrapper .ka-divider { width: 44px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); margin: 28px 0; }\n#ka-wrapper .ka-stats { display: flex; gap: clamp(16px, 3.5vw, 44px); flex-wrap: wrap; }\n#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; }\n#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; }\n\n\/* Block 2: Stamps *\/\n#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; }\n#ka-wrapper .ka-stamp { text-align: center; color: var(--cream); flex: 1; min-width: 120px; }\n#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); }\n#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); }\n#ka-wrapper .ka-sep { width: 1px; height: 46px; background: rgba(92, 69, 51, 0.3); flex-shrink: 0; }\n\n\/* Block 3 \u0026 4: Two Column Layout (Origin \u0026 Authenticity) *\/\n#ka-wrapper .ka-split { display: grid; grid-template-columns: 1fr 1fr; }\n#ka-wrapper .ka-split-img .ka-img-box { min-height: 440px; }\n#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; }\n#ka-wrapper .ka-split-text .ka-body-txt { margin-top: 14px; }\n#ka-wrapper .ka-split-text.dark-bg { background: var(--dark); color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-split-text.dark-bg .ka-body-txt { color: var(--cream); opacity: 1; }\n\n\/* Block 5: Pillars *\/\n#ka-wrapper .ka-pillars { background: var(--dark); padding: clamp(56px, 7vw, 88px) clamp(24px, 5vw, 72px); }\n#ka-wrapper .ka-pillars-head { text-align: center; margin-bottom: 48px; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow { justify-content: center; }\n#ka-wrapper .ka-pillars-head .ka-eyebrow::before { display: none; }\n#ka-wrapper .ka-pillars-head .ka-h2 { color: var(--cream); }\n#ka-wrapper .ka-pillars-head em { color: var(--gold); }\n#ka-wrapper .ka-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(249, 244, 242, 0.2); }\n#ka-wrapper .ka-pillar { background: var(--dark); padding: 36px 28px; border: 1px solid rgba(249, 244, 242, 0.1); transition: border-color .3s; }\n#ka-wrapper .ka-pillar:hover { border-color: var(--gold); }\n#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; }\n#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; }\n#ka-wrapper .ka-pillar-d { font-size: 15px; line-height: 1.6; color: var(--cream); opacity: 0.95; }\n\n\/* Block 6: Quote *\/\n#ka-wrapper .ka-quote-wrap { position: relative; min-height: clamp(320px, 40vw, 520px); display: flex; align-items: center; justify-content: center; overflow: hidden; }\n#ka-wrapper .ka-quote-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 69, 51, 0.85), rgba(164, 144, 124, 0.7)); z-index: 3; }\n#ka-wrapper .ka-quote-inner { position: relative; z-index: 4; text-align: center; padding: clamp(40px, 6vw, 80px) clamp(20px, 8vw, 160px); max-width: 800px; margin: 0 auto; }\n#ka-wrapper .ka-qmark { font-family: 'Cormorant Garamond', serif; font-size: 72px; color: var(--gold); opacity: .8; line-height: .4; display: block; margin-bottom: 14px; }\n#ka-wrapper .ka-qtext { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 3.2vw, 40px); font-weight: 400; font-style: italic; color: var(--cream); line-height: 1.4; }\n#ka-wrapper .ka-qattr { display: block; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cream); opacity: 0.9; margin-top: 24px; }\n\n\/* Block 7: Sustainability *\/\n#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); }\n#ka-wrapper .ka-sust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }\n#ka-wrapper .ka-sust-text .ka-h2 { margin-bottom: 14px; }\n#ka-wrapper .ka-sust-text .ka-body-txt { margin-bottom: 28px; }\n#ka-wrapper .ka-badges { display: flex; flex-direction: column; gap: 12px; }\n#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; }\n#ka-wrapper .ka-badge-ico { font-size: 24px; flex-shrink: 0; }\n#ka-wrapper .ka-badge strong { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 600; display: block; color: var(--dark); margin-bottom: 4px; }\n#ka-wrapper .ka-badge span { font-size: 15px; color: var(--dark); opacity: 0.9; display: block; line-height: 1.4; }\n\n\/* Responsive Overrides *\/\n@media(max-width: 860px) {\n #ka-wrapper .ka-hero { grid-template-columns: 1fr; max-height: none; }\n #ka-wrapper .ka-hero-img { order: -1; } \n #ka-wrapper .ka-split { grid-template-columns: 1fr; }\n #ka-wrapper .ka-split-reverse .ka-split-img { order: -1; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr 1fr; }\n #ka-wrapper .ka-sust-inner { grid-template-columns: 1fr; }\n}\n@media(max-width: 768px) {\n #ka-wrapper .ka-hero-left { text-align: center; align-items: center; padding: 48px 20px; }\n #ka-wrapper .ka-hero-left .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-hero-sub { text-align: center; margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-divider { margin: 24px auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }\n #ka-wrapper .ka-stats { justify-content: center; }\n #ka-wrapper .ka-stamps { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 10px; padding: 40px 20px; }\n #ka-wrapper .ka-sep { display: none; } \n #ka-wrapper .ka-stamp { min-width: auto; }\n #ka-wrapper .ka-split-text { text-align: center; padding: 48px 20px; }\n #ka-wrapper .ka-split-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-split-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-sust-text { text-align: center; }\n #ka-wrapper .ka-sust-text .ka-eyebrow { justify-content: center; }\n #ka-wrapper .ka-sust-text .ka-body-txt { margin-left: auto; margin-right: auto; }\n #ka-wrapper .ka-badge { text-align: left; }\n #ka-wrapper .ka-pillars-grid { grid-template-columns: 1fr; }\n #ka-wrapper .ka-pillars { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ka-wrapper\"\u003e\n\u003cdiv class=\"ka-hero\"\u003e\n\u003cdiv class=\"ka-hero-left\"\u003e\n\u003cdiv class=\"ka-hero-inner\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eHandspun · Handwoven\u003c\/div\u003e\n\u003ch1 class=\"ka-h1\"\u003eWoven\u003cbr\u003eby hand.\u003cbr\u003e\u003cem\u003eWorn\u003cbr\u003eby soul.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ka-hero-sub\"\u003eEvery thread spun by a craftsperson. Every metre of this rich brown Khadi is an act of intention, not industry.\u003c\/p\u003e\n\u003cdiv class=\"ka-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stats\"\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e\u003cspan\u003eNatural Fibre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e0\u003c\/strong\u003e\u003cspan\u003ePower Looms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stat\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003eTimeless\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-hero-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Brown Khadi fabric texture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/05-canva.png?v=1771925230\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-stamps\"\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eHand-Spun Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003eAzo-Free\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eNatural Dyes Only\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e0\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eSynthetic Chems\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-stamp\"\u003e\n\u003cspan class=\"ka-stamp-val\"\u003e∞\u003c\/span\u003e\u003cspan class=\"ka-stamp-lbl\"\u003eTimeless Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split\"\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Artisan spinning brown cotton on charkha\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/01-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Story\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eBorn from the\u003cbr\u003e\u003cem\u003echarkha's spin.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eGandhi made the spinning wheel a symbol of self-reliance. Today every metre of this traditional Khadi still supports a weaving community — breathable in summer, warm in winter, softer with every wash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split ka-split-reverse\"\u003e\n\u003cdiv class=\"ka-split-text dark-bg\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eThe Khadi Sadan Promise\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eCertified Authenticity.\u003cbr\u003e\u003cem\u003eReal Impact.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eWhen you choose Khaddarvas, you are preserving India's living legacy. Established in 1982, we operate under the strict guidance of the \u003cstrong\u003eKhadi and Village Industries Commission (KVIC)\u003c\/strong\u003e, Government of India.\u003c\/p\u003e\n\u003cp style=\"margin-top: 15px;\" class=\"ka-body-txt\"\u003eEvery metre of our fabric guarantees genuine handwoven cotton, transparent supply chains, and direct financial support to rural artisan communities. Craftsmanship you can trust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-split-img\"\u003e\n\u003cdiv class=\"ka-img-box\"\u003e\u003cimg alt=\"Authentic Khadi Artisan Workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/Why_Choose_Khaddar_Benefits_for_You_the_Planet_1.webp?v=1768011998\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ka-pillars\"\u003e\n\u003cdiv class=\"ka-pillars-head\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eWhy Khadi\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eFeels unlike \u003cem\u003eanything else.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillars-grid\"\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e01 · Breathes\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eCool in summer.\u003cbr\u003eWarm in winter.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eIrregular hand-weave creates micro air channels no synthetic fabric can replicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e02 · Softens\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eBetter with\u003cbr\u003eevery wash.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eUnlike industrial cotton that stiffens, Khadi loosens into a second skin over time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-pillar\"\u003e\n\u003cspan class=\"ka-pillar-n\"\u003e03 · Unique\u003c\/span\u003e\n\u003cdiv class=\"ka-pillar-t\"\u003eNo two pieces\u003cbr\u003eare the same.\u003c\/div\u003e\n\u003cp class=\"ka-pillar-d\"\u003eTexture variations are not flaws — they are the signature of the hand that made it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-wrap\"\u003e\n\u003cdiv style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" class=\"ka-img-box\"\u003e\u003cimg alt=\"Khadi weaving workshop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/02-canva.png?v=1771925229\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ka-quote-inner\"\u003e\n\u003cspan class=\"ka-qmark\"\u003e\"\u003c\/span\u003e\n\u003cp class=\"ka-qtext\"\u003eThe spinning wheel is the symbol of India's dignity — and of honest labour.\u003c\/p\u003e\n\u003cspan class=\"ka-qattr\"\u003e— Mahatma Gandhi\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-sust\"\u003e\n\u003cdiv class=\"ka-sust-inner\"\u003e\n\u003cdiv class=\"ka-sust-text\"\u003e\n\u003cdiv class=\"ka-eyebrow\"\u003eFor the Planet\u003c\/div\u003e\n\u003ch2 class=\"ka-h2\"\u003eWears well.\u003cbr\u003e\u003cem\u003eTreads lightly.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ka-body-txt\"\u003eOne of the lowest carbon footprints in textiles. No machines, no synthetics — just sunlight, water, and human care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badges\"\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e100% Biodegradable\u003c\/strong\u003e\u003cspan\u003eReturns to earth without microplastics.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e💧\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLow Water Footprint\u003c\/strong\u003e\u003cspan\u003eA fraction of industrial cotton processing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🤝\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eArtisan-Fair Wages\u003c\/strong\u003e\u003cspan\u003eEvery purchase supports a weaving cooperative.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ka-badge\"\u003e\n\u003cspan class=\"ka-badge-ico\"\u003e🪴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAzo-Free Dyes\u003c\/strong\u003e\u003cspan\u003eNo harmful chemicals on your skin or in waterways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Khadi Sadan","offers":[{"title":"2.5 Meter","offer_id":42630582534319,"sku":"GS_2.5M_LIGHT_BLUE_HARIOM_KS-334","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42630582599855,"sku":"GK_3M_LIGHT_BLUE_HARIOM_KS-334","price":898.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42630582632623,"sku":"GK_Plus_3.5M_LIGHT_BLUE_HARIOM_KS-334","price":1048.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42630582730927,"sku":"LS_5M_LIGHT_BLUE_HARIOM_KS-334","price":1498.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_a426f918-81f2-4d77-8207-d5fa88d85638.webp?v=1767990425"}],"url":"https:\/\/khaddarvas.com\/collections\/bestsellers-fabric.oembed","provider":"Khadi Sadan","version":"1.0","type":"link"}