/* विजय दल — फ्रंट पेज का नया रूप (डिज़ाइन-2), सिर्फ़ <body class="d2"> पर लागू (मालिक-प्रीव्यू /welcome?design=2)।
   उम्मीदवार की समीक्षा (2026-10-06): ऊपर की पट्टी पतली; "विजय दल" दो बार; "चुनाव प्रबंधन तंत्र" बीच में व दोनों तरफ़ ख़ाली;
   "403 विधानसभाओं" वाली सबसे अहम लाइन बहुत पतली; पूरा पेज चॉकलेट-गोल्डन से अचानक सफ़ेद/क्रीम और फिर चारकोल — समरूपता बिगड़ी।
   समाधान: एक ही पैलेट — गहरा चॉकलेट-एस्प्रेसो + सुनहरा; दो नज़दीकी गहरे सुर में बारी-बारी पट्टियाँ; कार्ड/पैनल क्रीम-सफ़ेद
   (सफ़ेद पूरी-चौड़ाई पट्टी कहीं नहीं); एक फ़ॉन्ट-प्रणाली (Yatra One शीर्षक + Noto Sans Devanagari)। */
body.d2 {
  --ink:#17120d; --ink2:#221a12; --ink3:#2e2418;
  --gold:#f2b134; --gold-deep:#d99312; --gold-wash:#fff6df;
  --soft:#e3d6bf; --dim:#b7a98f; --line:#e8dcc4; --paper:#17120d;
  --cream:#fbf5e8; --muted:#6a5d49;
  background:var(--ink); color:#f6ecd9;
}

