{"title":"44 Inch Khadi Cotton Fabric for Ethnic and Everyday Wear","description":"","products":[{"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-blue-color-plain-traditional-khadi","title":"Light Blue Plain Traditional 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":42299817099439,"sku":"GS_2.5M_Light-Blue-KS-103","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299817164975,"sku":"GK_3M_Light-Blue-KS-103","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299817197743,"sku":"Ku_3.5M_Light-Blue-KS-103","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299817296047,"sku":"LS_5M_Light-Blue-KS-103","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_248f6201-8d3e-4107-9c2a-14502a6fc85e.webp?v=1767984113"},{"product_id":"light-orange-color-plain-traditional-khadi-1","title":"Light Orange Plain Traditional 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":45969406263471,"sku":"GS_2.5M_Light-Blue-KS-104","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":45969406329007,"sku":"GK_3M_Light-Blue-KS-104","price":899.0,"currency_code":"INR","in_stock":false},{"title":"3.5 Meter","offer_id":45969406361775,"sku":"Ku_3.5M_Light-Blue-KS-104","price":1049.0,"currency_code":"INR","in_stock":false},{"title":"5.0 Meter","offer_id":45969406460079,"sku":"LS_5M_Light-Blue-KS-104","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_cf8e24f4-d2b4-443d-8f9b-e137bd2ab82d.webp?v=1767984178"},{"product_id":"light-pink-color-plain-traditional-khadi","title":"Light Pink Plain Traditional 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":45969406034095,"sku":"GS_2.5M_Light-Blue-KS-105","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":45969406099631,"sku":"GK_3M_Light-Blue-KS-105","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":45969406132399,"sku":"Ku_3.5M_Light-Blue-KS-105","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":45969406230703,"sku":"LS_5M_Light-Blue-KS-105","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_509654bf-30bc-413b-9bc1-8825d3f81fa7.webp?v=1767984250"},{"product_id":"dark-purple-color-plain-traditional-khadi","title":"Dark Purple Plain Traditional Khadi Cotton 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":42299824570543,"sku":"GS_2.5M_Dark-Purple-KS-111","price":749.0,"currency_code":"INR","in_stock":false},{"title":"3.0 Meter","offer_id":42299824636079,"sku":"GK_3M_Dark-Purple-KS-111","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299824668847,"sku":"Ku_3.5M_Dark-Purple-KS-111","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299824767151,"sku":"LS_5M_Dark-Purple-KS-111","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_864173c4-bab7-4257-94ca-080e264ba0ab.webp?v=1767984385"},{"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":"radish-pink-color-traditional-pattern-cotton-khadi","title":"Radish Pink 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":42299829321903,"sku":"GS_2.5M_Radish-Pink-KS-113","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299829387439,"sku":"GK_3M_Radish-Pink-KS-113","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299829420207,"sku":"Ku_3.5M_Radish-Pink-KS-113","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299829518511,"sku":"LS_5M_Radish-Pink-KS-113","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_f9f67903-2938-4447-8d61-d8022fd9fb04.webp?v=1767984516"},{"product_id":"unique-and-exotic-traditional-pattern-cotton-khadi-fabric-3","title":"Unique Traditional Pattern Khadi Fabric - Exotic 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":42299835875503,"sku":"GS_2.5M_Light-Coffee-KS-114","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299835941039,"sku":"GK_3M_Light-Coffee-KS-114","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299835973807,"sku":"Ku_3.5M_Light-Coffee-KS-114","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299836072111,"sku":"LS_5M_Light-Coffee-KS-114","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_5ee02f71-3829-4ff6-9fc6-f4050df6ce9f.webp?v=1767984581"},{"product_id":"bluish-gray-traditional-pattern-pure-khadi-fabric","title":"Pure Khadi Fabric - Bluish Gray Traditional Pattern (Handwoven 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":42299842789551,"sku":"GS_2.5M_Bluish-Gray-KS-115","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299842855087,"sku":"GK_3M_Bluish-Gray-KS-115","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299842887855,"sku":"Ku_3.5M_Bluish-Gray-KS-115","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299842986159,"sku":"LS_5M_Bluish-Gray-KS-115","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_fa394690-29f4-4c72-8122-47584412a60e.webp?v=1767984646"},{"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":"stunning-traditional-self-pattern-100-khadi-fabric","title":"100% Khadi Fabric - Traditional Self Pattern 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":42299846000815,"sku":"GS_2.5M_New_Maroon-Hariom-KS-117","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299846066351,"sku":"GK_3M_New_Maroon-Hariom-KS-117","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299846099119,"sku":"Ku_3.5M_New_Maroon-Hariom-KS-117","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299846197423,"sku":"LS_5M_New_Maroon-Hariom-KS-117","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_fd59d952-ed5a-444a-b64c-648d44d8f7ed.webp?v=1767984777"},{"product_id":"vibrant-traditional-self-pattern-pure-100-khadi-fabric","title":"Vibrant Traditional Self Pattern Pure 100% 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":42299847999663,"sku":"GS_2.5M_Blue-Gray-KS-119","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299848065199,"sku":"GK_3M_Blue-Gray-KS-119","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299848097967,"sku":"Ku_3.5M_Blue-Gray-KS-119","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299848196271,"sku":"LS_5M_Blue-Gray-KS-119","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_fc480847-bccc-417a-9a73-692bc4d32838.webp?v=1767984842"},{"product_id":"ethnic-traditional-self-pattern-pure-100-khadi-fabric","title":"Ethnic Traditional 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":42299867168943,"sku":"GS_2.5M_Old-Coffee-KS-121","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42299867234479,"sku":"GK_3M_Old-Coffee-KS-121","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42299867267247,"sku":"Ku_3.5M_Old-Coffee-KS-121","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42299867365551,"sku":"LS_5M_Old-Coffee-KS-121","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_fcebe228-659e-458e-9afc-cee265b04e5e.webp?v=1767984906"},{"product_id":"stylish-traditional-self-pattern-pure-khadi-fabric","title":"Pure Khadi Fabric - Stylish Self Pattern 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":45750484009135,"sku":"FAB-2.5M-KS-122","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":45750484041903,"sku":"FAB-3.0M-KS-122","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":45750484107439,"sku":"FAB-3.5M-KS-122","price":1048.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":45750484205743,"sku":"FAB-5.0M-KS-122","price":1498.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_3dde3ca0-0389-46ad-83e7-243b95a33407.webp?v=1767984976"},{"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":false},{"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":"royal-blue-plain-fine-100-khadi-fabric","title":"Royal Blue Plain Fine 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":42338630172847,"sku":"GS_2.5M_Royal-Blue-KS-108","price":749.0,"currency_code":"INR","in_stock":false},{"title":"3.0 Meter","offer_id":42338630238383,"sku":"GK_3M_Royal-Blue-KS-108","price":899.0,"currency_code":"INR","in_stock":false},{"title":"3.5 Meter","offer_id":42338630271151,"sku":"Ku_3.5M_Royal-Blue-KS-108","price":1049.0,"currency_code":"INR","in_stock":false},{"title":"5.0 Meter","offer_id":42338630369455,"sku":"LS_5M_Royal-Blue-KS-108","price":1499.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_d0674aef-3ff4-4f10-8961-1b709f1eafae.webp?v=1767987539"},{"product_id":"royal-purple-modren-traditional-khadi-fabric","title":"Royal Purple Modern 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":42338633220271,"sku":"GS_2.5M_Royal-Purple-KS-109","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338633285807,"sku":"GK_3M_Royal-Purple-KS-109","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338633318575,"sku":"Ku_3.5M_Royal-Purple-KS-109","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338633416879,"sku":"LS_5M_Royal-Purple-KS-109","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_898d6948-ec25-405f-817c-ba843e306625.webp?v=1767987604"},{"product_id":"sea-green-fabulous-self-pattern-traditional-khadi-fabric","title":"Sea Green Self Pattern 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":42338637152431,"sku":"GS_2.5M_Sea-Green-KS-118","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338637217967,"sku":"GK_3M_Sea-Green-KS-118","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338637250735,"sku":"Ku_3.5M_Sea-Green-KS-118","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338637349039,"sku":"LS_5M_Sea-Green-KS-118","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_c6ac2244-c361-4ec1-8734-6357497c6a18.webp?v=1767987735"},{"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":"white-green-big-line-trending-khadi-fabric","title":"White \u0026 Green Big Line Khadi Fabric - Trendy 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":42338699051183,"sku":"GS_2.5M_White \u0026 Green-Big-Line-KS-305","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338699116719,"sku":"GK_3M_White \u0026 Green-Big-Line-KS-305","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338699149487,"sku":"Ku_3.5M_White \u0026 Green-Big-Line-KS-305","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338699247791,"sku":"LS_5M_White \u0026 Green-Big-Line-KS-305","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_6484fcf3-37e4-44e6-a477-af4eebf4dcc1.webp?v=1767987931"},{"product_id":"white-yellow-big-line-trending-khadi-fabric","title":"White \u0026 Yellow Big Line Khadi Fabric - Trending Stripes","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":42338700689583,"sku":"GS_2.5M_White \u0026 Yellow-Big-Line-KS-306","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338700755119,"sku":"GK_3M_White \u0026 Yellow-Big-Line-KS-306","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338700787887,"sku":"Ku_3.5M_White \u0026 Yellow-Big-Line-KS-306","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338700886191,"sku":"LS_5M_White \u0026 Yellow-Big-Line-KS-306","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_380a7cd2-d455-40b0-920e-744b4946cea9.webp?v=1767987996"},{"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":"small-plain-line-white-green-traditional-khadi-fabric","title":"White \u0026 Green 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":42338705375407,"sku":"GS_2.5M_Small-Plain-Line-White \u0026 Green-KS-308","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338705440943,"sku":"GK_3M_Small-Plain-Line-White \u0026 Green-KS-308","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338705473711,"sku":"Ku_3.5M_Small-Plain-Line-White \u0026 Green-KS-308","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338705572015,"sku":"LS_5M_Small-Plain-Line-White \u0026 Green-KS-308","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_be7b96dd-a46d-49f4-90ab-8a322a29bd92.webp?v=1767988127"},{"product_id":"small-plain-line-white-grey-traditional-khadi-fabric","title":"White \u0026 Grey 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":42338706489519,"sku":"GS_2.5M_Small-Plain-Line-White \u0026 Grey-KS-309","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338706555055,"sku":"GK_3M_Small-Plain-Line-White \u0026 Grey-KS-309","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338706587823,"sku":"Ku_3.5M_Small-Plain-Line-White \u0026 Grey-KS-309","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338706686127,"sku":"LS_5M_Small-Plain-Line-White \u0026 Grey-KS-309","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_c8890112-8e07-4603-85dd-341824b05f7d.webp?v=1767988191"},{"product_id":"small-plain-line-white-orange-traditional-khadi-fabric","title":"White \u0026 Orange 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":42338708750511,"sku":"GS_2.5M_Small-Plain-Line-White \u0026 Orange-KS-310","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42338708816047,"sku":"GK_3M_Small-Plain-Line-White \u0026 Orange-KS-310","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42338708848815,"sku":"Ku_3.5M_Small-Plain-Line-White \u0026 Orange-KS-310","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42338708947119,"sku":"LS_5M_Small-Plain-Line-White \u0026 Orange-KS-310","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_21f6d6bc-8d04-4a7e-aa4f-10af237341e3.webp?v=1767988255"},{"product_id":"vibrant-self-pattern-pure-100-khadi-fabric","title":"Vibrant Self Pattern 100% Khadi Fabric - Pure 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":42428503818415,"sku":"GS_2.5M_Pink-KS-120","price":749.0,"currency_code":"INR","in_stock":false},{"title":"3.0 Meter","offer_id":42428503883951,"sku":"GK_3M_Pink-KS-120","price":899.0,"currency_code":"INR","in_stock":false},{"title":"3.5 Meter","offer_id":42428503916719,"sku":"Ku_3.5M_Pink-KS-120","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42428504015023,"sku":"LS_5M_Pink-KS-120","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_5ff8fe23-07e7-4fb9-ba07-f67fc5db6aa8.webp?v=1767988370"},{"product_id":"dark-green-plain-fine-100-khadi-fabric","title":"Lemon Plain Fine Khadi Cotton Fabric (100% Organic)","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":42540028788911,"sku":"GS_2.5M_Lemon-KS-317","price":749.0,"currency_code":"INR","in_stock":false},{"title":"3.0 Meter","offer_id":42540028854447,"sku":"GK_3M_Lemon-KS-317","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42540028887215,"sku":"Ku_3.5M_Lemon-KS-317","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42540028985519,"sku":"LS_5M_Lemon-KS-317","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_bd9c9d7e-fb10-4274-b6d4-95f2d82b0b34.webp?v=1767988573"},{"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":"yellow-colour-plain-fine-100-khadi-fabric","title":"Plain Yellow 100% Khadi Fabric - Fine Weave 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":42540393726127,"sku":"GS_2.5M_Yellow-KS-321","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42540393758895,"sku":"Ku_3M_Yellow-KS-321","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42540393824431,"sku":"Ku_3.5M_Yellow-KS-321","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42540393922735,"sku":"LS_5M_Yellow-KS-321","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_e0f18b77-46ba-41c3-b224-fb3fb13312f4.webp?v=1767988770"},{"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":"green-color-traditional-pattern-khadi-fabric","title":"Parrot Green Traditional Pattern Khadi Fabric - Handwoven 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":42612366377135,"sku":"GS_2.5M_KS-324","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42612366442671,"sku":"GK_3M_KS-324","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42612366475439,"sku":"Ku_3.5M_KS-324","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42612366573743,"sku":"LS_5M_KS-324","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_7c32e329-b133-47a9-9b62-f1592f68d454.webp?v=1767989761"},{"product_id":"grey-color-traditional-pattern-khadi-fabric","title":"Grey Traditional Pattern Khadi Fabric - Handwoven 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":42612378697903,"sku":"GS_2.5M_KS-325","price":748.0,"currency_code":"INR","in_stock":false},{"title":"3.0 Meter","offer_id":42612378763439,"sku":"GK_3M_KS-325","price":898.0,"currency_code":"INR","in_stock":false},{"title":"3.5 Meter","offer_id":42612378796207,"sku":"Ku_3.5M_KS-325","price":1048.0,"currency_code":"INR","in_stock":false},{"title":"5.0 Meter","offer_id":42612378894511,"sku":"LS_5M_KS-325","price":1498.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_daa0a8e0-7446-4195-8ec5-7fae6da03914.webp?v=1767989828"},{"product_id":"saffron-color-traditional-pattern-khadi-fabric","title":"Saffron Colour Traditional Fine 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":42612391116975,"sku":"GS_2.5M_KS-326","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42612391182511,"sku":"GK_3M_KS-326","price":899.0,"currency_code":"INR","in_stock":false},{"title":"3.5 Meter","offer_id":42612391215279,"sku":"Ku_3.5M_KS-326","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42612391313583,"sku":"LS_5M_KS-326","price":1499.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_1bf8bf1e-5c1d-4a76-ae9f-52d4eee5566d.webp?v=1767989893"},{"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":"copy-of-light-orange-color-traditional-pattern-khadi-fabric","title":"Pista Traditional Pattern Cotton Khadi Fabric - Hand-Woven Ethnic Textile","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":42612419526831,"sku":"GS_2.5M_KS-329","price":748.0,"currency_code":"INR","in_stock":false},{"title":"3.0 Meter","offer_id":42612419592367,"sku":"GK_3M_KS-329","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42612419625135,"sku":"Ku_3.5M_KS-329","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42612419723439,"sku":"LS_5M_KS-329","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_3625ebca-3708-460e-b6e0-fded0563829f.webp?v=1767990092"},{"product_id":"copy-of-exotic-and-unique-traditional-pattern-cotton-khadi-fabric","title":"Mustard Traditional Pattern Cotton Khadi Fabric - Handwoven Ethnic Textile","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":42630554058927,"sku":"GS_2.5M_MUSTARD_HARIOM_KS-331","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42630554091695,"sku":"GS_Plus_3M_MUSTARD_HARIOM_KS-331","price":898.0,"currency_code":"INR","in_stock":false},{"title":"3.5 Meter","offer_id":42630554157231,"sku":"GK_Plus_3.5M_MUSTARD_HARIOM_KS-331","price":1048.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42630554255535,"sku":"LS_5M_MUSTARD_HARIOM_KS-331","price":1498.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_b5d9ada5-33be-4a92-9a2f-f532bb1fe31d.webp?v=1767990226"},{"product_id":"copy-of-mustard-color-traditional-pattern-cotton-khadi-fabric","title":"Handwoven Cotton Khadi Fabric - Light Orange Traditional 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":42630566936751,"sku":"GS_2.5M_LIGHT_ORANGE_HARIOM_KS-332","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42630566969519,"sku":"GS_Plus_3M_LIGHT_ORANGE_HARIOM_KS-332","price":898.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42630567035055,"sku":"GK_Plus_3.5M_LIGHT_ORANGE_HARIOM_KS-332","price":1048.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42630567133359,"sku":"LS_5M_LIGHT_ORANGE_HARIOM_KS-332","price":1498.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_57d30781-8c80-4a1b-a579-3ceb15a72a4d.webp?v=1767990293"},{"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"},{"product_id":"copy-of-light-blue-color-traditional-pattern-cotton-khadi-fabric","title":"Sea Green Traditional Pattern Cotton Khadi Fabric - Hand-Woven Breathable Textile","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":42630603473071,"sku":"GS_2.5M_SEA_GREEN_HARIOM_KS-335","price":748.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42630603505839,"sku":"GS_Plus_3M_SEA_GREEN_HARIOM_KS-335","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42630603571375,"sku":"GK_Plus_3.5M_SEA_GREEN_HARIOM_KS-335","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42630603669679,"sku":"LS_5M_SEA_GREEN_HARIOM_KS-335","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_30ea4d04-860f-4026-81c6-4946bb67c1d8.webp?v=1767990492"},{"product_id":"small-plain-line-white-yellow-traditional-khadi-fabric","title":"White \u0026 Yellow Khadi Fabric - Traditional Plain Line 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":42676463435951,"sku":"GS_2.5M_Small-Plain-Line-White \u0026 Yellow-KS-316","price":749.0,"currency_code":"INR","in_stock":true},{"title":"3.0 Meter","offer_id":42676463468719,"sku":"Ku_3M_Small-Plain-Line-White \u0026 Yellow-KS-316","price":899.0,"currency_code":"INR","in_stock":true},{"title":"3.5 Meter","offer_id":42676463534255,"sku":"Ku_3.5M_Small-Plain-Line-White \u0026 Yellow-KS-316","price":1049.0,"currency_code":"INR","in_stock":true},{"title":"5.0 Meter","offer_id":42676463632559,"sku":"LS_5M_Small-Plain-Line-White \u0026 Yellow-KS-316","price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0587\/6996\/5231\/files\/khadisadan.myshopify.com_0c2be31c-5dfd-4a38-a805-0869a90275b1.webp?v=1767990626"}],"url":"https:\/\/khaddarvas.com\/collections\/44.oembed?page=2","provider":"Khadi Sadan","version":"1.0","type":"link"}