<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true'
  xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'
  xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<link href='https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;700&amp;family=Poppins:wght@400;600;800&amp;display=swap' rel='stylesheet'/>
<b:skin><![CDATA[
/* ===================================================================
   CDSharma Divine Astrology — Blogger Theme
   दिव्य-थीम — गहरा-मैरून, सुनहरा-गोल्ड, क्रीम — पारंपरिक-वैदिक-सौंदर्यशास्त्र
   =================================================================== */

:root {
  --cds-maroon-deep: #5c0f14;
  --cds-maroon: #8b1a1f;
  --cds-saffron: #e56a1e;
  --cds-saffron-light: #f5934a;
  --cds-gold: #c8941f;
  --cds-gold-light: #e8c165;
  --cds-cream: #fdf6e8;
  --cds-cream-dark: #f7ecd0;
  --cds-text-dark: #2e1a12;
  --cds-text-muted: #6e5a48;
  --cds-white: #ffffff;
  --cds-border-gold: #d9b45c;
  --cds-radius: 12px;
  --cds-shadow: 0 4px 20px rgba(92, 15, 20, 0.12);
  --cds-gradient-header: linear-gradient(135deg, var(--cds-maroon-deep) 0%, var(--cds-maroon) 60%, #a91e22 100%);
  --cds-gradient-cta: linear-gradient(180deg, var(--cds-saffron-light) 0%, var(--cds-saffron) 100%);
}

* { box-sizing: border-box; }

body {
  background: var(--cds-cream);
  background-image:
    radial-gradient(circle at 10% 10%, rgba(200,148,31,0.06) 0%, transparent 40%),
    radial-gradient(circle at 90% 90%, rgba(139,26,31,0.05) 0%, transparent 40%);
  color: var(--cds-text-dark);
  font-family: "Noto Sans Devanagari", "Poppins", -apple-system, sans-serif;
  margin: 0;
  line-height: 1.7;
}

a { color: var(--cds-maroon); text-decoration: none; }
a:hover { color: var(--cds-saffron); }

h1, h2, h3, h4 { font-family: "Poppins", "Noto Sans Devanagari", sans-serif; color: var(--cds-maroon-deep); font-weight: 800; }

/* ---------- हेडर ---------- */
.cds-header {
  background: var(--cds-gradient-header);
  padding: 26px 20px;
  text-align: center;
  border-bottom: 4px solid var(--cds-gold);
  box-shadow: var(--cds-shadow);
  position: relative;
  overflow: hidden;
}
.cds-header::before {
  content: '';
  position: absolute; inset: 0;
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.02) 2px, transparent 2px, transparent 12px);
  pointer-events: none;
}
.cds-header-inner { max-width: 1180px; margin: 0 auto; position: relative; z-index: 1; }
.cds-header .cds-om { font-size: 2.4rem; color: var(--cds-gold-light); display: block; margin-bottom: 6px; }
.cds-header h1 { color: var(--cds-white); font-size: 2.1rem; margin: 0; letter-spacing: .5px; }
.cds-header h1 a { color: var(--cds-white); }
.cds-header .cds-tagline { color: var(--cds-gold-light); font-size: .95rem; margin-top: 6px; font-style: italic; }

/* ---------- नेवीगेशन (sticky, प्रोफेशनल, मोबाइल-हैमबर्गर-मेनू) ---------- */
.cds-nav { background: var(--cds-maroon-deep); border-bottom: 2px solid var(--cds-gold); position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.15); }
.cds-nav-inner { max-width: 1180px; margin: 0 auto; display: flex; align-items: center; padding: 4px 16px; }
.cds-nav-toggle { display: none; background: none; border: none; color: var(--cds-cream); font-size: 1.4rem; cursor: pointer; padding: 10px; }
.cds-nav-links { display: flex; flex: 1; justify-content: center; }
.cds-nav-links a { color: var(--cds-cream); margin: 0 14px; font-weight: 600; font-size: .9rem; padding: 12px 4px; display: inline-block; border-bottom: 2px solid transparent; transition: border-color .15s; }
.cds-nav-links a:hover { color: var(--cds-gold-light); border-bottom-color: var(--cds-gold-light); }
@media (max-width: 700px) {
  .cds-nav-toggle { display: block; }
  .cds-nav-links { display: none; flex-direction: column; width: 100%; text-align: center; padding-bottom: 8px; }
  .cds-nav.open .cds-nav-links { display: flex; }
  .cds-nav-links a { margin: 2px 0; }
}

/* ---------- लेआउट ---------- */
.cds-wrapper { max-width: 1180px; margin: 0 auto; padding: 20px 16px; display: grid; grid-template-columns: 2fr 1fr; gap: 24px; }
@media (max-width: 860px) { .cds-wrapper { grid-template-columns: 1fr; } }