/* ---------- ऊपर की पट्टी: मोटी, बड़ा ब्रांड, पढ़ने-लायक मेन्यू ---------- */
body.d2 .topbar { background:linear-gradient(180deg,#1d150d,#130e09); border-bottom:2px solid var(--gold-deep); }
body.d2 .topbar .bar { height:84px; gap:20px; }
body.d2 .brand { gap:14px; }
body.d2 .brand img { width:56px; height:56px; filter:drop-shadow(0 4px 10px rgba(0,0,0,.5)); }
body.d2 .brand > span { display:inline-flex; flex-direction:column; align-items:stretch; }
body.d2 .brand .bn { font-size:1.95rem; line-height:1.05; letter-spacing:.01em; }
/* "चुनाव प्रबंधन तंत्र" ठीक "विजय दल" की चौड़ाई में (justified) */
body.d2 .brand .bs { font-size:.8rem; font-weight:800; color:var(--soft); margin-top:3px; text-align:justify; text-align-last:justify; letter-spacing:0; }
body.d2 .nav a { color:#f1e6d0; font-size:1rem; font-weight:700; padding:11px 15px; border-radius:11px; }
body.d2 .nav a:hover { background:rgba(242,177,52,.16); color:#fff; }
body.d2 .nav a.active { color:var(--gold); background:rgba(242,177,52,.14); box-shadow:inset 0 -3px 0 var(--gold); }
body.d2 .btn-login { font-size:1rem; padding:12px 24px; border-radius:12px; background:transparent; color:var(--gold); border:2px solid var(--gold); }
body.d2 .btn-login:hover { background:var(--gold); color:var(--ink); }
body.d2 .nav-cta { font-size:1rem; padding:13px 24px; }
@media (min-width:1200px) { body.d2 .nav { gap:4px; } }
@media (max-width:1199px) { body.d2 .topbar .bar { height:72px; } body.d2 .brand img { width:46px; height:46px; } body.d2 .brand .bn { font-size:1.6rem; } }

/* ---------- हीरो ---------- */
body.d2 .hero { background:radial-gradient(900px 460px at 85% 8%, rgba(242,177,52,.20), transparent 62%), linear-gradient(135deg,var(--ink3) 0%,var(--ink) 72%); padding-top:58px; }
body.d2 .hero .lockup { display:none; }            /* ऊपर की पट्टी में ब्रांड पहले से है — दोहराव हटाया */
/* सबसे अहम लाइन — चमकीली सुनहरी पट्टी */
body.d2 .hero .eyebrow {
  display:flex; width:fit-content; max-width:100%; align-items:center; gap:14px; margin:0 0 22px; padding:14px 28px;
  font-size:clamp(1.15rem,2.6vw,1.6rem); font-weight:800; line-height:1.3; color:var(--ink); text-transform:none; letter-spacing:0;
  background:linear-gradient(135deg,#ffd978 0%,var(--gold) 55%,var(--gold-deep) 100%); border:0; border-radius:16px;
  box-shadow:0 14px 34px rgba(242,177,52,.38), inset 0 1px 0 rgba(255,255,255,.55);
}
body.d2 .hero .eyebrow .i { width:1.7em; height:1.7em; stroke-width:2; }
body.d2 .hero .eyebrow b { font-family:var(--disp); font-weight:400; font-size:1.55em; line-height:1; padding:0 .1em; }
body.d2 .hero h1 { font-size:clamp(2.05rem,6.4vw,3.5rem); }
body.d2 .hero p.lead { color:var(--soft); font-size:1.12rem; }
body.d2 .hero .fine { color:var(--dim); }
body.d2 .hero .edge, body.d2 .edge { display:none; }  /* क्रीम/सफ़ेद में उतरने वाली स्काईलाइन हटाई — एक ही पैलेट */

/* ---------- पूरे पेज की पट्टियाँ: दो नज़दीकी गहरे सुर, सुनहरी बारीक रेखा ---------- */
body.d2 .stats, body.d2 .qmenu, body.d2 .cband, body.d2 .sec { background:var(--ink); color:#f6ecd9; border:0; border-top:1px solid rgba(242,177,52,.18); }
body.d2 .sec.white, body.d2 .stats { background:var(--ink2); }
body.d2 .sec.dark, body.d2 .sec.dark2 { background:var(--ink); }
body.d2 .sec.dark2 { background:linear-gradient(160deg,var(--ink3),var(--ink)); }
body.d2 .stats { padding:26px 0 30px; }
body.d2 .sec { padding:72px 0; }
body.d2 .sec.tight { padding-top:48px; }
body.d2 .contact { background:radial-gradient(700px 300px at 90% 0%, rgba(242,177,52,.16), transparent 60%), var(--ink2); border-top:1px solid rgba(242,177,52,.18); }
body.d2 footer { background:#0f0b07; border-top:2px solid var(--gold-deep); }

/* पट्टियों पर सीधे रखा लेख (कार्ड के बाहर) */
body.d2 .sec-head h2, body.d2 .h2, body.d2 .feature h3, body.d2 .qm-head h2 { color:#fff; }
body.d2 .sec-head p, body.d2 .feature p, body.d2 .qm-head p, body.d2 .evm-sec > div > p, body.d2 .evm-sec p, body.d2 .evm-note, body.d2 .evm-hint, body.d2 .fine-note { color:var(--soft); }
body.d2 .kicker { color:var(--gold); }
body.d2 .tick li { color:#f3e8d2; } body.d2 .tick li .i { color:var(--gold); }
body.d2 .sec a:not(.btn):not(.qm-tile):not(.tour):not(.playclip):not(.nav-cta) { color:inherit; }

/* कार्ड/पैनल: क्रीम-सफ़ेद रहें, पर उनका लेख गहरा रहे */
body.d2 .card, body.d2 .step, body.d2 .mod, body.d2 .usp3-card, body.d2 .founder, body.d2 .stat, body.d2 .qm-tile,
body.d2 .pkl-card, body.d2 .tab-btn, body.d2 details, body.d2 .q, body.d2 .chip-float { color:var(--ink); }
body.d2 .card, body.d2 .step, body.d2 .founder, body.d2 .stat, body.d2 .qm-tile, body.d2 .usp3-card { background:var(--cream); border-color:rgba(242,177,52,.55); }
body.d2 .mod { background:#fff8e8; }
body.d2 .stat { box-shadow:0 8px 22px rgba(0,0,0,.35); }
body.d2 .stat b { color:var(--ink); } body.d2 .stat span.l { color:var(--muted); }
body.d2 .tab-btn { background:var(--cream); }
body.d2 .tab-btn[aria-selected="true"] { background:var(--gold); color:var(--ink); border-color:var(--gold); }

/* अंतिम "ऐप कैसे लें" पट्टी: सुनहरे किनारे का कार्ड */
body.d2 .cband-card { border:2px solid var(--gold-deep); box-shadow:0 18px 44px rgba(0,0,0,.45), 0 0 0 6px rgba(242,177,52,.10); }
body.d2 .btn-ghost { color:#f6ecd9; }

body.d2 .evm-sec > div > p { color:var(--soft) !important; }
body.d2 details, body.d2 .q { background:var(--cream); border-color:rgba(242,177,52,.45); }

/* ---------- उप-पन्ने (site_base) व "हमारे बारे में": हल्के कार्ड पर गहरा लेख, गहरी पट्टी पर हल्का लेख ---------- */
body.d2 .hub-tile, body.d2 .val, body.d2 .hp-item, body.d2 .qa-faq { color:var(--ink); }
body.d2 .hub-tile { background:var(--cream); border-color:rgba(242,177,52,.5); }
body.d2 .hp-item { background:#fff8e8; border-color:rgba(242,177,52,.5); }
body.d2 .val { background:var(--cream); border-color:rgba(242,177,52,.5); }
body.d2 .story p { color:#f1e6d0; }
body.d2 .pg-hero-paper { background:linear-gradient(135deg,var(--ink3) 0%,var(--ink) 80%); color:#fff; }
body.d2 .pg-hero-paper .crumb { color:var(--dim); } body.d2 .pg-hero-paper .crumb a { color:var(--gold); }
body.d2 .pg-hero-paper .pg-lead, body.d2 .pg-lead { color:var(--soft); }
body.d2 .pg-hd h1 { color:#fff; }
body.d2 .rel-h { color:var(--gold); }
body.d2 .hub-tile .ht-t { color:var(--ink); } body.d2 .hub-tile .ht-d { color:var(--muted); } body.d2 .hub-tile .ht-k { color:var(--gold-deep); }

/* झंडियों की पट्टी: पहले पतली और हीरो के रंग में घुल जाती थी — अब अलग गहरे-भूरे सुनहरे रंग की मोटी पट्टी, ऊपर-नीचे सुनहरी रेखा (उम्मीदवार, 2026-10-06) */
body.d2 .bunting {
  height:50px; opacity:1;
  background:url('bunting.svg') repeat-x 0 8px / 340px 40px, linear-gradient(180deg,#5b3f18 0%,#3b2a11 100%);
  border-top:1px solid rgba(242,177,52,.55); border-bottom:3px solid var(--gold-deep);
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
body.d2 .hero { padding-top:76px; }

/* पूरी चौड़ाई की "403 विधानसभाएँ" पट्टी — दाईं ओर की ख़ाली जगह भरी (उम्मीदवार, 2026-10-06) */
body.d2 .uplead {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 28px; margin:0 0 30px; padding:16px 30px;
  color:var(--ink); border-radius:18px;
  background:linear-gradient(135deg,#ffd978 0%,var(--gold) 50%,var(--gold-deep) 100%);
  box-shadow:0 16px 38px rgba(242,177,52,.34), inset 0 1px 0 rgba(255,255,255,.55);
}
body.d2 .uplead .ul-main { display:inline-flex; align-items:center; gap:16px; font-size:clamp(1.15rem,2.7vw,1.85rem); font-weight:800; line-height:1.3; }
body.d2 .uplead .ul-main .i { width:1.7em; height:1.7em; stroke-width:2; }
body.d2 .uplead .ul-main b { font-family:var(--disp); font-weight:400; font-size:1.5em; line-height:1; padding:0 .08em; }
body.d2 .uplead .ul-side { display:inline-flex; align-items:center; gap:8px; font-size:clamp(.95rem,1.7vw,1.15rem); font-weight:800; padding:9px 18px; border-radius:999px; background:rgba(23,18,13,.9); color:var(--gold); }
body.d2 .uplead .ul-side .i { width:1.2em; height:1.2em; }
body.d2 .uplead .ul-main { font-size:clamp(1.1rem,2.3vw,1.6rem); }
body.d2 .uplead .ul-side { white-space:nowrap; }
@media (min-width:900px) { body.d2 .uplead { flex-wrap:nowrap; } }
@media (max-width:560px) { body.d2 .hero h1 em { white-space:normal; } body.d2 .uplead { padding:14px 16px; } body.d2 .uplead .ul-side { white-space:normal; } }

/* ---------- छोटी-छोटी बातें (उम्मीदवार, 2026-10-06): ब्रांड-पंक्ति, ख़ाली जगह, पन्ना-विभाजन, वीडियो का उभार ---------- */
/* "चुनाव प्रबंधन तंत्र": "विजय दल" की चौड़ाई तक justified (nowrap हटाकर — nowrap में justify नहीं चलता), चमकीली सुनहरी पट्टी पर गहरा लेख */
body.d2 .brand .bs { white-space:normal; display:block; text-align:justify; text-align-last:justify; font-size:.9rem; font-weight:800; letter-spacing:0;
  color:var(--ink); background:linear-gradient(135deg,#ffd978 0%,var(--gold) 60%,var(--gold-deep) 100%); padding:2px 9px; border-radius:7px; margin-top:4px; }
@media (max-width:1199px) { body.d2 .brand .bs { font-size:.74rem; padding:1px 7px; } }

/* ख़ाली जगह घटाई: स्काईलाइन के लिए रखी inline 100px नीचे की जगह अब बेकार (स्काईलाइन हटी) */
body.d2 .sec[style*="padding-bottom:100px"] { padding-bottom:60px !important; }
body.d2 #evm { margin-top:0 !important; }
body.d2 .sec { padding:60px 0; }
body.d2 .sec.tight { padding-top:44px; }
body.d2 .cband { padding:30px 0 30px; }
body.d2 .cband-b, body.d2 .cband-a { padding-bottom:30px; }
/* बैलट-मशीन के 6 की जगह 4 उम्मीदवार — बाएँ लेख के बराबर ऊँचाई, कोई बड़ा ख़ाली कोना नहीं */
body.d2 .evm .evm-row:nth-child(n+6) { display:none; }

/* पन्ना-विभाजन (page break): हर पट्टी के ऊपर बीच में सुनहरी रेखा + हीरा */
body.d2 .sec::before {
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:min(340px,70%); height:16px; pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, var(--gold) 0 5px, transparent 6px) center/16px 16px no-repeat,
    linear-gradient(90deg, transparent 0%, var(--gold-deep) 22%, var(--gold-deep) 42%, transparent 42%, transparent 58%, var(--gold-deep) 58%, var(--gold-deep) 78%, transparent 100%) center/100% 2px no-repeat;
}

/* वीडियो रंग में खो न जाए: हल्की चमकदार पृष्ठभूमि + मोटा सुनहरा फ्रेम व आभा */
body.d2 #video { background:radial-gradient(900px 460px at 50% 38%, #46321a 0%, var(--ink2) 72%); }
body.d2 .video-shell { box-shadow:0 0 0 3px var(--gold), 0 0 0 12px rgba(242,177,52,.20), 0 34px 80px rgba(0,0,0,.65); border-radius:18px; }

/* हीरो में ब्रांड-नाम वापस (उम्मीदवार, 2026-10-06: "विजय दल हमारा ब्रांड है, झालर के नीचे वह पूरा खो गया") — बड़ा चिह्न + बड़ा नाम + उसी चौड़ाई में justified चमकीली पंक्ति */
body.d2 .hero-brand { display:flex; align-items:center; gap:22px; margin:0 0 24px; }
body.d2 .hero-brand img { width:96px; height:96px; flex:0 0 auto; filter:drop-shadow(0 8px 18px rgba(0,0,0,.55)); }
body.d2 .hero-brand .hb-name { display:inline-flex; flex-direction:column; align-items:stretch; --t:clamp(2.7rem,7vw,4.4rem); }
body.d2 .hero-brand .hb-name b { display:block; font-family:var(--disp); font-weight:400; font-size:var(--t); line-height:1.02; color:#fff; letter-spacing:.01em; text-shadow:0 4px 18px rgba(0,0,0,.45); }
body.d2 .hero-brand .hb-name b i { font-style:normal; color:var(--gold); }
/* पंक्ति "बहुत ख़ाली-ख़ाली, शब्दों के बीच बड़ी जगह" (उम्मीदवार, 2026-10-07) — अक्षर बड़े (≈1.55×) व हल्का अक्षर-अंतर, ताकि पट्टी भर जाए और justify की बची जगह बहुत छोटी रहे */
body.d2 .hero-brand .hb-name span { display:block; white-space:normal; text-align:justify; text-align-last:justify; font-size:calc(var(--t) * .5); font-weight:800; line-height:1.25; letter-spacing:.02em;
  color:var(--ink); background:linear-gradient(135deg,#ffd978 0%,var(--gold) 60%,var(--gold-deep) 100%); padding:.12em .4em; border-radius:11px; margin-top:8px; box-shadow:0 8px 22px rgba(242,177,52,.30); }
@media (max-width:560px) { body.d2 .hero-brand { gap:14px; } body.d2 .hero-brand img { width:64px; height:64px; } }

/* पेज-ब्रेक की रेखा लगभग पूरे पन्ने की चौड़ाई तक (उम्मीदवार, 2026-10-06: "और बढ़ाकर लगभग पेज की चौड़ाई तक") */
body.d2 .sec::before {
  width:calc(100% - 56px); max-width:none; height:18px;
  background:
    radial-gradient(circle at 50% 50%, var(--gold) 0 6px, transparent 7px) center/18px 18px no-repeat,
    linear-gradient(90deg, transparent 0%, var(--gold-deep) 8%, var(--gold-deep) 47%, transparent 47.2%, transparent 52.8%, var(--gold-deep) 53%, var(--gold-deep) 92%, transparent 100%) center/100% 2px no-repeat;
}

/* लंबे, वर्णनात्मक मेन्यू-नाम एक पंक्ति में समाएँ */
@media (min-width:1200px) {
  body.d2 .nav { flex-wrap:nowrap; gap:3px; }
  body.d2 .nav a { font-size:.9rem; padding:10px 11px; }
}
@media (min-width:1500px) { body.d2 .nav a { font-size:.97rem; padding:11px 14px; } }

/* हीरो का ब्रांड-ब्लॉक बीच में (उम्मीदवार, 2026-10-06: "विजय दल को सेंटर में कर दें") */
body.d2 .hero-brand { justify-content:center; }
body.d2 .hero-brand .hb-name { align-items:stretch; }
/* ऊपर की पट्टी: 1200–1599 पर सब कुछ (CTA व लॉगिन समेत) एक पंक्ति में */
@media (min-width:1200px) and (max-width:1599px) {
  body.d2 .topbar .bar { gap:12px; }
  body.d2 .nav a { font-size:.88rem; padding:9px 9px; }
  body.d2 .nav-cta { font-size:.9rem; padding:11px 16px; }
  body.d2 .btn-login { font-size:.9rem; padding:10px 16px; }
  body.d2 .brand .bn { font-size:1.7rem; }
}

/* ---------- पूरी साइट की समीक्षा के बाद छोटे सुधार (2026-10-06) ---------- */
/* पुराने /site/home का "403 विधानसभाएँ" बैज: कॉलम में टूटकर "के / लिए" न बने */
body.d2 .hero .eyebrow { font-size:clamp(1rem,1.9vw,1.3rem); padding:11px 22px; max-width:100%; }
body.d2 .hero .eyebrow b { font-size:1.35em; }
/* "ऐप की झलक" पट्टी का शीर्षक पेज-ब्रेक की रेखा से चिपक गया था */
body.d2 .wp .sec.shots-sec, body.d2 .sec.shots-sec { padding-top:56px; }
/* छोटी स्क्रीन पर वीडियो का प्ले-बैज पोस्टर की पंक्ति ("...के लिए") को ढके नहीं */
@media (max-width:700px) { .video-shell::after { top:76%; } }
/* मुख्य शीर्षक की रेखा नीचे के लेख से सटकर न बैठे */
body.d2 .hero h1 { margin-bottom:28px; }

/* मोबाइल: ब्रांड-ब्लॉक दाएँ कट रहा था ("दल" ग़ायब) — बाईं ओर से शुरू, थोड़ा छोटा नाम (उम्मीदवार, 2026-10-07) */
@media (max-width:560px) {
  body.d2 .hero-brand { justify-content:flex-start; gap:12px; max-width:100%; }
  body.d2 .hero-brand .hb-name { --t:clamp(2.1rem,9.5vw,2.7rem); min-width:0; }
  body.d2 .hero-brand img { width:56px; height:56px; }
}