/* ==========================================================================
   cdsharma.in — कम्प्यूटर (1025px और उससे चौड़ी स्क्रीन) का डिज़ाइन
   यह फ़ाइल header.php में media="(min-width:1025px)" के साथ जुड़ी है, और नीचे
   का सारा CSS भी उसी media-query के भीतर है — इसलिए मोबाइल/टैबलेट पर इसका
   कोई भी असर नहीं होता। हटाना हो तो बस यह फ़ाइल हटा दें।
   ========================================================================== */
@media (min-width: 1025px) {

  /* ---------- सामान्य ढांचा ---------- */
  .container { max-width: 1240px; padding-left: 28px; padding-right: 28px; }
  .section { padding-top: 56px; padding-bottom: 56px; }
  body { font-size: 16.5px; }
  .container > h1.section-title, .container > .section-title { display: block; text-align: center; }
  .section-title { font-size: 2.1rem; letter-spacing: .2px; }
  .section-subtitle { font-size: 1.02rem; }

  /* हेडर — स्क्रॉल पर ऊपर चिपका रहे */
  .site-header { position: sticky; top: 0; z-index: 900; box-shadow: 0 6px 24px rgba(60, 10, 14, .22); }
  .nav-links a { padding: 8px 12px; border-radius: 8px; transition: background .2s, transform .2s; }
  .nav-links a:hover { transform: translateY(-1px); }

  /* बटन/कार्ड पर हल्की उठान */
  .btn { transition: transform .18s ease, box-shadow .18s ease; }
  .btn:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(92, 15, 20, .22); }
  .panchang-card, .service-card, .blog-card, .product-card, .testimonial-card { transition: transform .2s ease, box-shadow .2s ease; }
  .panchang-card:hover, .service-card:hover, .blog-card:hover, .product-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(92, 15, 20, .14); }

  /* ---------- होमपेज: हीरो ---------- */
  .hero.divine-hero { padding-top: 70px; padding-bottom: 96px; }
  .hero-content { max-width: 900px; }
  .hero h1 { font-size: 3rem; line-height: 1.25; }
  .hero .tagline { font-size: 1.3rem; }
  .hero .om-symbol { font-size: 3.4rem; }
  .hero-shloka { font-size: 1.15rem; }
  .hero-buttons .btn { padding: 14px 30px; font-size: 1.02rem; }

  /* ---------- होमपेज: आचार्य-परिचय (पेज-बिल्डर का "ऊपर" भाग) ----------
     फोटो बाईं ओर, नाम/परिचय/सूचना-पट्टी दाईं ओर; वीडियो व राशि-चयन नीचे
     अगल-बगल। अगर एडमिन से इस भाग की सामग्री बदली जाए तो जो हिस्सा
     पहचाना न जाए, वह पूरी चौड़ाई में सामान्य रूप से दिखेगा। */
  .pb-zone-before {
    display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 36px; align-items: center;
    background: #fff; border: 1px solid var(--border-gold, #d9b45c); border-radius: 22px;
    padding: 34px 40px; margin-top: 8px; box-shadow: 0 18px 50px rgba(92, 15, 20, .10);
  }
  .pb-zone-before > * { grid-column: 1 / -1; }
  .pb-zone-before > img:first-child {
    grid-column: 1 / span 4; grid-row: 1 / span 4;
    max-width: 100% !important; width: 100% !important; margin: 0 !important;
    border-radius: 50% !important; aspect-ratio: 1 / 1; object-fit: cover;
    box-shadow: 0 0 0 8px #fff3d6, 0 0 0 12px var(--gold, #c8941f), 0 20px 40px rgba(92, 15, 20, .25);
  }
  .pb-zone-before > img:first-child ~ h2,
  .pb-zone-before > img:first-child ~ h4,
  .pb-zone-before > img:first-child ~ div:not(:has(iframe)):not(:has(a[href*="horoscope"])) {
    grid-column: 5 / -1; text-align: left !important;
  }
  .pb-zone-before > img:first-child ~ h2 { font-size: 2.3rem !important; margin: 0 0 6px !important; align-self: end; }
  .pb-zone-before > img:first-child ~ h4 { font-size: 1.1rem !important; margin: 0 0 14px !important; opacity: .85; }
  .pb-zone-before > div:has(iframe) { grid-column: 1 / span 7; margin: 30px 0 0 !important; align-self: start; }
  .pb-zone-before > div:has(a[href*="horoscope"]) { grid-column: 8 / -1; margin: 30px 0 0 !important; align-self: start; }
  .pb-zone-before > div:has(a[href*="horoscope"]) h2 { font-size: 1.4rem !important; margin-bottom: 14px !important; }
  .pb-zone-before > div:has(a[href*="horoscope"]) > div { gap: 10px !important; }
  .pb-zone-before a[href*="horoscope"] { transition: transform .18s, box-shadow .18s, background .18s; }
  .pb-zone-before a[href*="horoscope"]:hover { transform: translateY(-2px); background: #fff !important; box-shadow: 0 8px 18px rgba(92, 15, 20, .12); }
  .pb-zone-before > style { display: none; }

  /* ---------- होमपेज: द्विघड़िया + विशेष-टूल कार्ड — एक पंक्ति में ---------- */
  .cds-home-features {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;
    max-width: 1180px; margin: 22px auto 0; align-items: stretch;
  }
  .cds-home-features > * { max-width: none !important; margin: 0 !important; }
  .cds-home-features > a { display: flex !important; flex-direction: column; justify-content: center; transition: transform .2s, box-shadow .2s; }
  .cds-home-features > a:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(92, 15, 20, .25); }
  .cds-home-features > .pb-blocks-wrap { grid-column: 1 / -1; }

  /* ---------- होमपेज: सभी टूल — चौड़ा, 5-कॉलम ग्रिड ---------- */
  .cds-home-tools {
    max-width: 1180px !important; margin-top: 26px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 12px !important;
  }
  .cds-home-tools > a {
    display: flex !important; align-items: center; justify-content: center; min-height: 56px;
    font-size: .86rem !important; padding: 12px 10px !important;
    transition: transform .18s, box-shadow .18s, background .18s, border-color .18s;
  }
  .cds-home-tools > a:hover {
    transform: translateY(-2px); background: #fff !important; border-color: var(--saffron, #e56a1e) !important;
    box-shadow: 0 10px 22px rgba(92, 15, 20, .12);
  }

  /* ---------- होमपेज: पंचांग कार्ड ---------- */
  .panchang-grid-divine { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .panchang-card { padding: 20px 16px; }

  /* ---------- होमपेज: गोचर — चार्ट बाईं ओर, ग्रह दाईं ओर ---------- */
  .cds-home-gochar { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 26px; align-items: start; }
  .cds-home-gochar > div:first-child { margin-bottom: 0 !important; position: sticky; top: 96px; }
  .cds-home-gochar .home-gochar-grid { gap: 12px !important; }
  .cds-home-gochar .home-gochar-grid > div { padding: 14px 10px !important; }

  /* ---------- सेवाएं/उत्पाद/ब्लॉग ---------- */
  .services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }

  /* ---------- फ़ॉर्म वाले पेज (कुंडली आदि) ---------- */
  .form-box { box-shadow: 0 18px 46px rgba(92, 15, 20, .10); border-radius: 18px; }

  /* ---------- फुटर ---------- */
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 40px; }
  .footer-grid a { transition: color .15s, padding-left .15s; }
  .footer-grid a:hover { color: #fff; padding-left: 3px; }
}