/* ---------- कार्ड / विजेट ---------- */
.cds-card, .widget { background: var(--cds-white); border: 1px solid var(--cds-border-gold); border-radius: var(--cds-radius); padding: 18px; margin-bottom: 20px; box-shadow: var(--cds-shadow); }
.cds-card h2, .widget h2 { font-size: 1.3rem; border-bottom: 2px solid var(--cds-border-gold); padding-bottom: 10px; margin-top: 0; }
.widget .title { font-size: 1.2rem; color: var(--cds-maroon-deep); font-weight: 800; border-bottom: 2px solid var(--cds-border-gold); padding-bottom: 10px; margin-bottom: 12px; }

/* ---------- ब्लॉग-पोस्ट (editorial/मैगज़ीन-शैली, ब्लॉग-जैसा कम) ---------- */
.post { margin-bottom: 26px; }
.post-title { font-size: 1.6rem; letter-spacing: -.01em; }
.post-title a { color: var(--cds-maroon-deep); }
.post-body { font-size: 1.02rem; color: var(--cds-text-dark); }
.post-body img { max-width: 100%; border-radius: 8px; }
.post-footer { font-size: .78rem; color: var(--cds-text-muted); border-top: 1px solid var(--cds-cream-dark); padding-top: 10px; margin-top: 12px; text-transform: uppercase; letter-spacing: .04em; }

/* ⚠️ Blogger के डिफ़ॉल्ट, ब्लॉग-जैसे-दिखने वाले elements छुपाना (comment-
   form-widgets, share-icons, आदि जो अपने-आप inject हो सकते हैं) — ताकि
   पूरी साइट एक-प्रोफेशनल पोर्टल जैसी दिखे, सामान्य ब्लॉगर-ब्लॉग जैसी नहीं */
.comments, #comments, .post-comment-link, .post-share-buttons, .gplus-share,
.post-labels, .cds-nextprev a[title], .blog-pager-older-link + span { }
.post-labels { display: none; }

/* ---------- फ़ॉर्म-एलिमेंट्स ---------- */
.cds-input, .cds-select, .cds-textarea {
  width: 100%; padding: 10px 12px; border: 1.5px solid var(--cds-border-gold); border-radius: 8px;
  font-size: .92rem; margin-bottom: 10px; font-family: inherit; background: var(--cds-cream);
}
.cds-label { font-weight: 700; font-size: .85rem; color: var(--cds-maroon-deep); display: block; margin-bottom: 4px; }
.cds-btn {
  background: var(--cds-gradient-cta); color: #fff; border: none; padding: 11px 22px; border-radius: 8px;
  font-weight: 700; font-size: .95rem; cursor: pointer; width: 100%; transition: transform .15s;
}
.cds-btn:hover { transform: translateY(-2px); }

/* ---------- राशिफल / पंचांग-विजेट ---------- */
.cds-rashi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 10px; }
.cds-rashi-btn { background: var(--cds-cream-dark); border: 1px solid var(--cds-border-gold); border-radius: 8px; padding: 8px 4px; text-align: center; cursor: pointer; font-size: .78rem; }
.cds-rashi-btn.active, .cds-rashi-btn:hover { background: var(--cds-gradient-cta); color: #fff; }
.cds-panchang-item { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid #f0e6d0; font-size: .85rem; }
.cds-panchang-item b { color: var(--cds-maroon-deep); }

.cds-loading { text-align: center; padding: 20px; color: var(--cds-text-muted); font-size: .9rem; }
.cds-error { background: #fdecea; color: #721c24; padding: 10px; border-radius: 8px; font-size: .85rem; }
.cds-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cds-detail-item { background: var(--cds-cream-dark); border-radius: 6px; padding: 8px 10px; font-size: .82rem; }
.cds-detail-item .l { color: var(--cds-text-muted); font-size: .72rem; }
.cds-detail-item .v { font-weight: 700; color: var(--cds-maroon-deep); }
.cds-accordion summary { cursor: pointer; font-weight: 700; color: var(--cds-maroon-deep); padding: 8px 0; border-bottom: 1px solid var(--cds-border-gold); }

/* ---------- फ़ुटर ---------- */
.cds-footer { background: var(--cds-maroon-deep); color: var(--cds-cream); text-align: center; padding: 24px 16px; margin-top: 30px; border-top: 4px solid var(--cds-gold); font-size: .85rem; }
.cds-footer a { color: var(--cds-gold-light); }

/* ⚠️ API-Settings-widget को हमेशा छिपाकर रखना — यह सिर्फ config के लिए है, विज़िटर को कभी न दिखे */
#CDSApiSettings { display: none !important; }

]]></b:skin>
<b:template-skin>
  <b:variable default='#5c0f14' name='cds.dummy' type='color'/>
</b:template-skin>
</head>
<body>

<!-- ⚠️ API-key अब blog पर ही, पहली-बार-दिखने वाले सेटअप-बॉक्स में डाली जाती
     है (localStorage-based) — यहां कुछ भी एडिट करने की ज़रूरत नहीं है। -->

<header class='cds-header'>
  <div class='cds-header-inner'>
    <span class='cds-om'>&#x0950;</span>
    <h1><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></h1>
    <b:if cond='data:blog.description'>
      <p class='cds-tagline'><data:blog.description/></p>
    <b:else/>
      <p class='cds-tagline'>वैदिक ज्योतिष — कुंडली, पंचांग व राशिफल</p>
    </b:if>
  </div>
</header>

<nav class='cds-nav' id='cdsNav'>
  <div class='cds-nav-inner'>
    <button class='cds-nav-toggle' id='cdsNavToggle' aria-label='मेनू खोलें' onclick='document.getElementById(&quot;cdsNav&quot;).classList.toggle(&quot;open&quot;)'>&#9776;</button>
    <div class='cds-nav-links'>
      <a expr:href='data:blog.homepageUrl'>🏠 होम</a>
      <a href='#cdsKundliFormWidget'>🔮 कुंडली बनाएं</a>
      <a href='#cdsHoroscopeWidget'>🌙 राशिफल</a>
      <a href='#cdsPanchangWidget'>📅 पंचांग</a>
    </div>
  </div>
</nav>

<div class='cds-wrapper'>


  <!-- ===== मुख्य-भाग: ब्लॉग-पोस्ट ===== -->
  <b:section class='cds-main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2'>
      <b:includable id='main' var='top'>
        <div class='blog-posts hfeed'>
          <b:include data='top' name='status-message'/>
          <b:loop values='data:posts' var='post'>
            <b:include data='post' name='post'/>
          </b:loop>
          <b:include name='nextprev'/>
        </div>
      </b:includable>

      <b:includable id='post' var='post'>
        <article class='cds-card post'>
          <h2 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h2>
          <div class='post-body'><data:post.body/></div>
          <div class='post-footer'>
            <span><data:post.dateHeader/></span>
            <b:if cond='data:post.author'> · <data:post.author/></b:if>
          </div>
        </article>
      </b:includable>

      <b:includable id='status-message'>
        <b:if cond='data:navMessage'>
          <div class='status-msg'><data:navMessage/></div>
        </b:if>
      </b:includable>

      <b:includable id='nextprev'>
        <div class='cds-nextprev' style='text-align:center; margin-top:20px;'>
          <b:if cond='data:olderPageUrl'><a expr:href='data:olderPageUrl'>&#8592; पुराने पोस्ट</a></b:if>
          <b:if cond='data:newerPageUrl'> · <a expr:href='data:newerPageUrl'>नए पोस्ट &#8594;</a></b:if>
        </div>
      </b:includable>
    </b:widget>
  </b:section>

  <!-- ===== साइडबार: ज्योतिष-विजेट्स ===== -->
  <b:section class='cds-sidebar' id='sidebar' showaddelement='yes'>

    <b:widget id='HTML1' locked='false' title='आज का पंचांग' type='HTML' version='2'>
      <b:includable id='main'>
        <div class='widget cds-card'>
          <h2 class='title'>आज का पंचांग</h2>
          <div id='cdsPanchangWidget'><div class='cds-loading'>🕉️ लोड हो रहा है...</div></div>
        </div>
      </b:includable>
    </b:widget>

    <b:widget id='HTML2' locked='false' title='दैनिक राशिफल' type='HTML' version='2'>
      <b:includable id='main'>
        <div class='widget cds-card'>
          <h2 class='title'>दैनिक राशिफल</h2>
          <div id='cdsHoroscopeWidget'><div class='cds-loading'>🕉️ लोड हो रहा है...</div></div>
        </div>
      </b:includable>
    </b:widget>

    <b:widget id='HTML3' locked='false' title='निःशुल्क कुंडली बनाएं' type='HTML' version='2'>
      <b:includable id='main'>
        <div class='widget cds-card'>
          <h2 class='title'>निःशुल्क कुंडली बनाएं</h2>
          <div id='cdsKundliFormWidget'><div class='cds-loading'>🕉️ लोड हो रहा है...</div></div>
        </div>
        <script src='https://cdsharma.in/assets/blogger-widgets.js?v=4'></script>
      </b:includable>
    </b:widget>

    <b:widget id='PopularPosts1' locked='false' title='लोकप्रिय पोस्ट' type='PopularPosts' version='2'>
      <b:includable id='main'>
        <div class='widget cds-card'>
          <b:if cond='data:title'><h2 class='title'><data:title/></h2></b:if>
          <b:loop values='data:posts' var='post'>
            <div style='padding:6px 0; border-bottom:1px solid #f0e6d0; font-size:.85rem;'>
              <a expr:href='data:post.href'><data:post.title/></a>
            </div>
          </b:loop>
        </div>
      </b:includable>
    </b:widget>

  </b:section>
</div>

<footer class='cds-footer'>
  <p>&#169; <data:blog.title/> — सर्वाधिकार सुरक्षित</p>
  <p>Astrology-सुविधाएं <a href='https://cdsharma.in' target='_blank'>CDSharma.in</a> API द्वारा संचालित</p>
</footer>



</body>
</html>