/* बहुत चौड़ी स्क्रीन (1440px+) */
@media (min-width: 1440px) {
  .container { max-width: 1320px; }
  .panchang-grid-divine { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .cds-home-tools { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; max-width: 1260px !important; }
  .cds-home-features { max-width: 1260px; }
}

/* होमपेज: संध्या/मुहूर्त व नक्षत्र-चरण बॉक्स चौड़े, शुभ-काल कार्ड 3-कॉलम */
@media (min-width: 1025px) {
  .form-box.cds-home-wide { max-width: 980px !important; }
  .muhurat-suitability-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* होमपेज: पेज-बिल्डर वाला राशि-चयन — 6-कॉलम */
@media (min-width: 1025px) {
  .cds-home-rashi-pb > div > div[style*="grid-template-columns"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; }
  .cds-home-rashi-pb a { transition: transform .18s, box-shadow .18s, background .18s; }
  .cds-home-rashi-pb a:hover { transform: translateY(-3px); background: #fff !important; box-shadow: 0 10px 22px rgba(92, 15, 20, .12); }
}

/* संकरे पेज (गोचर-फल, व्रत-कैलेंडर आदि) कम्प्यूटर पर थोड़े चौड़े — पढ़ने में आरामदायक 960px */
@media (min-width: 1025px) {
  .container[style*="max-width:560px"], .container[style*="max-width:600px"], .container[style*="max-width:640px"],
  .container[style*="max-width:680px"], .container[style*="max-width:700px"], .container[style*="max-width:720px"],
  .container[style*="max-width:760px"], .container[style*="max-width:800px"], .container[style*="max-width:820px"],
  .container[style*="max-width: 640px"], .container[style*="max-width: 720px"], .container[style*="max-width: 800px"] {
    max-width: 960px !important;
  }
}

@media (min-width: 1025px) { .container.rf-wrap { max-width: 1000px; } }

/* ---------- कुंडली-फ़ॉर्म: कम्प्यूटर पर चौड़ा, दो-कॉलम ---------- */
@media (min-width: 1025px) {
  .form-box:has(#kundliForm) { max-width: 920px; padding: 30px 34px; }
  #kundliForm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; align-items: start; }
  #kundliForm > * { grid-column: auto; min-width: 0; }
  #kundliForm > div[style*="display:flex"], #kundliForm > #dobModeHiBox, #kundliForm > .form-group:has(.loc-picker),
  #kundliForm > button[type="submit"] { grid-column: 1 / -1; }
  #kundliForm .loc-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 16px; }
  #kundliForm .loc-picker > label { grid-row: 1; }
  #kundliForm .loc-picker > label:nth-of-type(1) { grid-column: 1; }
  #kundliForm .loc-picker > label:nth-of-type(2) { grid-column: 2; }
  #kundliForm .loc-picker > label:nth-of-type(3) { grid-column: 3; }
  #kundliForm .loc-picker > #lp_country { grid-column: 1; grid-row: 2; }
  #kundliForm .loc-picker > #lp_state_search { grid-column: 2; grid-row: 2; }
  #kundliForm .loc-picker > #lp_state { grid-column: 2; grid-row: 3; }
  #kundliForm .loc-picker > #lp_city_search { grid-column: 3; grid-row: 2; }
  #kundliForm .loc-picker > #lp_city { grid-column: 3; grid-row: 3; }
  #kundliForm .loc-picker > :not(label):not(select):not(input) { grid-column: 1 / -1; }
  #kundliForm button[type="submit"] { max-width: 420px; justify-self: center; width: 100%; font-size: 1.05rem; padding: 14px; }
}